x_ite 8.0.0 → 8.3.0

package/docs/{tutorials/Building-a-X3D-world.md → _posts/tutorials/building-a-x3d-world.md}

@@ -1,11 +1,10 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: single
+title: Building a X3D World
+date: 2022-11-28
+nav: tutorials-shapes-geometry-and-appearance
+categories: [Tutorials]
+tags: [building, world]
 ---
-# Building a X3D World
-
 ## X3D file structure
 
 X3D files contain:
@@ -24,8 +23,7 @@ X3D files contain:
 
 ```xml
 <?xml version="1.0" encoding="UTF-8"?>
-
-<X3D profile='Full' version='3.3' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='http://www.web3d.org/specifications/x3d-3.3.xsd'>
+<X3D profile='Full' version='4.0' xmlns:xsd='https://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.0.xsd'>
   <Scene>
   <!-- A Cylinder -->
   <Shape>
@@ -43,7 +41,7 @@ X3D files contain:
 ### Classic Encoding
 
 ```js
-#X3D V3.3 utf8
+#X3D V4.0 utf8
 # A Cylinder
 Shape {
   appearance Appearance {
@@ -56,18 +54,20 @@ Shape {
 }
 ```
 
-[![Cylinder](https://create3000.github.io/media/tutorials/scenes/cylinder1/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/cylinder1/example.html)
+### Example
 
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/cylinder1/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/cylinder1/cylinder1.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/cylinder1/screenshot.png" alt="Cylinder"/>
+</x3d-canvas>
 
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/cylinder1/cylinder1.zip)
 
 ## Understanding the header
 
-**\#X3D V3.3 utf8**
+**\#X3D V4.0 utf8**
 
 - **\#X3D:** File contains X3D text
-- **V3.3 :** Text conforms to version 3.3 syntax
+- **V4.0 :** Text conforms to version 4.0 syntax
 - **utf8 :** Text uses UTF8 character set
 
 ## Understanding UTF8
@@ -75,7 +75,7 @@ Shape {
 - utf8 is an international character set standard
 - utf8 stands for:
   - UCS (Universal Character Set) Transformation Format, 8-bit
-  - Encodes 24,000+ characters for many languages
+  - Can encodes up to 2,164,864 characters for many languages
   - ASCII is a subset
 
 ## Using comments
@@ -103,7 +103,7 @@ Cylinder {
 
 - Nodes describe shapes, lights, sounds, etc.
 - Every node has:
-  - A node type ([Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape), [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Cylinder), etc.)
+  - A node type ([Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"}, [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Cylinder){:target="_blank"}, etc.)
   - A pair of curly-braces
   - Zero or more fields inside the curly-braces
 
@@ -116,7 +116,7 @@ Node type names are case sensitive:
 
 Some examples:
 
-[Appearance](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Appearance), [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Cylinder), [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material), [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape)
+[Appearance](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Appearance){:target="_blank"}, [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Cylinder){:target="_blank"}, [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"}, [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"}
 
 ## Using fields and values
 

package/docs/{tutorials/Building-elevation-grids.md → _posts/tutorials/building-elevation-grids.md}

@@ -1,22 +1,21 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: single
+title: Building Elevation Grids
+date: 2022-11-28
+nav: tutorials-animation-sensors-and-geometry
+categories: [Tutorials]
+tags: [building, elevation grids]
 ---
-# Building Elevation Grids
-
 ## Motivation
 
 - Building terrains is very common
   - Hills, valleys, mountains
   - Other tricky uses...
-- You can build a terrain using an [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) node
-- You can build terrains more efficiently using an [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#ElevationGrid) node
+- You can build a terrain using an [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} node
+- You can build terrains more efficiently using an [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#ElevationGrid){:target="_blank"} node
 
 ## Syntax: ElevationGrid
 
-An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#ElevationGrid) geometry node creates terrains:
+An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#ElevationGrid){:target="_blank"} geometry node creates terrains:
 
 - *xDimension* and *zDimension* - grid size
 - *xSpacing* and *zSpacing* - row and column distances
@@ -50,7 +49,7 @@ Shape {
 }
 ```
 
-An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#ElevationGrid) geometry node creates terrains:
+An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#ElevationGrid){:target="_blank"} geometry node creates terrains:
 
 - *height* - elevations at grid points
 
@@ -81,7 +80,7 @@ Shape {
 }
 ```
 
-An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#ElevationGrid) geometry node creates terrains
+An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#ElevationGrid){:target="_blank"} geometry node creates terrains
 
 - *solid* - shape is solid
 - *ccw* - faces are counter-clockwise
@@ -162,15 +161,17 @@ Shape {
 }
 ```
 
-[![Elevation Grid](https://create3000.github.io/media/tutorials/scenes/elevation-grid/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/elevation-grid/example.html)
+### Example
 
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/elevation-grid/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/elevation-grid/elevation-grid.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/elevation-grid/screenshot.png" alt="Elevation Grid"/>
+</x3d-canvas>
 
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/elevation-grid/elevation-grid.zip)
 
 ## Summary
 
-- An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#ElevationGrid) node efficiently creates a terrain
+- An [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#ElevationGrid){:target="_blank"} node efficiently creates a terrain
 - Grid size is specified in the *xDimension* and *zDimension* fields
 - Grid spacing is specified in the *xSpacing* and *zSpacing* field
 - Elevations at each grid point are specified in the *height* field

package/docs/{tutorials/Building-extruded-shapes.md → _posts/tutorials/building-extruded-shapes.md}

@@ -1,11 +1,10 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: single
+title: Build Extruded Shapes
+date: 2022-11-28
+nav: tutorials-animation-sensors-and-geometry
+categories: [Tutorials]
+tags: [build, extruded, shapes]
 ---
-# Build Extruded Shapes
-
 ## Motivation
 
 Extruded shapes are very common
@@ -15,8 +14,8 @@ Extruded shapes are very common
 
 How can you do it:
 
-- You can build extruded shapes using an [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) node.
-- You can build extruded shapes more easily and efficiently using an [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Extrusion) node.
+- You can build extruded shapes using an [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} node.
+- You can build extruded shapes more easily and efficiently using an [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Extrusion){:target="_blank"} node.
 
 ## Creating extruded shapes
 
@@ -32,7 +31,7 @@ Extruded shapes are like long bubbles created with a bubble wand:
 
 ## Syntax: Extrusion
 
-An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Extrusion) geometry node creates extruded geometry:
+An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Extrusion){:target="_blank"} geometry node creates extruded geometry:
 
 - *crossSection* - 2-D cross-section
 - *spine* - 3-D sweep path
@@ -67,7 +66,7 @@ Shape {
 }
 ```
 
-An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Extrusion) geometry node creates extruded geometry:
+An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Extrusion){:target="_blank"} geometry node creates extruded geometry:
 
 - *solid* - shape is solid
 - *ccw* - faces are counter-clockwise
@@ -113,7 +112,7 @@ You can rotate the cross-section along the spine
 
 ## Syntax: Extrusion
 
-An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Extrusion) geometry node creates geometry using:
+An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Extrusion){:target="_blank"} geometry node creates geometry using:
 
 - *scale* - cross-section scaling per spine point
 - *orientation* - cross-section rotation per spine point
@@ -145,7 +144,7 @@ Shape {
 
 ## Summary
 
-- An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Extrusion) node efficiently creates extruded shapes
+- An [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Extrusion){:target="_blank"} node efficiently creates extruded shapes
 - The *crossSection* field specifies the cross-section
 - The *spine* field specifies the sweep path
 - The *scale* and *orientation* fields specify scaling and rotation at each spine point

package/docs/{tutorials/Building-primitive-shapes.md → _posts/tutorials/building-primitive-shapes.md}

@@ -1,25 +1,24 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: single
+title: Building Primitive Shapes
+date: 2022-11-28
+nav: tutorials-shapes-geometry-and-appearance
+categories: [Tutorials]
+tags: [building, primitive, shapes]
 ---
-# Building Primitive Shapes
-
 ## Motivation
 
 Shapes are the building blocks of a X3D world. Primitive Shapes are standard building blocks:
 
-- [Box](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Box)
-- [Cone](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Cone)
-- [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Cylinder)
-- [Sphere](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Sphere)
-- [Text](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/text.html#Text)
-- and more from the [CADGeometry](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/CADGeometry.html)**,** [Geometry2D](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry2D.html)**,** and [Rendering](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html) component
+- [Box](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Box){:target="_blank"}
+- [Cone](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Cone){:target="_blank"}
+- [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Cylinder){:target="_blank"}
+- [Sphere](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Sphere){:target="_blank"}
+- [Text](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/text.html#Text){:target="_blank"}
+- and more from the [CADGeometry](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/CADGeometry.html){:target="_blank"}**,** [Geometry2D](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry2D.html){:target="_blank"}**,** and [Rendering](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html){:target="_blank"} component
 
 ## Syntax: Shape
 
-- A [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) node builds a shape
+- A [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} node builds a shape
   - *appearance* - color and texture
   - *geometry* - form, or structure
 
@@ -43,7 +42,7 @@ Shape {
 
 ## Specifying appearance
 
-- [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) appearance is described by appearance nodes
+- [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} appearance is described by appearance nodes
 - For now, we'll use nodes to create a shaded white appearance:
 
 ### XML Encoding
@@ -70,7 +69,7 @@ Shape {
 
 ## Specifying geometry
 
-[Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) geometry is built with geometry nodes:
+[Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} geometry is built with geometry nodes:
 
 ### XML Encoding
 
@@ -101,8 +100,7 @@ Text { ... }
 
 ```xml
 <?xml version="1.0" encoding="UTF-8"?>
-
-<X3D profile='Full' version='3.3' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='http://www.web3d.org/specifications/x3d-3.3.xsd'>
+<X3D profile='Full' version='4.0' xmlns:xsd='https://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.0.xsd'>
   <Scene>
     <Shape>
       <Appearance>
@@ -118,7 +116,7 @@ Text { ... }
 ### Classic Encoding
 
 ```js
-#X3D V3.3 utf8
+#X3D V4.0 utf8
 # A cylinder
 Shape {
   appearance Appearance {
@@ -131,9 +129,11 @@ Shape {
 }
 ```
 
-[![Cylinder](https://create3000.github.io/media/tutorials/scenes/cylinder1/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/cylinder1/example.html)
+### Example
 
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/cylinder1/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/cylinder1/cylinder1.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/cylinder1/screenshot.png" alt="Cylinder"/>
+</x3d-canvas>
 
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/cylinder1/cylinder1.zip)
 
@@ -149,8 +149,7 @@ Shape {
 
 ```xml
 <?xml version="1.0" encoding="UTF-8"?>
-
-<X3D profile='Full' version='3.3' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='http://www.web3d.org/specifications/x3d-3.3.xsd'>
+<X3D profile='Full' version='4.0' xmlns:xsd='https://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.0.xsd'>
   <Scene>
     <Shape>
       <Appearance>
@@ -174,7 +173,7 @@ Shape {
 ### Classic Encoding
 
 ```js
-#X3D V3.3 utf8
+#X3D V4.0 utf8
 
 Shape {
   appearance Appearance {
@@ -197,14 +196,16 @@ Shape {
 ...
 ```
 
-[![Multiple Shapes](https://create3000.github.io/media/tutorials/scenes/multiple-shapes/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/multiple-shapes/example.html)
+### Example
 
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/multiple-shapes/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/multiple-shapes/multiple-shapes.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/multiple-shapes/screenshot.png" alt="Multiple Shapes"/>
+</x3d-canvas>
 
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/multiple-shapes/multiple-shapes.zip)
 
 ## Summary
 
-- Shapes are built using a [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) node
-- [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) geometry is built using geometry nodes, such as [Box](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Box), [Cone](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Cone), [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Cylinder), [Sphere](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Sphere), and [Text](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/text.html#Text)
-- Text fonts are controlled using a [FontStyle](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/text.html#FontStyle) node
+- Shapes are built using a [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} node
+- [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} geometry is built using geometry nodes, such as [Box](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Box){:target="_blank"}, [Cone](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Cone){:target="_blank"}, [Cylinder](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Cylinder){:target="_blank"}, [Sphere](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Sphere){:target="_blank"}, and [Text](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/text.html#Text){:target="_blank"}
+- Text fonts are controlled using a [FontStyle](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/text.html#FontStyle){:target="_blank"} node

package/docs/{tutorials/Building-shapes-out-of-points,-lines,-and-faces.md → _posts/tutorials/building-shapes-out-of-points-lines-and-faces.md}

@@ -1,12 +1,10 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: single
+title: Building Shapes out of Points, Lines, and Faces
+date: 2022-11-28
+nav: tutorials-animation-sensors-and-geometry
+categories: [Tutorials]
+tags: [building, shapes, points, lines, faces]
 ---
-
-# Building Shapes out of Points, Lines, and Faces
-
 ## Motivation
 
 Complex shapes are hard to build with primitive shapes:
@@ -30,7 +28,7 @@ A coordinate specifies a 3-D dot location. Measured relative to a coordinate sys
 
 ## Syntax: Coordinate
 
-A [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#Coordinate) node contains a list of coordinates for use in building a shape.
+A [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#Coordinate){:target="_blank"} node contains a list of coordinates for use in building a shape.
 
 ### XML Encoding
 
@@ -57,15 +55,15 @@ Coordinate {
 
 Build coordinate-based shapes using geometry nodes:
 
-- [PointSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#PointSet)
-- [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#IndexedLineSet)
-- [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet)
+- [PointSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#PointSet){:target="_blank"}
+- [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#IndexedLineSet){:target="_blank"}
+- [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"}
 
-For all three nodes, use a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#Coordinate) node as the value of the coord field.
+For all three nodes, use a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#Coordinate){:target="_blank"} node as the value of the coord field.
 
 ## Syntax: PointSet
 
-A [PointSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#PointSet) geometry node creates geometry out of points:
+A [PointSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#PointSet){:target="_blank"} geometry node creates geometry out of points:
 
 - One point (a dot) is placed at each coordinate
 
@@ -96,7 +94,7 @@ Shape {
 
 ## Syntax: IndexedLineSet
 
-An [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#IndexedLineSet) geometry node creates geometry out of lines:
+An [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#IndexedLineSet){:target="_blank"} geometry node creates geometry out of lines:
 
 - A straight line is drawn between pairs of selected coordinates
 
@@ -129,7 +127,7 @@ Shape {
 
 ## Using line set coordinate indexes
 
-Each coordinate in a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#Coordinate) node is implicitly numbered
+Each coordinate in a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#Coordinate){:target="_blank"} node is implicitly numbered
 
 - Index 0 is the first coordinate
 - Index **1** is the second coordinate, etc.
@@ -137,7 +135,7 @@ Each coordinate in a [Coordinate](https://www.web3d.org/documents/specifications
 To build a line shape:
 
 - Make a list of coordinates, using their indexes
-- List coordinate indexes in the *coordIndex* field of the [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#IndexedLineSet) node
+- List coordinate indexes in the *coordIndex* field of the [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#IndexedLineSet){:target="_blank"} node
 
 A line is drawn between pairs of coordinate indexes:
 
@@ -153,7 +151,7 @@ A line is drawn between pairs of coordinate indexes:
 
 ## Syntax: IndexedFaceSet
 
-An [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) geometry node creates geometry out of faces:
+An [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} geometry node creates geometry out of faces:
 
 - A flat face (polygon) is drawn using an outline specified by coordinate indexes
 
@@ -189,7 +187,7 @@ Shape {
 To build a face shape
 
 - Make a list of coordinates, using their indexes
-- List coordinate indexes in the *coordIndex* field of the [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) node
+- List coordinate indexes in the *coordIndex* field of the [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} node
 
 A triangle is drawn connecting sequences of coordinate indexes:
 
@@ -206,7 +204,7 @@ A triangle is drawn connecting sequences of coordinate indexes:
 
 ## Syntax: IndexedFaceSet
 
-An [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) geometry node creates geometry out of faces:
+An [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} geometry node creates geometry out of faces:
 
 - *solid* - shape is solid
 - *ccw* - faces are counter-clockwise
@@ -259,7 +257,7 @@ Faces are assumed to be convex
 
 ## Syntax: CoordinateInterpolator
 
-A [CoordinateInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#CoordinateInterpolator) node describes a coordinate path:
+A [CoordinateInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#CoordinateInterpolator){:target="_blank"} node describes a coordinate path:
 
 - *keys* - key fractions
 - *keyValues* - key coordinate lists (X, Y, Z lists)
@@ -281,11 +279,11 @@ CoordinateInterpolator {
 }
 ```
 
-Typically route into a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#Coordinate) node's set\_point input.
+Typically route into a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#Coordinate){:target="_blank"} node's set\_point input.
 
 ## Interpolating coordinate lists
 
-A [CoordinateInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#CoordinateInterpolator) node interpolates lists of coordinates:
+A [CoordinateInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#CoordinateInterpolator){:target="_blank"} node interpolates lists of coordinates:
 
 - Each output is a list of coordinates
 
@@ -296,22 +294,22 @@ If n output coordinates are needed for t fractional times:
 ## Summary
 
 - Shapes are built by connecting together coordinates
-- Coordinates are listed in a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#Coordinate) node
+- Coordinates are listed in a [Coordinate](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#Coordinate){:target="_blank"} node
 - Coordinates are implicitly numbers starting at 0
 - Coordinate index lists give the order in which to use coordinates
 
-The [PointSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#PointSet) node draws a dot at every coordinate:
+The [PointSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#PointSet){:target="_blank"} node draws a dot at every coordinate:
 
 - The *coord* field value is a Coordinate node
 
-The [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/rendering.html#IndexedLineSet) node draws lines between coordinates:
+The [IndexedLineSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/rendering.html#IndexedLineSet){:target="_blank"} node draws lines between coordinates:
 
 - The *coord* field value is a Coordinate node
 - The *coordIndex* field value is a list of coordinate indexes
 
-The [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) node draws faces outlined by coordinates:
+The [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} node draws faces outlined by coordinates:
 
 - The *coord* field value is a Coordinate node
 - The *coordIndex* field value is a list of coordinate indexes
 
-The [CoordinateInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#CoordinateInterpolator) node converts times to coordinates.
+The [CoordinateInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#CoordinateInterpolator){:target="_blank"} node converts times to coordinates.

package/docs/{tutorials/Controlling-appearance-with-materials.md → _posts/tutorials/controlling-appearance-with-materials.md}

@@ -1,11 +1,10 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: single
+title: Controlling Appearance with Materials
+date: 2022-11-28
+nav: tutorials-shapes-geometry-and-appearance
+categories: [Tutorials]
+tags: [controlling, appearance, materials]
 ---
-# Controlling Appearance whith Materials
-
 ## Motivation
 
 The primitive shapes have a default emissive (glowing) white appearance
@@ -20,7 +19,7 @@ You can control a shape's
 
 ## Syntax: Shape
 
-Recall that [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) nodes describe:
+Recall that [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} nodes describe:
 
 - *appearance* - color and texture
 - *geometry* - form, or structure
@@ -45,7 +44,7 @@ Shape {
 
 ## Syntax: Appearance
 
-An [Appearance](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Appearance) node describes overall shape appearance
+An [Appearance](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Appearance){:target="_blank"} node describes overall shape appearance
 
 - *material* properties - color, transparency, etc.
 
@@ -73,7 +72,7 @@ Shape {
 
 ## Syntax: Material
 
-A [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node controls shape material attributes
+A [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node controls shape material attributes
 
 - *diffuseColor* - main shading color
 - *emissiveColor* - glowing color
@@ -123,15 +122,15 @@ Colors specify:
 | Cyan   | 0.0 | 1.0   | 1.0  | ![cyan][]   |
 | Brown  | 0.5 | 0.2   | 0    | ![brown][]  |
 
-  [white]: https://via.placeholder.com/15/ffffff/000000?text=+
-  [red]: https://via.placeholder.com/15/ff0000/000000?text=+
-  [yellow]: https://via.placeholder.com/15/fff000/000000?text=+
-  [cyan]: https://via.placeholder.com/15/00ffff/000000?text=+
-  [brown]: https://via.placeholder.com/15/692929/000000?text=+
+  [white]: https://via.placeholder.com/15/ffffff/ffffff
+  [red]: https://via.placeholder.com/15/ff0000/ff0000
+  [yellow]: https://via.placeholder.com/15/fff000/fff000
+  [cyan]: https://via.placeholder.com/15/00ffff/00ffff
+  [brown]: https://via.placeholder.com/15/692929/692929
 
 ## Syntax: Material
 
-A [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node also controls shape shininess
+A [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node also controls shape shininess
 
 - *specularColor* - highlightcolor
 - *shininess* - highlightsize
@@ -173,17 +172,19 @@ Shape {
 ...
 ```
 
-[![Box1](https://create3000.github.io/media/tutorials/scenes/box1/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/box1/example.html)
+### Example
 
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/box1/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/box1/box1.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/box1/screenshot.png" alt="Box 1"/>
+</x3d-canvas>
 
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/box1/box1.zip)
 
 ## Summary
 
-The [Appearance](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Appearance) node controls overall shape appearance
+The [Appearance](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Appearance){:target="_blank"} node controls overall shape appearance
 
-The [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node controls overall material properties including:
+The [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node controls overall material properties including:
 
 - Shading color
 - Glow color