Commit 89deb070 authored by Mandic's avatar Mandic
Browse files

Update ifsandmaterial.html

parent 2c843732
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> indexed face set and material </title> <title> indexed face set and material </title>
<link rel="stylesheet" type="text/css" href="x3dom.css"> <link rel="stylesheet" type="text/css" href="x3dom.css">
</link> </link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/vs.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
...@@ -47,15 +50,24 @@ ...@@ -47,15 +50,24 @@
</Shape> </Shape>
</Scene> </Scene>
</X3D> </X3D>
</p>
</td> </td>
<td width="50%" align="left" valign="top" scope="col"> <td width="50%" align="left" valign="top" scope="col">
One shape has only ony appearance. If different colors for the building elements roof, wall and ground surfaces One shape has only ony appearance. If different colors for the building elements roof, wall and ground surfaces
shall be used, shall be used,
we need to have different shape for these elements. However, they can share the same point set. The following we need to have different shape for these elements. However, they can share the same point set. The following
example uses different example uses different
Material for roo, wall, and ground surfaces. Material for roof, wall, and ground surfaces.
<br> <br>
<pre class="prettyprint"> <pre>
<code class="language-html">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt; indexed face set and material &lt;/title&gt;
&lt;script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'&gt; &lt;/script&gt;
&lt;link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'&gt;&lt;/link&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;X3D id="shapedata" width="600px" height="600px" style="float:left"&gt; &lt;X3D id="shapedata" width="600px" height="600px" style="float:left"&gt;
&lt;Scene&gt; &lt;Scene&gt;
&lt;Shape&gt; &lt;Shape&gt;
...@@ -94,10 +106,11 @@ ...@@ -94,10 +106,11 @@
&lt;/Shape&gt; &lt;/Shape&gt;
&lt;/Scene&gt; &lt;/Scene&gt;
&lt;/X3D&gt; &lt;/X3D&gt;
</pre> &lt;/body&gt;
&lt;/html&gt;
</code>
</pre>
</td> </td>
</tr>
</table>
<script type="text/javascript" src="x3dom.js"></script> <script type="text/javascript" src="x3dom.js"></script>
</body> </body>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment