From ef5784fe5f1f66400a57974eb3e79efa40fbac95 Mon Sep 17 00:00:00 2001 From: Koukofikis Date: Wed, 19 May 2021 15:12:43 +0000 Subject: [PATCH] Update hellox3dom.html --- public/X3DOMTutorial/hellox3dom.html | 167 ++++++++++++++------------- 1 file changed, 85 insertions(+), 82 deletions(-) diff --git a/public/X3DOMTutorial/hellox3dom.html b/public/X3DOMTutorial/hellox3dom.html index e8b077b..a373e22 100644 --- a/public/X3DOMTutorial/hellox3dom.html +++ b/public/X3DOMTutorial/hellox3dom.html @@ -1,82 +1,85 @@ - - - - - Hello X3DOM - - - - - -

Hello X3DOM

- - - - - - - - \ No newline at end of file + + + + + Hello X3DOM + + + + + +

Hello X3DOM

+
- - - - - - - - -

- 		- In this example, a simple 3D scene is integrated into a web page. This is done by the <X3D> tag in the - HTML document. - The <X3D> tag is interpreted by the x3dom.js Java Script library. You can either make a local copy of the - library or use it - from the server. It is recommended to use the library from the server to ensure that you always have the latest - version. - A local copy of the library is useful for development, if you are not always connected. -
- 
-	<X3D id="shapedata" width="600px" height="600px" style="float:left">
-	<Scene> 
-          <background transparency='0' skyColor='1 0 0'> </background>
-            <Shape id=box> 
-              <Box> </Box>
-            </Shape>
-	  </Scene>
-        </X3D>  
-
- The <X3D> tag defines the size of the 3D canvas on the web page as well as the scene graph. - An X3D scene graph - is defined as a directed acyclic graph. - The nodes of the scene graph will be rendered on the screen from a given camera position. - The default camera position is (0,0,10) pointing to the negative z-Axis. - So objects at the center of the coordinate system will be displayed on the screen. - A shape node contains a geometry. In this example, it is a simple box. The center of the box is at (0,0,0) with - default size 2 in all dimensions -
- The color of the background can be changed in the attribute skyColor. Currently it is red. - The color is defined using RGB color - model - with arithmetic notation (0.0 t0 1.0 per value).
- The color of the Box can be changed by applying an appearance to the shape node. - In X3D, the Shape - node associates a geometry node with - nodes that define that geometry's appearance. The following example draws a blue box. - 
-	<X3D id="shapedata" width="600px" height="600px" style="float:left">
-	<Scene> 
-          <background transparency='0' skyColor='1 0 0'> </background>
-            <Shape id=box> 
-              <appearance > 
-                <material diffuseColor='0 0 1'></material> 
-              </appearance> 
-              <Box> </Box>
-            </Shape>
-	  </Scene>
-        </X3D>  
-
- - - -
+ + + + + + + -- GitLab
+ + + + + + + + + + + +

+ 		+ In this example, a simple 3D scene is integrated into a web page. This is done by the <X3D> tag in the + HTML document. + The <X3D> tag is interpreted by the x3dom.js Java Script library. You can either make a local copy of the + library or use it + from the server. It is recommended to use the library from the server to ensure that you always have the latest + version. + A local copy of the library is useful for development, if you are not always connected. +
+ 
+	<X3D id="shapedata" width="600px" height="600px" style="float:left">
+	<Scene> 
+          <background transparency='0' skyColor='1 0 0'> </background>
+            <Shape id=box> 
+              <Box> </Box>
+            </Shape>
+	  </Scene>
+        </X3D>  
+
+ The <X3D> tag defines the size of the 3D canvas on the web page as well as the scene graph. + An X3D scene graph + is defined as a directed acyclic graph. + The nodes of the scene graph will be rendered on the screen from a given camera position. + The default camera position is (0,0,10) pointing to the negative z-Axis. + So objects at the center of the coordinate system will be displayed on the screen. + A shape node contains a geometry. In this example, it is a simple box. The center of the box is at (0,0,0) with + default size 2 in all dimensions +
+ The color of the background can be changed in the attribute skyColor. Currently it is red. + The color is defined using RGB color + model + with arithmetic notation (0.0 t0 1.0 per value).
+ The color of the Box can be changed by applying an appearance to the shape node. + In X3D, the Shape + node associates a geometry node with + nodes that define that geometry's appearance. The following example draws a blue box. + 
+	<X3D id="shapedata" width="600px" height="600px" style="float:left">
+	<Scene> 
+          <background transparency='0' skyColor='1 0 0'> </background>
+            <Shape id=box> 
+              <appearance > 
+                <material diffuseColor='0 0 1'></material> 
+              </appearance> 
+              <Box> </Box>
+            </Shape>
+	  </Scene>
+        </X3D>  
+
+ + + +