x_ite 8.0.0 → 8.3.0

package/docs/{tutorials/Adding-sound.md → _posts/tutorials/adding-sound.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: Adding Sound
+date: 2022-11-28
+nav: tutorials-textures-lights-and-environment
+categories: [Tutorials]
+tags: [sound]
 ---
-# Adding Sound
-
 ## Motivation
 
 - Sounds can be triggered by viewer actions
@@ -25,11 +24,11 @@ Sounds have two components:
 
 ## Syntax: AudioClip
 
-An [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) node creates a digital sound source:
+An [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} node creates a digital sound source:
 
 - *url* - a sound file URL
 - *pitch* - playback speed
-- playback controls, like a [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node
+- playback controls, like a [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node
 
 ### XML Encoding
 
@@ -60,11 +59,11 @@ Sound {
 
 ## Syntax: MovieTexture
 
-A [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#MovieTexture) node creates a movie sound source:
+A [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#MovieTexture){:target="_blank"} node creates a movie sound source:
 
 - *url* - a texture movie file URL
 - *speed* - playback speed
-- playback controls, like a [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node
+- playback controls, like a [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node
 
 ### XML Encoding
 
@@ -95,21 +94,21 @@ Sound {
 
 ## Selecting sound source types
 
-Supported by the [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) node:
+Supported by the [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} node:
 
 - MP3 or WAV - digital sound files
   Good for sound effects
 
-Supported by the [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#MovieTexture) node:
+Supported by the [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#MovieTexture){:target="_blank"} node:
 
 - MP4 - movie file with sound
   Good for virtual TVs
 
 ## Syntax: Sound
 
-A [Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node describes a sound emitter:
+A [Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node describes a sound emitter:
 
-- *source* - [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) or [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#MovieTexture) node
+- *source* - [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} or [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#MovieTexture){:target="_blank"} node
 - *location* and *direction* - emitter placement
 
 ### XML Encoding
@@ -132,7 +131,7 @@ Sound {
 }
 ```
 
-A [Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node describes a sound emitter:
+A [Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node describes a sound emitter:
 
 - *intensity* - volume
 - *spatialize* - use spatialize processing
@@ -160,7 +159,7 @@ Sound {
 }
 ```
 
-A [Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node describes a sound emitter:
+A [Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node describes a sound emitter:
 
 - *minFront, minBack* - inner ellipsoid
 - *maxFront, maxBack* - outer ellipsoid
@@ -175,12 +174,12 @@ A [Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/com
 
 ## Creating triggered sounds
 
-[AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) node:
+[AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} node:
 
 - *loop* **FALSE**
 - Set *startTime* from a sensor node
 
-[Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node:
+[Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node:
 
 - *spatialize* **TRUE**
 - *minFront* etc. with small values
@@ -240,21 +239,23 @@ Group {
 ROUTE C4.touchTime TO PitchC4.set_startTime
 ```
 
-[![LOD](https://create3000.github.io/media/tutorials/scenes/sound/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/sound/example.html)
+### Example
 
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/sound/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/sound/sound.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/sound/screenshot.png" alt="Sound"/>
+</x3d-canvas>
 
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/sound/sound.zip)
 
 ## Creating continuous localized sounds
 
-[AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) node:
+[AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} node:
 
 - *loop* **TRUE**
 - *startTime* 0.0 (default)
 - *stopTime* 0.0 (default)
 
-[Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node:
+[Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node:
 
 - *spatialize* **TRUE** (default)
 - *minFront* etc. with medium values
@@ -307,13 +308,13 @@ Transform {
 
 ## Creating continuous background sounds
 
-[AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) node:
+[AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} node:
 
 - *loop* **TRUE**
 - *startTime* 0.0 (default)
 - *stopTime* 0.0 (default)
 
-[Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node:
+[Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node:
 
 - *spatialize* **FALSE** (default)
 - *minFront* etc. with large values
@@ -321,12 +322,12 @@ Transform {
 
 ## Summary
 
-An [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#AudioClip) node or a [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#MovieTexture) node describe a sound source:
+An [AudioClip](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#AudioClip){:target="_blank"} node or a [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#MovieTexture){:target="_blank"} node describe a sound source:
 
 - A URL gives the sound file
 - Looping, start time, and stop time control playback
 
-A [Sound](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/sound.html#Sound) node describes a sound emitter:
+A [Sound](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/sound.html#Sound){:target="_blank"} node describes a sound emitter:
 
 - A source node provides the sound
 - Range fields describe the sound volume

package/docs/{tutorials/Animating-transforms.md → _posts/tutorials/animating-transforms.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: Animating Transforms
+date: 2022-11-28
+nav: tutorials-animation-sensors-and-geometry
+categories: [Tutorials]
+tags: [animating, transforms]
 ---
-# Animating Transforms
-
 ## Motivation
 
 An animation changes something over time:
@@ -21,14 +20,14 @@ Animation requires control over time:
 
 ## Controlling time
 
-- A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node is similar to a stop watch
+- A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node is similar to a stop watch
   - You control the start and stop time
 - The sensor generates time events while it is running
 - To animate, route time events into other nodes
 
 ## Using absolute time
 
-- A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node generates absolute and fractional time events
+- A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node generates absolute and fractional time events
 - Absolute time events give the wall-clock time
   - Absolute time is measured in seconds since 12:00am January 1, 1970!
   - Useful for triggering events at specific dates and times
@@ -43,7 +42,7 @@ Animation requires control over time:
 
 ## Syntax: TimeSensor
 
-- A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node generates events based upon time
+- A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node generates events based upon time
   - *startTime* and *stopTime* - when to run
   - *cycleInterval* - how long a cycle is
   - *loop* - whether or not to repeat cycles
@@ -74,19 +73,19 @@ TimeSensor {
 To create a continuously running timer:
 
 - *loop* **TRUE**
-- *stopTime* <= *startTime*
+- *stopTime* \<= *startTime*
 
-When stop time &lt;= start time, stop time is ignored
+When stop time \<= start time, stop time is ignored
 
 To run until the stop time:
 
 - *loop* **TRUE**
-- *stopTime* &gt; *startTime*
+- *stopTime* \> *startTime*
 
 To run one cycle then stop:
 
 - *loop* **FALSE**
-- *stopTime* &lt;= *startTime*
+- *stopTime* \<= *startTime*
 
 The *set\_startTime* input event:
 
@@ -163,9 +162,9 @@ To animate the position of a shape you provide:
 - A list of key positions for a movement path
 - A time at which to be at each position
 
-An interpolator node converts an input time to an output position
+An interpolatorsolator node converts an input time to an output position
 
-- When a time is in between two key positions, the interpolator computes an intermediate position
+- When a time is in between two key positions, the interpolatorsolator computes an intermediate position
 
 ## Interpolating positions
 
@@ -187,7 +186,7 @@ Interpolation fills in values between your key values:
 
 ## Syntax: PositionInterpolator
 
-A [PositionInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#PositionInterpolator) node describes a position path
+A [PositionInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#PositionInterpolator){:target="_blank"} node describes a position path
 
 - *key* - key fractional times
 - *keyValue* - key positions
@@ -209,9 +208,9 @@ PositionInterpolator {
 }
 ```
 
-Typically route into a [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform) node's *set\_translation* input
+Typically route into a [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"} node's *set\_translation* input
 
-## Using position interpolator inputs and outputs
+## Using position interpolatorsolator inputs and outputs
 
 The *set\_fraction* input:
 
@@ -221,7 +220,7 @@ The *value\_changed* output:
 
 - Outputs the position along the path each time the fraction is set
 
-## A sample using position interpolators
+## A sample using position interpolatorsolators
 
 ### XML Encoding
 
@@ -269,7 +268,7 @@ ROUTE Timer1.fraction_changed TO Position1.set_fraction
 ROUTE Position1.value_changed TO Particle1.set_translation
 ```
 
-## Using other types of interpolators
+## Using other types of interpolatorsolators
 
 |                      |                             |
 |----------------------|-----------------------------|
@@ -279,14 +278,14 @@ ROUTE Position1.value_changed TO Particle1.set_translation
 | Animate color        | [ColorInterpolator][]       |
 | Animate transparency | [ScalarInterpolator][]      |
 
-  [PositionInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#PositionInterpolator
-  [OrientationInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#OrientationInterpolator
-  [ColorInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#ColorInterpolator
-  [ScalarInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#ScalarInterpolator
+  [PositionInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#PositionInterpolator
+  [OrientationInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#OrientationInterpolator
+  [ColorInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#ColorInterpolator
+  [ScalarInterpolator]: https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#ScalarInterpolator
 
 ## Syntax: OrientationInterpolator
 
-A [OrientationInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#OrientationInterpolator) node describes an orientation path
+A [OrientationInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#OrientationInterpolator){:target="_blank"} node describes an orientation path
 
 - *key* - key fractional times
 - *keyValue* - key rotations (axis and angle)
@@ -308,11 +307,11 @@ OrientationInterpolator {
 }
 ```
 
-Typically route into a [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform) node's *set\_rotation* input
+Typically route into a [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"} node's *set\_rotation* input
 
 ## Syntax: ColorInterpolator
 
-[ColorInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#ColorInterpolator) node describes a color path
+[ColorInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#ColorInterpolator){:target="_blank"} node describes a color path
 
 - *key* - key fractional times
 - *keyValue* - key colors (red, green, blue)
@@ -334,11 +333,11 @@ ColorInterpolator {
 }
 ```
 
-Typically route into a [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node's *set\_diffuseColor* or *set\_emissiveColor* inputs
+Typically route into a [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node's *set\_diffuseColor* or *set\_emissiveColor* inputs
 
 ## Syntax: ScalarInterpolator
 
-[ScalarInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#ScalarInterpolator) node describes a scalar path
+[ScalarInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#ScalarInterpolator){:target="_blank"} node describes a scalar path
 
 - *key* - key fractional times
 - *keyValue* - key scalars (used for anything)
@@ -360,11 +359,11 @@ ScalarInterpolator {
 }
 ```
 
-Often route into a [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node's *set\_transparency* input
+Often route into a [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node's *set\_transparency* input
 
 ## Summary
 
-The [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node's fields control:
+The [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node's fields control:
 
 - Timer start and stop times
 - The cycle interval
@@ -378,14 +377,14 @@ The sensor outputs:
 
 Interpolators use key times and values and compute intermediate values
 
-All interpolators have:
+All interpolatorsolators have:
 
 - a *set\_fraction* input to set the fractional time
 - a *value\_changed* output to send new values
 
-Some interpolators are:
+Some interpolatorsolators are:
 
-- The [PositionInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#PositionInterpolator) node converts times to positions (or scales)
-- The [OrientationInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#OrientationInterpolator) node converts times to rotations
-- The [ColorInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#ColorInterpolator) node converts times to colors
-- The [ScalarInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#ScalarInterpolator) node converts times to scalars (such as transparencies)
+- The [PositionInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#PositionInterpolator){:target="_blank"} node converts times to positions (or scales)
+- The [OrientationInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#OrientationInterpolator){:target="_blank"} node converts times to rotations
+- The [ColorInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#ColorInterpolator){:target="_blank"} node converts times to colors
+- The [ScalarInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#ScalarInterpolator){:target="_blank"} node converts times to scalars (such as transparencies)

package/docs/{tutorials/Basic-Nodes.md → _posts/tutorials/basic-nodes.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: Basic Nodes
+date: 2022-11-28
+nav: tutorials-basic
+categories: [Tutorials]
+tags: [basic, nodes]
 ---
-# Basic Nodes
-
 ## Overview
 
 X3D is capable of representing static and animated objects and it can have hyperlinks to other media such as sound, movies, and image. X\_ITE is a browsers for X3D and available for many different platforms as well as Titania is an authoring tools for the creation X3D files. For programmers there is an JavaScript API interface to access X3D nodes and commonly used 3D application programmer interface features.
@@ -29,17 +28,7 @@ Here is a typical X3D Classic Encoded file with a single node:
 
 ```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'>
-  <head>
-    <meta name='comment' content='World of Titania'/>
-    <meta name='created' content='Fri, 29 Jun 2018 13:31:47 GMT'/>
-    <meta name='creator' content='Holger Seelig'/>
-    <meta name='generator' content='Titania V4.3.0, http://titania.create3000.de'/>
-    <meta name='identifier' content='file:///home/holger/scene.x3dv'/>
-    <meta name='modified' content='Fri, 29 Jun 2018 13:31:47 GMT'/>
-    <meta name='titania-output-style' content='Nicest'/>
-  </head>
+<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>
     <PlaneSensor DEF='Sensor'
         offset='0 2 0'/>
@@ -57,7 +46,7 @@ Here is a typical X3D Classic Encoded file with a single node:
 ### Classic Encoding
 
 ```js
-#X3D V3.3 utf8
+#X3D V4.0 utf8
 
 # A sample file with a simple scene
 
@@ -83,14 +72,14 @@ Be careful! X3D is a case sensitive language.
 
 ## Key Concept
 
-Now we can start to add information to the file. The first node to deal with is the [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/core.html#WorldInfo) node. This node contains general information about the world, such as a *title* for the world. [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/core.html#WorldInfo) can also contain an *info* field, which contain other information about the file such as copyright information. You can put what you like in it. A sample [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/core.html#WorldInfo) node is shown below:
+Now we can start to add information to the file. The first node to deal with is the [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/core.html#WorldInfo){:target="_blank"} node. This node contains general information about the world, such as a *title* for the world. [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/core.html#WorldInfo){:target="_blank"} can also contain an *info* field, which contain other information about the file such as copyright information. You can put what you like in it. A sample [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/core.html#WorldInfo){:target="_blank"} node is shown below:
 
 ### XML Encoding
 
 ```xml
 <WorldInfo
     title='Tutorial'
-    info='"Basic Nodes", "create3000.de"'/>
+    info='"Basic Nodes", "https://create3000.github.io/x_ite/"'/>
 ```
 
 ### Classic Encoding
@@ -100,7 +89,7 @@ WorldInfo {
  title "Tutorial"
  info [
    "Basic Nodes"
-   "create3000.de"
+   "https://create3000.github.io/x_ite/"
   ]
 }
 ```
@@ -109,7 +98,7 @@ You can have multiple strings in the *info* field, by putting them all inside sq
 
 ## Shape
 
-A [Shape](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Shape) node is the node to specify material and geometry properties. We add a Shape node to the world now, as shown below.
+A [Shape](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Shape){:target="_blank"} node is the node to specify material and geometry properties. We add a Shape node to the world now, as shown below.
 
 ### XML Encoding
 
@@ -137,20 +126,20 @@ Shape {
 
 There are a lot geometry nodes defined in X3D. The basic geometry nodes are:
 
-- [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)
-- [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#ElevationGrid)
-- [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#Extrusion)
-- [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet)
-- [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)
+- [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"}
+- [ElevationGrid](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#ElevationGrid){:target="_blank"}
+- [Extrusion](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#Extrusion){:target="_blank"}
+- [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){: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"}
 
-The most important to define various geometries is probably the [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/geometry3D.html#IndexedFaceSet) node.
+The most important to define various geometries is probably the [IndexedFaceSet](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/geometry3D.html#IndexedFaceSet){:target="_blank"} node.
 
 ## Transform
 
-In order to make our world any use at all, we need to be able to transform objects. X3D has three types of transformations we can apply to objects. These are *translation, rotation, and scale.* These are used in a [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform) node. A Transform node doesn't have to have all three in it. You can just have a *rotation,* for instance. The transformations within a Transform apply to the children of the node. This is called nesting, where a node can have any number of child nodes. The syntax for this is shown in the example below, along with the syntax for a Transform node.
+In order to make our world any use at all, we need to be able to transform objects. X3D has three types of transformations we can apply to objects. These are *translation, rotation, and scale.* These are used in a [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"} node. A Transform node doesn't have to have all three in it. You can just have a *rotation,* for instance. The transformations within a Transform apply to the children of the node. This is called nesting, where a node can have any number of child nodes. The syntax for this is shown in the example below, along with the syntax for a Transform node.
 
 ### XML Encoding
 
@@ -180,7 +169,7 @@ A Transform node can have another Transform nested inside it as a child, which a
 
 ## Anchor
 
-In X3D, you navigate between pages the same way as in HTML. You have an object that, when the user clicks on it, links to another page. Exactly what you're all used to. In X3D, this is done with the [Anchor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/networking.html#Anchor) node.
+In X3D, you navigate between pages the same way as in HTML. You have an object that, when the user clicks on it, links to another page. Exactly what you're all used to. In X3D, this is done with the [Anchor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/networking.html#Anchor){:target="_blank"} node.
 
 ### XML Encoding
 
@@ -222,7 +211,7 @@ parameter [ "target=_blank" ]
 
 ## Background
 
-There are two ways we can change the background of our scene. One is to specify colors for the [Background](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/enveffects.html#Background), and the other is to provide images to be mapped onto the background. Both of these are implemented with the Background node. First of all, I'll describe how to add color to the background of your scene.
+There are two ways we can change the background of our scene. One is to specify colors for the [Background](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalEffects.html#Background){:target="_blank"}, and the other is to provide images to be mapped onto the background. Both of these are implemented with the Background node. First of all, I'll describe how to add color to the background of your scene.
 
 ### XML Encoding
 
@@ -243,7 +232,7 @@ This will display a gray background. You can also make the background transparen
 
 ## Viewpoint
 
-To give the world camera another position or orientation there is a [Viewpoint](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Viewpoint) node. The viewpoint node can be placed anywhere within the scene graph.
+To give the world camera another position or orientation there is a [Viewpoint](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Viewpoint){:target="_blank"} node. The viewpoint node can be placed anywhere within the scene graph.
 
 ### XML Encoding
 
@@ -262,9 +251,9 @@ DEF LookAtHouse Viewpoint {
 }
 ```
 
-Beside the Viewpoint node there is also an [OrthoViewpoint](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#OrthoViewpoint) node to define an orthographic camera.
+Beside the Viewpoint node there is also an [OrthoViewpoint](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#OrthoViewpoint){:target="_blank"} node to define an orthographic camera.
 
-If you define more than once viewpoint in a X3D file, the first viewpoint defined will be bound if the world is loaded. To bind one of the other viewpoints send a *set\_bind* event with the value TRUE to the viewpoint. You must use a [Script](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/scripting.html#Script) node for that or use a Anchor node with the name of the viewpoint in the *url* field preceded by '#'.
+If you define more than once viewpoint in a X3D file, the first viewpoint defined will be bound if the world is loaded. To bind one of the other viewpoints send a *set\_bind* event with the value TRUE to the viewpoint. You must use a [Script](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/scripting.html#Script){:target="_blank"} node for that or use a Anchor node with the name of the viewpoint in the *url* field preceded by '#'.
 
 ### XML Encoding
 
@@ -285,7 +274,7 @@ Anchor {
 
 The first thing to mention is the way that the X3D lighting model works. All lights have the following fields: *color, ambientIntensity,* and *intensity.* Each light has an intensity, which a value between 0 and 1 corresponding to its brightness. It also has an ambient intensity, also between 0 and 1, which is how much light it contributes to the general ambient light in the scene. Because of this, the more lights in the scene, the brighter the ambient illumination, which makes sense. Ambient light is light that shines on every surface in the scene, simulating light scattered from other objects. Each light also has a *color* field associated with it, which is the color of the light it emits. The direct light emitted by a light source is calculated by *intensity × color.* The ambient light contributed to the scene is *ambientIntensity × color.* Each light source also has an area of effect, so as to keep X3D worlds enclosed and scalable. The method of doing this varies between the different types.
 
-When using Gouraud shading browsers calculate lighting by working it out for each corner of a face, and interpolating the shading between these vertices. By default, X3D worlds will have the user's headlight ON. Remember to turn it off if you feel it necessary. Use a [NavigationInfo](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#NavigationInfo) node to do that.
+When using Gouraud shading browsers calculate lighting by working it out for each corner of a face, and interpolating the shading between these vertices. By default, X3D worlds will have the user's headlight ON. Remember to turn it off if you feel it necessary. Use a [NavigationInfo](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#NavigationInfo){:target="_blank"} node to do that.
 
 ### XML Encoding
 
@@ -304,20 +293,20 @@ NavigationInfo {
 
 There are three different light nodes that can be used within a scene.
 
-- [DirectionalLight](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/lighting.html#DirectionalLight)
-- [PointLight](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/lighting.html#PointLight)
-- [SpotLight](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/lighting.html#SpotLight)
+- [DirectionalLight](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/lighting.html#DirectionalLight){:target="_blank"}
+- [PointLight](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/lighting.html#PointLight){:target="_blank"}
+- [SpotLight](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/lighting.html#SpotLight){:target="_blank"}
 
-You can place any light node within a grouping node (e.g. [Group](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Group), [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform), [Switch](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Switch)) and set the global field to **FALSE** to define a local light.
+You can place any light node within a grouping node (e.g. [Group](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Group){:target="_blank"}, [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"}, [Switch](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Switch){:target="_blank"}) and set the global field to **FALSE** to define a local light.
 
 ## Grouping Nodes
 
 The following nodes are the most important grouping nodes (there are much more in X3D) which means that they can contain other nodes in their children field.
 
-- [Anchor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/networking.html#Anchor)
-- [Billboard](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Billboard)
-- [Collision](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Collision)
-- [Group](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Group)
-- [LOD](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#LOD)
-- [Switch](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Switch)
-- [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform)
+- [Anchor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/networking.html#Anchor){:target="_blank"}
+- [Billboard](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Billboard){:target="_blank"}
+- [Collision](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Collision){:target="_blank"}
+- [Group](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Group){:target="_blank"}
+- [LOD](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#LOD){:target="_blank"}
+- [Switch](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Switch){:target="_blank"}
+- [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"}