Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
ifsandtexturecoord.html 3.45 KiB
Open in Web IDE
1 
<html>
2
3 
<head>
4 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 
	<title> indexed face set and material </title>
6 
	<link rel="stylesheet" type="text/css" href="x3dom.css">
7 
</head>
8
9 
<body>
10 
	<h1> indexed face set and material </h1>
11 
	<table width="100%" height="85%" border="0">
12 
		<tr>
13 
			<td width="50%" align="center" valign="top" scope="col">
14 
				<X3D id="shapedata" width="600px" height="600px" style="float:left">
15 
					<Scene>
16 
						<Shape>
17 
							<!-- roof -->
18 
							<Appearance>
19 
								<Material diffuseColor="0.980, 0.502, 0.447"> </Material>
20 
							</Appearance>
21 
							<IndexedFaceSet solid="true" ccw="true" coordIndex="  7 4 8 -1 4 5 8 -1 5 6 8 -1 6 7 8 -1">
22 
								<Coordinate DEF="pointset" point="-1 0 1, 1 0 1, 1 0 -1, -1 0 -1,
23 
             	            -1 2 1, 1 2 1, 1 2 -1, -1 2 -1, 0 3 0 ">
24 
								</Coordinate>
25 
								<TextureCoordinate DEF="texcoord" point="0 0 0 1 1 1 1 0 0 0 0 1 1 1 1 0 0 0">
26 
									</TextureCoorinate>
27 
							</IndexedFaceSet>
28 
						</Shape>
29 
						<Shape>
30 
							<!-- wall 1  -->
31 
							<Appearance>
32 
								<ImageTexture
33 
									url="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Brick_wall_close-up_view.jpg/800px-Brick_wall_close-up_view.jpg">
34 
								</ImageTexture>
35 
								<Material diffuseColor="0.753, 0.753, 0.753"> </Material>
36 
							</Appearance>
37 
							<IndexedFaceSet solid="true" ccw="true" coordIndex="0 1 5 4 -1 ">
38 
								<Coordinate USE="pointset">
39 
								</Coordinate>
40 
							</IndexedFaceSet>
41 
						</Shape>
42 
						<Shape>
43 
							<!-- wall -->
44 
							<Appearance>
45 
								<ImageTexture
46 
									url="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Peach_Rinkysplash.jpg/800px-Peach_Rinkysplash.jpg">
47 
								</ImageTexture>
48 
								<Material diffuseColor="0.753, 0.753, 0.753"> </Material>
49 
							</Appearance>
50 
							<IndexedFaceSet solid="true" ccw="true" coordIndex=" 1 2 6 5 -1 2 3 7 6 -1 3 0 4 7 -1"
51 
								texCoordIndex="0 1 2 3 -1 0 1 2 3 -1 0 1 2 3">
52 
								<Coordinate USE="pointset">
53 
								</Coordinate>
54 
								<TextureCoordinate USE="texcoord">
55 
									</TextureCoorinate>
56 
							</IndexedFaceSet>
57 
						</Shape>
58 
						<Shape>
59 
							<!-- ground -->
60 
							<Appearance>
61 
								<Material diffuseColor="0.180, 0.280, 0.230"> </Material>
62 
							</Appearance>
63 
							<IndexedFaceSet solid="true" ccw="true" coordIndex=" 0 3 2 1 -1 ">
64 
								<Coordinate USE="pointset">
65 
								</Coordinate>
66 
							</IndexedFaceSet>
67 
						</Shape>
68 
					</Scene>
69 
				</X3D>
70 
			</td>
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
<td width="50%" align="left" valign="top" scope="col"> Example: <a href="https://doc.x3dom.org/tutorials/basics/imagesMovies/index.html" target="_blank"> Using Images and Movies as Textures </a> <br> <a href="https://www.web3d.org/files/specifications/19775-1/V3.3/Part01/components/texturing.html" target="_blank"> Textures </a> <br> <a href="https://www.web3d.org/files/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet" target="_blank"> How Textures are mapped on IndexedFaceSet: </a><br> <br> <pre class="prettyprint"> &lt;Appearance&gt; &lt;ImageTexture url="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Peach_Rinkysplash.jpg/800px-Peach_Rinkysplash.jpg"&gt;&lt;/ImageTexture&gt; &lt;Material diffuseColor="0.753, 0.753, 0.753"&gt; &lt;/Material&gt; &lt;/Appearance&gt; </pre> </td> </tr> </table> <script type="text/javascript" src="x3dom.js"></script> </body> </html>

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal