npm - x_ite - Versions diffs - 8.0.0 → 8.3.0 - Mend

x_ite 8.0.0 → 8.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (795) hide show

package/docs/{tutorials/Improving-Performance.md → _posts/tutorials/improving-performance.md} RENAMED Viewed

@@ -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: Improving Performance
+date: 2022-11-28
+nav: tutorials-optimize-your-scene
+categories: [Tutorials]
+tags: [improving, performance]
 ---
-# Improving Performance
 ## Overview
 By this time, you may have spend weeks creating complex and interesting X3D scenes. You've refined the models until they're lifelike and perfected their colors and texturing. You've experimented with lighting, and now you're ready to share your creation with the world.
@@ -77,16 +76,13 @@ Prototyping objects that are used frequently with a few modifications is another
 ```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'>
   <head>
     <meta name='comment' content='World of Titania'/>
     <meta name='created' content='Fri, 29 Jun 2018 13:24:34 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:24:34 GMT'/>
-    <meta name='titania-output-style' content='Nicest'/>
   </head>
   <Scene>
     <ProtoDeclare name='BooleanSwitch'>
@@ -152,7 +148,7 @@ function set_whichChoice (value)
 ### Classic Encoding
 ```js
-#X3D V3.3 utf8 Titania V4.3.0
+#X3D V4.0 utf8 Titania V4.3.0
 PROTO BooleanSwitch [
   inputOutput    SFBool  whichChoice FALSE

package/docs/{tutorials/Increasing-Rendering-Speed.md → _posts/tutorials/increasing-rendering-speed.md} RENAMED Viewed

@@ -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: Increasing Rendering Speed
+date: 2022-11-28
+nav: tutorials-optimize-your-scene
+categories: [Tutorials]
+tags: [increasing, rendering, speed]
 ---
-# Increasing Rendering Speed
 ## Overivew
 Another major concern for scene authors is to ensure that users can navigate smoothly and continuously through the virtual world, with the scene rendering instantly on the screen as the user moves or the scene is displayed. A minimum frame rate (redraw) of 25 frames per second is required to make the X3D world feel interactive, with visual continuity that simulates animations and moving through the real world.

package/docs/{tutorials/Introducing-animation.md → _posts/tutorials/introducing-animation.md} RENAMED Viewed

@@ -1,14 +1,13 @@
 ---
-# 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: Introducing Animations
+date: 2022-11-28
+nav: tutorials-animation-sensors-and-geometry
+categories: [Tutorials]
+tags: [introducing, animations]
 ---
-# Introducing Animations
 ## Motivation
-- Nodes like [Billboard](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Billboard) and [Anchor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/networking.html#Anchor) have built-in behavior
+- Nodes like [Billboard](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Billboard){:target="_blank"} and [Anchor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/networking.html#Anchor){:target="_blank"} have built-in behavior
 - You can create your own behaviors to make shapes move, rotate, scale, blink, and more
 - We need a means to trigger, time, and respond to a sequence of events in order to provide better user/world interactions
@@ -29,11 +28,11 @@ An event is a message sent between nodes
 To spin a shape:
-- Connect a node that sends rotation events to a [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform) node's *rotation* field
+- Connect a node that sends rotation events to a [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"} node's *rotation* field
 To blink a shape:
-- Connect a node that sends color events to a [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node's *diffuseColor* field
+- Connect a node that sends color events to a [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node's *diffuseColor* field
 ## Routing events
@@ -57,13 +56,13 @@ An inputOutput field is a short-hand for a initializeOnly, inputOnly, and output
 ## Sample inputs
-A [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform) node has these input fields:
+A [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"} node has these input fields:
 - *set\_translation*
 - *set\_rotation*
 - *set\_scale*
-A [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node has these input fields:
+A [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node has these input fields:
 - *set\_diffuseColor*
 - *set\_emissiveColor*
@@ -71,15 +70,15 @@ A [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/
 ## Sample outputs
-An [OrientationInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#OrientationInterpolator) node has this output field:
+An [OrientationInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#OrientationInterpolator){:target="_blank"} node has this output field:
 - *value\_changed* to send rotation values
-A [PositionInterpolator](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/interp.html#PositionInterpolator) node has this output field:
+A [PositionInterpolator](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/interpolators.html#PositionInterpolator){:target="_blank"} node has this output field:
 - *value\_changed* to send position (translation) values
-A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/time.html#TimeSensor) node has this output field:
+A [TimeSensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/time.html#TimeSensor){:target="_blank"} node has this output field:
 - *time* to send time values
@@ -152,7 +151,7 @@ If the inputOutput field name is *xxx*, then:
 - *xxx\_changed* is an output that sends when the field changes
 - The *set\_* and *\_changed* sufixes are optional but recommended for clarity
-The [Transform](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/group.html#Transform) node has:
+The [Transform](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/grouping.html#Transform){:target="_blank"} node has:
 - *rotation* field
 - *set\_rotation* input

package/docs/{tutorials/Introducing-script-use.md → _posts/tutorials/introducing-script-use.md} RENAMED Viewed

@@ -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: Introducing Script Use
+date: 2022-11-28
+nav: tutorials-scripts-and-prototypes
+categories: [Tutorials]
+tags: [introducing, script]
 ---
-# Introducing Script Use
 ## Motivation
 Many actions are too complex for animation nodes:
@@ -21,7 +20,7 @@ You can create new sensors, interpolators, etc., using program scripts written i
 ## Syntax: Script
-A [Script](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/scripting.html#Script) node selects a program script to run:
+A [Script](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/scripting.html#Script){:target="_blank"} node selects a program script to run:
 - *url* - choice of program script
@@ -124,7 +123,7 @@ ROUTE Bouncer.value_changed  TO Ball.set_translation
 ## Summary
-The [Script](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/scripting.html#Script) node selects a program script, specified by a URL.
+The [Script](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/scripting.html#Script){:target="_blank"} node selects a program script, specified by a URL.
 Program scripts have field and event interface declarations, each with:

package/docs/{tutorials/Introducing-X3D.md → _posts/tutorials/introducing-x3d.md} RENAMED Viewed

@@ -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: Introducing X3D
+date: 2022-11-28
+nav: tutorials-shapes-geometry-and-appearance
+categories: [Tutorials]
+tags: [introducing]
 ---
-# Introducing X3D
 ## What is X3D?
 X3D is:
@@ -17,7 +16,8 @@ X3D is:
   - .x3dv (VRML) - easy to learn
   - x3db (Binary) - good for large models
-**Note:** all examples are in X3D Classic Encoded file format (.x3dv).
+>**Note:** All examples are in X3D XML and X3D Classic Encoded file format (.x3d and .x3dv).
+{: .prompt-info }
 ## What do I need to use X3D?

package/docs/{tutorials/Lighting-your-world.md → _posts/tutorials/lighting-your-world.md} RENAMED Viewed

@@ -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: Lighting Your World
+date: 2022-11-28
+nav: tutorials-textures-lights-and-environment
+categories: [Tutorials]
+tags: [lighting, world]
 ---
-# Lighting Your World
 ## Motivation
 - By default, you have one light in the scene, attached to your head
@@ -44,7 +43,7 @@ Directional lights and spot lights also have:
 ## Syntax: PointLight
-A [PointLight](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/lighting.html#PointLight) node illuminates radially from a point:
+A [PointLight](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/lighting.html#PointLight){:target="_blank"} node illuminates radially from a point:
 ### XML Encoding
@@ -67,7 +66,7 @@ PointLight {
 ## Syntax: DirectionalLight
-A [DirectionalLight](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/lighting.html#DirectionalLight) node illuminates in one direction from infinitely far away:
+A [DirectionalLight](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/lighting.html#DirectionalLight){:target="_blank"} node illuminates in one direction from infinitely far away:
 ### XML Encoding
@@ -90,7 +89,7 @@ DirectionalLight {
 ## Syntax: SpotLight
-A [SpotLight](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/lighting.html#SpotLight) node illuminates from a point, in one direction, within a cone:
+A [SpotLight](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/lighting.html#SpotLight){:target="_blank"} node illuminates from a point, in one direction, within a cone:
 ### XML Encoding

package/docs/{tutorials/Mapping-textures.md → _posts/tutorials/mapping-textures.md} RENAMED Viewed

@@ -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: Mapping Textures
+date: 2022-11-28
+nav: tutorials-textures-lights-and-environment
+categories: [Tutorials]
+tags: [mapping, textures]
 ---
-# Mapping Textures
 ## Motivation
 You can model every tiny texture detail of a world using a vast number of colored faces:
@@ -53,7 +52,7 @@ Movie texture:
 ## 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:
 - *texture* - texture source
@@ -83,7 +82,7 @@ Shape {
 ## Syntax: ImageTexture
-An [ImageTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#ImageTexture) node selects a texture image for texture mapping:
+An [ImageTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#ImageTexture){:target="_blank"} node selects a texture image for texture mapping:
 - *url* - texture image file URL
@@ -116,7 +115,7 @@ Shape {
 ## Syntax: PixelTexture
-A [PixelTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#PixelTexture) node specifies texture image pixels for texture mapping:
+A [PixelTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#PixelTexture){:target="_blank"} node specifies texture image pixels for texture mapping:
 - *image* - texture image pixels
 - Image data - width, height, bytes/pixel, pixel values
@@ -152,7 +151,7 @@ Shape {
 ## Syntax: MovieTexture
-A [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#MovieTexture) node selects a texture movie for texture mapping:
+A [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#MovieTexture){:target="_blank"} node selects a texture movie for texture mapping:
 - *url* - texture movie file URL
 - When to play the movie, and how quickly (like a TimeSensor node)
@@ -194,7 +193,7 @@ Shape {
 ## Using materials with textures
-- Color textures override the color in a [Material](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Material) node
+- Color textures override the color in a [Material](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Material){:target="_blank"} node
 - Grayscale textures multiply with the Material node color
   - Good for colorizing grayscale textures
 - If there is no Material node, the texture is applied emissively
@@ -213,6 +212,6 @@ Pixel transparency enables you to make parts of a shape transparent:
 ## Summary
 - A texture is like a decal pasted to a shape
-- Specify the texture using an [ImageTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#ImageTexture), [PixelTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#PixelTexture), or [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/texturing.html#MovieTexture) node in an [Appearance](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/shape.html#Appearance) node
+- Specify the texture using an [ImageTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#ImageTexture){:target="_blank"}, [PixelTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#PixelTexture){:target="_blank"}, or [MovieTexture](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/texturing.html#MovieTexture){:target="_blank"} node in an [Appearance](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/shape.html#Appearance){:target="_blank"} node
 - Color textures override material, grayscale textures multiply
 - Textures with transparency create holes

package/docs/{tutorials/Naming-nodes.md → _posts/tutorials/naming-nodes.md} RENAMED Viewed

@@ -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: Naming Nodes
+date: 2022-11-28
+nav: tutorials-shapes-geometry-and-appearance
+categories: [Tutorials]
+tags: [naming, nodes]
 ---
-# Naming Nodes
 ## Motivation
 - If several shapes have the same geometry or appearance, you must use multiple duplicate nodes, one for each use
@@ -155,9 +154,11 @@ Transform {
 }
 ```
-[![Dinette](https://create3000.github.io/media/tutorials/scenes/dinette/screenshot.png)](https://create3000.github.io/media/tutorials/scenes/dinette/example.html)
+### Example
-[View scene in this window.](https://create3000.github.io/media/tutorials/scenes/dinette/example.html)
+<x3d-canvas src="https://create3000.github.io/media/tutorials/scenes/dinette/dinette.x3dv">
+  <img src="https://create3000.github.io/media/tutorials/scenes/dinette/screenshot.png" alt="Dinette"/>
+</x3d-canvas>
 [Download ZIP Archive](https://create3000.github.io/media/tutorials/scenes/dinette/dinette.zip)

package/docs/_posts/tutorials/overview.md ADDED Viewed

@@ -0,0 +1,83 @@
+---
+title: Tutorials
+date: 2022-11-28
+nav: none
+categories: [Tutorials]
+tags: [tutorials]
+---
+## Overview
+We offer here a couple of introductory X3D tutorials on X3D concepts. It serves as background material for Titania and X_ITE.
+The only hardware and software requirement for most of the tutorials is a computer with the latest version of Titania or your favorite text editor and X_ITE. Titania has extensive documentation. It is the perfect environment to get started in creating sensational X3D scenes.
+## Let’s See What We Can Do…
+Simple, fast and efficient, our X3D tutorials give you all the tips and tricks to advance in the construction of your project.
+- [Hello, World](hello-world)
+  - First let's go over to the »Hello World« tutorial, which displays a simple earth and the text »Hello World!«.
+- [A Quick Overview: Basic Nodes](basic-nodes)
+  - Here are the basic nodes described, which are often used in an X3D world.
+Shapes, Geometry, and Appearance
+- [Introducing X3D](introducing-x3d)
+- [Building a X3D World](building-a-x3d-world)
+- [Building Primitive Shapes ](building-primitive-shapes)
+- [Transforming Shapes](transforming-shapes)
+- [Controlling Appearance with Materials ](controlling-appearance-with-materials)
+- [Grouping Nodes ](grouping-nodes)
+- [Naming Nodes](naming-nodes)
+Animation, Sensors, and Geometry
+- [Introducing Animation](introducing-animation)
+- [Animating Transforms](animating-transforms)
+- [Sensing Viewer Actions](sensing-viewer-actions)
+- [Building Shapes out of Points, Lines, and Faces](building-shapes-out-of-points-lines-and-faces)
+- [Building Elevation Grids](building-elevation-grids)
+- [Building Extruded Shapes](building-extruded-shapes)
+- [Controlling Color on Coordinate-Based Geometry](controlling-color-on-coordinate-based-geometry)
+- [Controlling Shading on Coordinate-Based Geometry](controlling-shading-on-coordinate-based-geometry)
+Textures, Lights, and Environment
+- [Mapping Textures](mapping-textures)
+- [Controlling How Textures are Mapped](controlling-how-textures-are-mapped)
+- [Lighting Your World](lighting-your-world)
+- [Adding Backgrounds](adding-backgrounds)
+- [Adding Fog](adding-fog)
+- [Adding Sound](adding-sound)
+- [Controlling the Viewpoint](controlling-the-viewpoint)
+- [Controlling Navigation](controlling-navigation)
+- [Sensing the Viewer](sensing-the-viewer)
+Scripts and Prototypes
+- [Controlling Detail](controlling-detail)
+- [Introducing Script Use](introducing-script-use)
+- [Writing Program Scripts with ECMAScript](writing-program-scripts-with-ecmascript)
+- [Creating New Node Types](creating-new-node-types)
+- [Providing Information About Your wWorld](providing-information-about-your-world)
+Some words about optimizing a scene
+- [Improve Performance](improving-performance)
+  - To optimize a scene is an important task when creating an X3D scene. There are several ways to improve performance.
+- [Increasing Rendering Speed](increasing-rendering-speed)
+  - Using WebGL and JavaScript needs to look at speed all the time. Learn ways to increase rendering speed.
+### See Also
+- [Script Node Authoring Interface](../reference/script-node-authoring-interface)
+- [ECMAScript Object and Function Definitions](../reference/ecmascript-object-and-function-definitions)
+- [Custom Shaders](../custom-shaders)
+## There are also Books for Further Reading
+[X3D: Extensible 3D Graphics for Web Authors](https://www.amazon.com/gp/product/012088500X?ie=UTF8&tag=x3dext3dgrafo-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=012088500X) by Don Brutzman and Leonard Daly
+## Don't Compromise on Development Experience
+Use the full power of the modern X3D ecosystem – Titania’s got you covered! Enjoy the intelligent build system, powerful navigation and support for JavaScript, on-the-fly error detection, integrated Route Graph Editor, and X_ITE compatibility.

package/docs/{tutorials/Providing-information-about-your-world.md → _posts/tutorials/providing-information-about-your-world.md} RENAMED Viewed

@@ -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: Providing Information About Your World
+date: 2022-11-28
+nav: tutorials-scripts-and-prototypes
+categories: [Tutorials]
+tags: [providing, information, world]
 ---
-# Providing Information About Your World
 ## Motivation
 - After you've created a great world, sign it!
@@ -13,7 +12,7 @@ layout: single
 ## Syntax: WorldInfo
-A [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/core.html#WorldInfo) node provides title and description information for your world:
+A [WorldInfo](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/core.html#WorldInfo){:target="_blank"} node provides title and description information for your world:
 - *title* - the name for your world
 - *info* - any additional information

package/docs/{tutorials/Sensing-the-viewer.md → _posts/tutorials/sensing-the-viewer.md} RENAMED Viewed

@@ -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: Sensing the Viewer
+date: 2022-11-28
+nav: tutorials-textures-lights-and-environment
+categories: [Tutorials]
+tags: [sensing, viewer]
 ---
-# Sensing the Viewer
 ## Motivation
 Sensing the viewer enables you to trigger animations:
@@ -14,19 +13,19 @@ Sensing the viewer enables you to trigger animations:
 - when the viewer is within a region
 - when the viewer collides with a shape
-The [LOD](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#LOD) and [Billboard](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Billboard) nodes are special-purpose viewer sensors with built-in responses.
+The [LOD](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#LOD){:target="_blank"} and [Billboard](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Billboard){:target="_blank"} nodes are special-purpose viewer sensors with built-in responses.
 ## Sensing the viewer
 There are three types of viewer sensors:
-- A [VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#VisibilitySensor) node senses if the viewer can see a region
-- A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#ProximitySensor) node senses if the viewer is within a region
-- A [Collision](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Collision) node senses if the viewer has collided with shapes
+- A [VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#VisibilitySensor){:target="_blank"} node senses if the viewer can see a region
+- A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#ProximitySensor){:target="_blank"} node senses if the viewer is within a region
+- A [Collision](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Collision){:target="_blank"} node senses if the viewer has collided with shapes
 ## Using visibility and proximity sensors
-[VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#VisibilitySensor) and [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#ProximitySensor) nodes sense a box-shaped region:
+[VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#VisibilitySensor){:target="_blank"} and [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#ProximitySensor){:target="_blank"} nodes sense a box-shaped region:
 - *center* - region center
 - *size* - region dimensions
@@ -39,7 +38,7 @@ Both nodes have similar outputs:
 ## Syntax: VisibilitySensor
-A [VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#VisibilitySensor) node senses if the viewer sees or stops seeing a region:
+A [VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/e#VisibilitySensor){:target="_blank"} node senses if the viewer sees or stops seeing a region:
 - *center* and *size* - the region's location and size
 - *enterTime* and *exitTime* - sends time on entry/exit
@@ -68,7 +67,7 @@ ROUTE Sensor.enterTime TO Clock.set_startTime
 ## Syntax: ProximitySensor
-A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#ProximitySensor) node senses if the viewer enters or leaves a region:
+A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/nvironmentalSensor.html#ProximitySensor){:target="_blank"} node senses if the viewer enters or leaves a region:
 - *center* and *size* - the region's location and size
 - *enterTime* and *exitTime* - sends time on entry/exit
@@ -95,7 +94,7 @@ DEF Sensor ProximitySensor {
 ROUTE Sensor.enterTime TO Clock.set_startTime
 ```
-A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#ProximitySensor) node senses the viewer while in a region:
+A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#ProximitySensor){:target="_blank"} node senses the viewer while in a region:
 - *position* and *orientation* - sends position and orientation while viewer is in the region
@@ -117,14 +116,14 @@ ROUTE Sensor.position_changed TO PetRobotFollower.set_translation
 ## Detecting viewer-shape collision
-A [Collision](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Collision) grouping node senses shapes within the group:
+A [Collision](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Collision){:target="_blank"} grouping node senses shapes within the group:
 - Detects if the viewer collides with any shape in the group
 - Automatically stops the viewer from going through the shape
 Collision occurs when the viewer's avatar gets close to a shape:
-- Collision distance is controlled by the avatar size in the [NavigationInfo](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#NavigationInfo) node
+- Collision distance is controlled by the avatar size in the [NavigationInfo](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#NavigationInfo){:target="_blank"} node
 ## Creating collision groups
@@ -140,7 +139,7 @@ A collision group with a proxy shape, but no children, creates an invisible coll
 ## Syntax: Collision
-A [Collision](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Collision) grouping node senses if the viewer collides with group shapes:
+A [Collision](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Collision){:target="_blank"} grouping node senses if the viewer collides with group shapes:
 - *enabled* - enable/disable sensor
 - *proxy* - simple shape to sense instead of children
@@ -192,20 +191,20 @@ Any number of sensors can sense at the same time:
 ## Summary
-A [VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#VisibilitySensor) node checks if a region is visible to the viewer:
+A [VisibilitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#VisibilitySensor){:target="_blank"} node checks if a region is visible to the viewer:
 - The region is described by a center and a size
 - Time is sent on entry and exit of visibility
 - True/false is sent on entry and exit of visibility
-A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/envsensor.html#ProximitySensor) node checks if the viewer is within a region:
+A [ProximitySensor](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/environmentalSensor.html#ProximitySensor){:target="_blank"} node checks if the viewer is within a region:
 - The region is described by a center and a size
 - Time is sent on viewer entry and exit
 - True/false is sent on viewer entry and exit
 - Position and orientation of the viewer is sent while within the sensed region
-A [Collision](https://www.web3d.org/documents/specifications/19775-1/V3.3/Part01/components/navigation.html#Collision) grouping node checks if the viewer has run into a shape:
+A [Collision](https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#Collision){:target="_blank"} grouping node checks if the viewer has run into a shape:
 - The shapes are defined by the group's children or a proxy
 - Collision time is sent on contact