x_ite 8.11.6 → 8.11.8

package/docs/_posts/getting-started.md

@@ -1,845 +0,0 @@
----
-title: Getting Started
-date: 2022-11-28
-nav: main
-categories: []
-tags: [Getting, Started]
-permalink: /
-x_ite: true
----
-<x3d-canvas
-  class="teaser"
-  src="/x_ite/assets/X3D/teaser/teaser.x3d"
-  update="auto"
-  splashScreen="false"
-  contextMenu="false"
-  notifications="false"
-  timings="false"
-  contentScale="auto">
-</x3d-canvas>
-
-## Overview
-
-X_ITE is a new 3D JavaScript library entirely written in JavaScript and uses WebGL for 3D rendering. Authors can publish X3D and VRML source online within an HTML5 page with X_ITE that works with Web browsers **without** prior plugin installation. This gives X3D authors the ability to displays content in 3D, using WebGL 3D graphics technology to display X3D content in several different browsers across several different operating systems. Since X3D is backwardly compatible, X_ITE can also be used as a VRML viewer.
-
-X3D is an ISO-ratified, royalty-free open standards file format and run-time architecture to represent and communicate 3D scenes and objects specified by the Web 3D Consortium. X3D has evolved from its beginnings as the Virtual Reality Modeling Language (VRML) to the considerably more mature and refined ISO X3D standard. X3D provides a system for the storage, retrieval and playback of real time 3D scene in multiple applications, all within an open architecture to support a wide array of domains and user scenarios.
-
-X_ITE supports custom shaders, clip planes, reflection mapping, script nodes, prototyping capabilities and event driven programming to provide you with an improved quality level of virtual effects and tools ready for the Internet.
-
->**Tip:** X_ITE runs best in fresh installs of Google Chrome, Chromium, Firefox, Safari, Opera, and Microsoft Edge. X_ITE uses the latest JavaScript standard, but is also compatible with older browser, and is available both on your desktop computer and on your modern smart-phone.
-{: .prompt-tip }
-
-If you ever get into trouble, please [report a bug](report-a-bug). If you have any questions or need help please [open a new issue](report-a-bug){:target="_blank"}.
-
-### Become a Patreon of X_ITE
-
-Yeah, tell me!
-
-X_ITE needs your support, with a small contribution you can make a big difference. To support us, have a look at [https://patreon.com/X_ITE](https://patreon.com/X_ITE).
-
-## X3D Examples
-
-<script type="module" src="assets/js/example.js"></script>
-
-<table class="examples">
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Apartment/Apartment.x3d" title="X3D » Apartment"><img src="https://create3000.github.io/media/examples/X3D/Apartment/screenshot-small.png" alt="Apartment"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Approach/Approach.x3d" title="X3D » Approach"><img src="https://create3000.github.io/media/examples/X3D/Approach/screenshot-small.png" alt="Approach"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Arcadia/Arcadia.x3d" title="X3D » Arcadia"><img src="https://create3000.github.io/media/examples/X3D/Arcadia/screenshot-small.png" alt="Arcadia"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Astronomy/Astronomy.x3d" title="X3D » Astronomy"><img src="https://create3000.github.io/media/examples/X3D/Astronomy/screenshot-small.png" alt="Astronomy"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/BIC/BIC.x3d" title="X3D » BIC"><img src="https://create3000.github.io/media/examples/X3D/BIC/screenshot-small.png" alt="BIC"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/BeyondGermany/BeyondGermany.x3d" title="X3D » BeyondGermany"><img src="https://create3000.github.io/media/examples/X3D/BeyondGermany/screenshot-small.png" alt="BeyondGermany"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Chomp/Chomp.x3d" title="X3D » Chomp"><img src="https://create3000.github.io/media/examples/X3D/Chomp/screenshot-small.png" alt="Chomp"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Circles/Circles.x3d" title="X3D » Circles"><img src="https://create3000.github.io/media/examples/X3D/Circles/screenshot-small.png" alt="Circles"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/CrazySpiral/CrazySpiral.x3d" title="X3D » CrazySpiral"><img src="https://create3000.github.io/media/examples/X3D/CrazySpiral/screenshot-small.png" alt="CrazySpiral"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Currencies/Currencies.x3d" title="X3D » Currencies"><img src="https://create3000.github.io/media/examples/X3D/Currencies/screenshot-small.png" alt="Currencies"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/FlashingLights/FlashingLights.x3d" title="X3D » FlashingLights"><img src="https://create3000.github.io/media/examples/X3D/FlashingLights/screenshot-small.png" alt="FlashingLights"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/FoldUp/FoldUp.x3d" title="X3D » FoldUp"><img src="https://create3000.github.io/media/examples/X3D/FoldUp/screenshot-small.png" alt="FoldUp"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/LogoPieces/LogoPieces.x3d" title="X3D » LogoPieces"><img src="https://create3000.github.io/media/examples/X3D/LogoPieces/screenshot-small.png" alt="LogoPieces"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/LustForLife/LustForLife.x3d" title="X3D » LustForLife"><img src="https://create3000.github.io/media/examples/X3D/LustForLife/screenshot-small.png" alt="LustForLife"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/MagicMushrooms/MagicMushrooms.x3d" title="X3D » MagicMushrooms"><img src="https://create3000.github.io/media/examples/X3D/MagicMushrooms/screenshot-small.png" alt="MagicMushrooms"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/MilkyWayAndBeyond/MilkyWayAndBeyond.x3d" title="X3D » MilkyWayAndBeyond"><img src="https://create3000.github.io/media/examples/X3D/MilkyWayAndBeyond/screenshot-small.png" alt="MilkyWayAndBeyond"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/NYC/NYC.x3d" title="X3D » NYC"><img src="https://create3000.github.io/media/examples/X3D/NYC/screenshot-small.png" alt="NYC"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Pong/Pong.x3d" title="X3D » Pong"><img src="https://create3000.github.io/media/examples/X3D/Pong/screenshot-small.png" alt="Pong"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/SecretLabyrinth/SecretLabyrinth.x3d" title="X3D » SecretLabyrinth"><img src="https://create3000.github.io/media/examples/X3D/SecretLabyrinth/screenshot-small.png" alt="SecretLabyrinth"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/SlidingPuzzle/SlidingPuzzle.x3d" title="X3D » SlidingPuzzle"><img src="https://create3000.github.io/media/examples/X3D/SlidingPuzzle/screenshot-small.png" alt="SlidingPuzzle"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/SmartyBubbles/SmartyBubbles.x3d" title="X3D » SmartyBubbles"><img src="https://create3000.github.io/media/examples/X3D/SmartyBubbles/screenshot-small.png" alt="SmartyBubbles"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/SmashingBoxes/SmashingBoxes.x3d" title="X3D » SmashingBoxes"><img src="https://create3000.github.io/media/examples/X3D/SmashingBoxes/screenshot-small.png" alt="SmashingBoxes"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/SugarSmack/SugarSmack.x3d" title="X3D » SugarSmack"><img src="https://create3000.github.io/media/examples/X3D/SugarSmack/screenshot-small.png" alt="SugarSmack"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/TikiWorld/TikiWorld.x3d" title="X3D » TikiWorld"><img src="https://create3000.github.io/media/examples/X3D/TikiWorld/screenshot-small.png" alt="TikiWorld"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/TreasureIsland/TreasureIsland.x3d" title="X3D » TreasureIsland"><img src="https://create3000.github.io/media/examples/X3D/TreasureIsland/screenshot-small.png" alt="TreasureIsland"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/Vattenfall/Vattenfall.x3d" title="X3D » Vattenfall"><img src="https://create3000.github.io/media/examples/X3D/Vattenfall/screenshot-small.png" alt="Vattenfall"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X3D/WaterQuality/WaterQuality.x3d" title="X3D » WaterQuality"><img src="https://create3000.github.io/media/examples/X3D/WaterQuality/screenshot-small.png" alt="WaterQuality"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/CADGeometry/QuadSet/QuadSet.x3d" title="CADGeometry » QuadSet"><img src="https://create3000.github.io/media/examples/CADGeometry/QuadSet/screenshot-small.png" alt="QuadSet"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Core/OBJ/OBJ.x3d" title="Core » OBJ"><img src="https://create3000.github.io/media/examples/Core/OBJ/screenshot-small.png" alt="OBJ"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Core/STL/STL.x3d" title="Core » STL"><img src="https://create3000.github.io/media/examples/Core/STL/screenshot-small.png" alt="STL"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Core/glTF/glTF.x3d" title="Core » glTF"><img src="https://create3000.github.io/media/examples/Core/glTF/screenshot-small.png" alt="glTF"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/CubeMapTexturing/ComposedCubeMapTexture/ComposedCubeMapTexture.x3d" title="CubeMapTexturing » ComposedCubeMapTexture"><img src="https://create3000.github.io/media/examples/CubeMapTexturing/ComposedCubeMapTexture/screenshot-small.png" alt="ComposedCubeMapTexture"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/CubeMapTexturing/GeneratedCubeMapTexture/GeneratedCubeMapTexture.x3d" title="CubeMapTexturing » GeneratedCubeMapTexture"><img src="https://create3000.github.io/media/examples/CubeMapTexturing/GeneratedCubeMapTexture/screenshot-small.png" alt="GeneratedCubeMapTexture"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalEffects/Background/Background.x3d" title="EnvironmentalEffects » Background"><img src="https://create3000.github.io/media/examples/EnvironmentalEffects/Background/screenshot-small.png" alt="Background"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalEffects/Fog/Fog.x3d" title="EnvironmentalEffects » Fog"><img src="https://create3000.github.io/media/examples/EnvironmentalEffects/Fog/screenshot-small.png" alt="Fog"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalEffects/LocalFog/LocalFog.x3d" title="EnvironmentalEffects » LocalFog"><img src="https://create3000.github.io/media/examples/EnvironmentalEffects/LocalFog/screenshot-small.png" alt="LocalFog"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalEffects/TextureBackground/TextureBackground.x3d" title="EnvironmentalEffects » TextureBackground"><img src="https://create3000.github.io/media/examples/EnvironmentalEffects/TextureBackground/screenshot-small.png" alt="TextureBackground"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalSensor/ProximitySensor/ProximitySensor.x3d" title="EnvironmentalSensor » ProximitySensor"><img src="https://create3000.github.io/media/examples/EnvironmentalSensor/ProximitySensor/screenshot-small.png" alt="ProximitySensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalSensor/TransformSensor/TransformSensor.x3d" title="EnvironmentalSensor » TransformSensor"><img src="https://create3000.github.io/media/examples/EnvironmentalSensor/TransformSensor/screenshot-small.png" alt="TransformSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EnvironmentalSensor/VisibilitySensor/VisibilitySensor.x3d" title="EnvironmentalSensor » VisibilitySensor"><img src="https://create3000.github.io/media/examples/EnvironmentalSensor/VisibilitySensor/screenshot-small.png" alt="VisibilitySensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/EventUtilities/IntegerSequencer/IntegerSequencer.x3d" title="EventUtilities » IntegerSequencer"><img src="https://create3000.github.io/media/examples/EventUtilities/IntegerSequencer/screenshot-small.png" alt="IntegerSequencer"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Followers/ColorChaser/ColorChaser.x3d" title="Followers » ColorChaser"><img src="https://create3000.github.io/media/examples/Followers/ColorChaser/screenshot-small.png" alt="ColorChaser"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Followers/ColorDamper/ColorDamper.x3d" title="Followers » ColorDamper"><img src="https://create3000.github.io/media/examples/Followers/ColorDamper/screenshot-small.png" alt="ColorDamper"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Followers/CoordinateChaser/CoordinateChaser.x3d" title="Followers » CoordinateChaser"><img src="https://create3000.github.io/media/examples/Followers/CoordinateChaser/screenshot-small.png" alt="CoordinateChaser"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Followers/ScalarChaser/ScalarChaser.x3d" title="Followers » ScalarChaser"><img src="https://create3000.github.io/media/examples/Followers/ScalarChaser/screenshot-small.png" alt="ScalarChaser"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/Arc2D/Arc2D.x3d" title="Geometry2D » Arc2D"><img src="https://create3000.github.io/media/examples/Geometry2D/Arc2D/screenshot-small.png" alt="Arc2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/ArcClose2D/ArcClose2D.x3d" title="Geometry2D » ArcClose2D"><img src="https://create3000.github.io/media/examples/Geometry2D/ArcClose2D/screenshot-small.png" alt="ArcClose2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/Circle2D/Circle2D.x3d" title="Geometry2D » Circle2D"><img src="https://create3000.github.io/media/examples/Geometry2D/Circle2D/screenshot-small.png" alt="Circle2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/Disk2D/Disk2D.x3d" title="Geometry2D » Disk2D"><img src="https://create3000.github.io/media/examples/Geometry2D/Disk2D/screenshot-small.png" alt="Disk2D"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/Polyline2D/Polyline2D.x3d" title="Geometry2D » Polyline2D"><img src="https://create3000.github.io/media/examples/Geometry2D/Polyline2D/screenshot-small.png" alt="Polyline2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/Polypoint2D/Polypoint2D.x3d" title="Geometry2D » Polypoint2D"><img src="https://create3000.github.io/media/examples/Geometry2D/Polypoint2D/screenshot-small.png" alt="Polypoint2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/Rectangle2D/Rectangle2D.x3d" title="Geometry2D » Rectangle2D"><img src="https://create3000.github.io/media/examples/Geometry2D/Rectangle2D/screenshot-small.png" alt="Rectangle2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry2D/TriangleSet2D/TriangleSet2D.x3d" title="Geometry2D » TriangleSet2D"><img src="https://create3000.github.io/media/examples/Geometry2D/TriangleSet2D/screenshot-small.png" alt="TriangleSet2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/Box/Box.x3d" title="Geometry3D » Box"><img src="https://create3000.github.io/media/examples/Geometry3D/Box/screenshot-small.png" alt="Box"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/Cone/Cone.x3d" title="Geometry3D » Cone"><img src="https://create3000.github.io/media/examples/Geometry3D/Cone/screenshot-small.png" alt="Cone"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/Cylinder/Cylinder.x3d" title="Geometry3D » Cylinder"><img src="https://create3000.github.io/media/examples/Geometry3D/Cylinder/screenshot-small.png" alt="Cylinder"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/ElevationGrid/ElevationGrid.x3d" title="Geometry3D » ElevationGrid"><img src="https://create3000.github.io/media/examples/Geometry3D/ElevationGrid/screenshot-small.png" alt="ElevationGrid"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/Extrusion/Extrusion.x3d" title="Geometry3D » Extrusion"><img src="https://create3000.github.io/media/examples/Geometry3D/Extrusion/screenshot-small.png" alt="Extrusion"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/IndexedFaceSet/IndexedFaceSet.x3d" title="Geometry3D » IndexedFaceSet"><img src="https://create3000.github.io/media/examples/Geometry3D/IndexedFaceSet/screenshot-small.png" alt="IndexedFaceSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geometry3D/Sphere/Sphere.x3d" title="Geometry3D » Sphere"><img src="https://create3000.github.io/media/examples/Geometry3D/Sphere/screenshot-small.png" alt="Sphere"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geospatial/GeoElevationGrid/GeoElevationGrid.x3d" title="Geospatial » GeoElevationGrid"><img src="https://create3000.github.io/media/examples/Geospatial/GeoElevationGrid/screenshot-small.png" alt="GeoElevationGrid"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geospatial/GeoLOD/GeoLOD.x3d" title="Geospatial » GeoLOD"><img src="https://create3000.github.io/media/examples/Geospatial/GeoLOD/screenshot-small.png" alt="GeoLOD"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Geospatial/GeoViewpoint/GeoViewpoint.x3d" title="Geospatial » GeoViewpoint"><img src="https://create3000.github.io/media/examples/Geospatial/GeoViewpoint/screenshot-small.png" alt="GeoViewpoint"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Grouping/Group/Group.x3d" title="Grouping » Group"><img src="https://create3000.github.io/media/examples/Grouping/Group/screenshot-small.png" alt="Group"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Grouping/Switch/Switch.x3d" title="Grouping » Switch"><img src="https://create3000.github.io/media/examples/Grouping/Switch/screenshot-small.png" alt="Switch"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Grouping/Transform/Transform.x3d" title="Grouping » Transform"><img src="https://create3000.github.io/media/examples/Grouping/Transform/screenshot-small.png" alt="Transform"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/HAnim/HAnimHumanoid/HAnimHumanoid.x3d" title="HAnim » HAnimHumanoid"><img src="https://create3000.github.io/media/examples/HAnim/HAnimHumanoid/screenshot-small.png" alt="HAnimHumanoid"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/ColorInterpolator/ColorInterpolator.x3d" title="Interpolation » ColorInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/ColorInterpolator/screenshot-small.png" alt="ColorInterpolator"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/CoordinateInterpolator/CoordinateInterpolator.x3d" title="Interpolation » CoordinateInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/CoordinateInterpolator/screenshot-small.png" alt="CoordinateInterpolator"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/OrientationInterpolator/OrientationInterpolator.x3d" title="Interpolation » OrientationInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/OrientationInterpolator/screenshot-small.png" alt="OrientationInterpolator"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/PositionInterpolator/PositionInterpolator.x3d" title="Interpolation » PositionInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/PositionInterpolator/screenshot-small.png" alt="PositionInterpolator"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/PositionInterpolator2D/PositionInterpolator2D.x3d" title="Interpolation » PositionInterpolator2D"><img src="https://create3000.github.io/media/examples/Interpolation/PositionInterpolator2D/screenshot-small.png" alt="PositionInterpolator2D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/ScalarInterpolator/ScalarInterpolator.x3d" title="Interpolation » ScalarInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/ScalarInterpolator/screenshot-small.png" alt="ScalarInterpolator"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/SplineScalarInterpolator/SplineScalarInterpolator.x3d" title="Interpolation » SplineScalarInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/SplineScalarInterpolator/screenshot-small.png" alt="SplineScalarInterpolator"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Interpolation/SquadOrientationInterpolator/SquadOrientationInterpolator.x3d" title="Interpolation » SquadOrientationInterpolator"><img src="https://create3000.github.io/media/examples/Interpolation/SquadOrientationInterpolator/screenshot-small.png" alt="SquadOrientationInterpolator"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/KeyDeviceSensor/KeySensor/KeySensor.x3d" title="KeyDeviceSensor » KeySensor"><img src="https://create3000.github.io/media/examples/KeyDeviceSensor/KeySensor/screenshot-small.png" alt="KeySensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/KeyDeviceSensor/StringSensor/StringSensor.x3d" title="KeyDeviceSensor » StringSensor"><img src="https://create3000.github.io/media/examples/KeyDeviceSensor/StringSensor/screenshot-small.png" alt="StringSensor"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Layering/LayerSet/LayerSet.x3d" title="Layering » LayerSet"><img src="https://create3000.github.io/media/examples/Layering/LayerSet/screenshot-small.png" alt="LayerSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Layering/Viewport/Viewport.x3d" title="Layering » Viewport"><img src="https://create3000.github.io/media/examples/Layering/Viewport/screenshot-small.png" alt="Viewport"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Lighting/DirectionalLight/DirectionalLight.x3d" title="Lighting » DirectionalLight"><img src="https://create3000.github.io/media/examples/Lighting/DirectionalLight/screenshot-small.png" alt="DirectionalLight"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Lighting/PointLight/PointLight.x3d" title="Lighting » PointLight"><img src="https://create3000.github.io/media/examples/Lighting/PointLight/screenshot-small.png" alt="PointLight"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Lighting/Shadows/Shadows.x3d" title="Lighting » Shadows"><img src="https://create3000.github.io/media/examples/Lighting/Shadows/screenshot-small.png" alt="Shadows"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Lighting/SpotLight/SpotLight.x3d" title="Lighting » SpotLight"><img src="https://create3000.github.io/media/examples/Lighting/SpotLight/screenshot-small.png" alt="SpotLight"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/NURBS/NurbsCurve/NurbsCurve.x3d" title="NURBS » NurbsCurve"><img src="https://create3000.github.io/media/examples/NURBS/NurbsCurve/screenshot-small.png" alt="NurbsCurve"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/NURBS/NurbsPatchSurface/NurbsPatchSurface.x3d" title="NURBS » NurbsPatchSurface"><img src="https://create3000.github.io/media/examples/NURBS/NurbsPatchSurface/screenshot-small.png" alt="NurbsPatchSurface"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/NURBS/NurbsSweptSurface/NurbsSweptSurface.x3d" title="NURBS » NurbsSweptSurface"><img src="https://create3000.github.io/media/examples/NURBS/NurbsSweptSurface/screenshot-small.png" alt="NurbsSweptSurface"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Navigation/Billboard/Billboard.x3d" title="Navigation » Billboard"><img src="https://create3000.github.io/media/examples/Navigation/Billboard/screenshot-small.png" alt="Billboard"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Navigation/Collision/Collision.x3d" title="Navigation » Collision"><img src="https://create3000.github.io/media/examples/Navigation/Collision/screenshot-small.png" alt="Collision"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Navigation/LogarithmicDepthBuffer/LogarithmicDepthBuffer.x3d" title="Navigation » LogarithmicDepthBuffer"><img src="https://create3000.github.io/media/examples/Navigation/LogarithmicDepthBuffer/screenshot-small.png" alt="LogarithmicDepthBuffer"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Navigation/NavigationInfo/NavigationInfo.x3d" title="Navigation » NavigationInfo"><img src="https://create3000.github.io/media/examples/Navigation/NavigationInfo/screenshot-small.png" alt="NavigationInfo"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Navigation/OrthoViewpoint/OrthoViewpoint.x3d" title="Navigation » OrthoViewpoint"><img src="https://create3000.github.io/media/examples/Navigation/OrthoViewpoint/screenshot-small.png" alt="OrthoViewpoint"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Navigation/Viewpoint/Viewpoint.x3d" title="Navigation » Viewpoint"><img src="https://create3000.github.io/media/examples/Navigation/Viewpoint/screenshot-small.png" alt="Viewpoint"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Networking/Anchor/Anchor.x3d" title="Networking » Anchor"><img src="https://create3000.github.io/media/examples/Networking/Anchor/screenshot-small.png" alt="Anchor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Networking/Inline/Inline.x3d" title="Networking » Inline"><img src="https://create3000.github.io/media/examples/Networking/Inline/screenshot-small.png" alt="Inline"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Networking/LoadSensor/LoadSensor.x3d" title="Networking » LoadSensor"><img src="https://create3000.github.io/media/examples/Networking/LoadSensor/screenshot-small.png" alt="LoadSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/ConeEmitter/ConeEmitter.x3d" title="ParticleSystems » ConeEmitter"><img src="https://create3000.github.io/media/examples/ParticleSystems/ConeEmitter/screenshot-small.png" alt="ConeEmitter"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/ExplosionEmitter/ExplosionEmitter.x3d" title="ParticleSystems » ExplosionEmitter"><img src="https://create3000.github.io/media/examples/ParticleSystems/ExplosionEmitter/screenshot-small.png" alt="ExplosionEmitter"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/ForcePhysicsModel/ForcePhysicsModel.x3d" title="ParticleSystems » ForcePhysicsModel"><img src="https://create3000.github.io/media/examples/ParticleSystems/ForcePhysicsModel/screenshot-small.png" alt="ForcePhysicsModel"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/ParticleSystem/ParticleSystem.x3d" title="ParticleSystems » ParticleSystem"><img src="https://create3000.github.io/media/examples/ParticleSystems/ParticleSystem/screenshot-small.png" alt="ParticleSystem"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/PointEmitter/PointEmitter.x3d" title="ParticleSystems » PointEmitter"><img src="https://create3000.github.io/media/examples/ParticleSystems/PointEmitter/screenshot-small.png" alt="PointEmitter"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/PolylineEmitter/PolylineEmitter.x3d" title="ParticleSystems » PolylineEmitter"><img src="https://create3000.github.io/media/examples/ParticleSystems/PolylineEmitter/screenshot-small.png" alt="PolylineEmitter"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/SurfaceEmitter/SurfaceEmitter.x3d" title="ParticleSystems » SurfaceEmitter"><img src="https://create3000.github.io/media/examples/ParticleSystems/SurfaceEmitter/screenshot-small.png" alt="SurfaceEmitter"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/VolumeEmitter/VolumeEmitter.x3d" title="ParticleSystems » VolumeEmitter"><img src="https://create3000.github.io/media/examples/ParticleSystems/VolumeEmitter/screenshot-small.png" alt="VolumeEmitter"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/ParticleSystems/WindPhysicsModel/WindPhysicsModel.x3d" title="ParticleSystems » WindPhysicsModel"><img src="https://create3000.github.io/media/examples/ParticleSystems/WindPhysicsModel/screenshot-small.png" alt="WindPhysicsModel"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Picking/LinePickSensor/LinePickSensor.x3d" title="Picking » LinePickSensor"><img src="https://create3000.github.io/media/examples/Picking/LinePickSensor/screenshot-small.png" alt="LinePickSensor"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Picking/PointPickSensor/PointPickSensor.x3d" title="Picking » PointPickSensor"><img src="https://create3000.github.io/media/examples/Picking/PointPickSensor/screenshot-small.png" alt="PointPickSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Picking/PrimitivePickSensor/PrimitivePickSensor.x3d" title="Picking » PrimitivePickSensor"><img src="https://create3000.github.io/media/examples/Picking/PrimitivePickSensor/screenshot-small.png" alt="PrimitivePickSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/PointingDeviceSensor/CylinderSensor/CylinderSensor.x3d" title="PointingDeviceSensor » CylinderSensor"><img src="https://create3000.github.io/media/examples/PointingDeviceSensor/CylinderSensor/screenshot-small.png" alt="CylinderSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/PointingDeviceSensor/PlaneSensor/PlaneSensor.x3d" title="PointingDeviceSensor » PlaneSensor"><img src="https://create3000.github.io/media/examples/PointingDeviceSensor/PlaneSensor/screenshot-small.png" alt="PlaneSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/PointingDeviceSensor/TouchSensor/TouchSensor.x3d" title="PointingDeviceSensor » TouchSensor"><img src="https://create3000.github.io/media/examples/PointingDeviceSensor/TouchSensor/screenshot-small.png" alt="TouchSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/ClipPlane/ClipPlane.x3d" title="Rendering » ClipPlane"><img src="https://create3000.github.io/media/examples/Rendering/ClipPlane/screenshot-small.png" alt="ClipPlane"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/Color/Color.x3d" title="Rendering » Color"><img src="https://create3000.github.io/media/examples/Rendering/Color/screenshot-small.png" alt="Color"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/ColorRGBA/ColorRGBA.x3d" title="Rendering » ColorRGBA"><img src="https://create3000.github.io/media/examples/Rendering/ColorRGBA/screenshot-small.png" alt="ColorRGBA"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/Coordinate/Coordinate.x3d" title="Rendering » Coordinate"><img src="https://create3000.github.io/media/examples/Rendering/Coordinate/screenshot-small.png" alt="Coordinate"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/IndexedLineSet/IndexedLineSet.x3d" title="Rendering » IndexedLineSet"><img src="https://create3000.github.io/media/examples/Rendering/IndexedLineSet/screenshot-small.png" alt="IndexedLineSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/IndexedTriangleFanSet/IndexedTriangleFanSet.x3d" title="Rendering » IndexedTriangleFanSet"><img src="https://create3000.github.io/media/examples/Rendering/IndexedTriangleFanSet/screenshot-small.png" alt="IndexedTriangleFanSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/IndexedTriangleSet/IndexedTriangleSet.x3d" title="Rendering » IndexedTriangleSet"><img src="https://create3000.github.io/media/examples/Rendering/IndexedTriangleSet/screenshot-small.png" alt="IndexedTriangleSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/LineSet/LineSet.x3d" title="Rendering » LineSet"><img src="https://create3000.github.io/media/examples/Rendering/LineSet/screenshot-small.png" alt="LineSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/OrderIndependentTransparency/OrderIndependentTransparency.x3d" title="Rendering » OrderIndependentTransparency"><img src="https://create3000.github.io/media/examples/Rendering/OrderIndependentTransparency/screenshot-small.png" alt="OrderIndependentTransparency"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Rendering/PointSet/PointSet.x3d" title="Rendering » PointSet"><img src="https://create3000.github.io/media/examples/Rendering/PointSet/screenshot-small.png" alt="PointSet"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/BallJoint/BallJoint.x3d" title="RigidBodyPhysics » BallJoint"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/BallJoint/screenshot-small.png" alt="BallJoint"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/CollidableShape/CollidableShape.x3d" title="RigidBodyPhysics » CollidableShape"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/CollidableShape/screenshot-small.png" alt="CollidableShape"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/CollisionCollection/CollisionCollection.x3d" title="RigidBodyPhysics » CollisionCollection"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/CollisionCollection/screenshot-small.png" alt="CollisionCollection"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/RigidBody/RigidBody.x3d" title="RigidBodyPhysics » RigidBody"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/RigidBody/screenshot-small.png" alt="RigidBody"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/RigidBodyCollection/RigidBodyCollection.x3d" title="RigidBodyPhysics » RigidBodyCollection"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/RigidBodyCollection/screenshot-small.png" alt="RigidBodyCollection"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/SingleAxisHingeJoint/SingleAxisHingeJoint.x3d" title="RigidBodyPhysics » SingleAxisHingeJoint"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/SingleAxisHingeJoint/screenshot-small.png" alt="SingleAxisHingeJoint"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/RigidBodyPhysics/SliderJoint/SliderJoint.x3d" title="RigidBodyPhysics » SliderJoint"><img src="https://create3000.github.io/media/examples/RigidBodyPhysics/SliderJoint/screenshot-small.png" alt="SliderJoint"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shaders/ComposedShader/ComposedShader.x3d" title="Shaders » ComposedShader"><img src="https://create3000.github.io/media/examples/Shaders/ComposedShader/screenshot-small.png" alt="ComposedShader"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shaders/FloatVertexAttribute/FloatVertexAttribute.x3d" title="Shaders » FloatVertexAttribute"><img src="https://create3000.github.io/media/examples/Shaders/FloatVertexAttribute/screenshot-small.png" alt="FloatVertexAttribute"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shaders/ShaderPart/ShaderPart.x3d" title="Shaders » ShaderPart"><img src="https://create3000.github.io/media/examples/Shaders/ShaderPart/screenshot-small.png" alt="ShaderPart"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shape/Appearance/Appearance.x3d" title="Shape » Appearance"><img src="https://create3000.github.io/media/examples/Shape/Appearance/screenshot-small.png" alt="Appearance"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shape/FillProperties/FillProperties.x3d" title="Shape » FillProperties"><img src="https://create3000.github.io/media/examples/Shape/FillProperties/screenshot-small.png" alt="FillProperties"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shape/LineProperties/LineProperties.x3d" title="Shape » LineProperties"><img src="https://create3000.github.io/media/examples/Shape/LineProperties/screenshot-small.png" alt="LineProperties"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shape/Material/Material.x3d" title="Shape » Material"><img src="https://create3000.github.io/media/examples/Shape/Material/screenshot-small.png" alt="Material"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Shape/TwoSidedMaterial/TwoSidedMaterial.x3d" title="Shape » TwoSidedMaterial"><img src="https://create3000.github.io/media/examples/Shape/TwoSidedMaterial/screenshot-small.png" alt="TwoSidedMaterial"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Sound/AudioClip/AudioClip.x3d" title="Sound » AudioClip"><img src="https://create3000.github.io/media/examples/Sound/AudioClip/screenshot-small.png" alt="AudioClip"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Text/FontStyle/FontStyle.x3d" title="Text » FontStyle"><img src="https://create3000.github.io/media/examples/Text/FontStyle/screenshot-small.png" alt="FontStyle"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Text/Text/Text.x3d" title="Text » Text"><img src="https://create3000.github.io/media/examples/Text/Text/screenshot-small.png" alt="Text"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/TextureProjector/TextureProjector/TextureProjector.x3d" title="TextureProjector » TextureProjector"><img src="https://create3000.github.io/media/examples/TextureProjector/TextureProjector/screenshot-small.png" alt="TextureProjector"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Texturing/ImageTexture/ImageTexture.x3d" title="Texturing » ImageTexture"><img src="https://create3000.github.io/media/examples/Texturing/ImageTexture/screenshot-small.png" alt="ImageTexture"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Texturing/MovieTexture/MovieTexture.x3d" title="Texturing » MovieTexture"><img src="https://create3000.github.io/media/examples/Texturing/MovieTexture/screenshot-small.png" alt="MovieTexture"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Texturing/MultiTexture/MultiTexture.x3d" title="Texturing » MultiTexture"><img src="https://create3000.github.io/media/examples/Texturing/MultiTexture/screenshot-small.png" alt="MultiTexture"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Texturing/PixelTexture/PixelTexture.x3d" title="Texturing » PixelTexture"><img src="https://create3000.github.io/media/examples/Texturing/PixelTexture/screenshot-small.png" alt="PixelTexture"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Texturing3D/ImageTexture3D/ImageTexture3D.x3d" title="Texturing3D » ImageTexture3D"><img src="https://create3000.github.io/media/examples/Texturing3D/ImageTexture3D/screenshot-small.png" alt="ImageTexture3D"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Texturing3D/ImageTextureAtlas/ImageTextureAtlas.x3d" title="Texturing3D » ImageTextureAtlas"><img src="https://create3000.github.io/media/examples/Texturing3D/ImageTextureAtlas/screenshot-small.png" alt="ImageTextureAtlas"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/Time/TimeSensor/TimeSensor.x3d" title="Time » TimeSensor"><img src="https://create3000.github.io/media/examples/Time/TimeSensor/screenshot-small.png" alt="TimeSensor"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/VolumeRendering/EdgeEnhancementVolumeStyle/EdgeEnhancementVolumeStyle.x3d" title="VolumeRendering » EdgeEnhancementVolumeStyle"><img src="https://create3000.github.io/media/examples/VolumeRendering/EdgeEnhancementVolumeStyle/screenshot-small.png" alt="EdgeEnhancementVolumeStyle"/></a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://create3000.github.io/media/examples/VolumeRendering/IsoSurfaceVolumeData/IsoSurfaceVolumeData.x3d" title="VolumeRendering » IsoSurfaceVolumeData"><img src="https://create3000.github.io/media/examples/VolumeRendering/IsoSurfaceVolumeData/screenshot-small.png" alt="IsoSurfaceVolumeData"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/VolumeRendering/SegmentedVolumeData/SegmentedVolumeData.x3d" title="VolumeRendering » SegmentedVolumeData"><img src="https://create3000.github.io/media/examples/VolumeRendering/SegmentedVolumeData/screenshot-small.png" alt="SegmentedVolumeData"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/VolumeRendering/ShadedVolumeStyle/ShadedVolumeStyle.x3d" title="VolumeRendering » ShadedVolumeStyle"><img src="https://create3000.github.io/media/examples/VolumeRendering/ShadedVolumeStyle/screenshot-small.png" alt="ShadedVolumeStyle"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/VolumeRendering/ToneMappedVolumeStyle/ToneMappedVolumeStyle.x3d" title="VolumeRendering » ToneMappedVolumeStyle"><img src="https://create3000.github.io/media/examples/VolumeRendering/ToneMappedVolumeStyle/screenshot-small.png" alt="ToneMappedVolumeStyle"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/VolumeRendering/VolumeData/VolumeData.x3d" title="VolumeRendering » VolumeData"><img src="https://create3000.github.io/media/examples/VolumeRendering/VolumeData/screenshot-small.png" alt="VolumeData"/></a>
-    </td>
-    <td>
-      <a href="https://create3000.github.io/media/examples/X_ITE/BlendMode/BlendMode.x3d" title="X_ITE » BlendMode"><img src="https://create3000.github.io/media/examples/X_ITE/BlendMode/screenshot-small.png" alt="BlendMode"/></a>
-    </td>
-  </tr>
-</table>
-
->**Note:** The VolumeRendering examples are only working if your browser supports WebGL 2, otherwise the examples left black.
-{: .prompt-info }
-
-## Download X_ITE v{{ site.version }}
-
-There is a ZIP archive available to locally install X_ITE on your server. Compressed and uncompressed copies of X_ITE files are available. The uncompressed file (x_ite.js) is best used during development or debugging; the compressed file (x_ite.min.js) saves bandwidth and improves performance in production.
-
-[Download X_ITE ZIP archive](https://create3000.github.io/code/x_ite/latest/x_ite.zip)
-
-### Using X_ITE with a CDN
-
-CDNs can offer a performance benefit by hosting X_ITE on servers spread across the globe. This also offers an advantage that if the visitor to your webpage has already downloaded a copy of X_ITE from the same CDN, it won't have to be re-downloaded. To use the X_ITE CDN, just reference the CSS and JavaScript file in the script element directly from the GitHub CDN or jsDelivr CDN domain.
-
-### GitHub CDN
-
-GitCDN serves raw files directly from GitHub with proper Content-Type headers and a super fast CDN!
-
-#### Latest Stable Version
-
-If you are a developer or you always wanna be up to date:
-
-```html
-<script src="https://create3000.github.io/code/x_ite/latest/x_ite.min.js"></script>
-```
-
->**Info:** It is no longer necessary to include the CSS file.
-{: .prompt-info }
-
-### jsDelivr CDN
-
-Open Source CDN, free, fast, and reliable.
-
-#### Snipped
-
-You can always replace »latest« by the version number you prefer.
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/x_ite@latest/dist/x_ite.min.js"></script>
-```
-
-#### For Production
-
-If you are in production and everything is working well, then use a fixed version.
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/x_ite@{{ site.version }}/dist/x_ite.min.js"></script>
-```
-
-### You can also get it from NPM
-
-```console
-$ npm install x_ite
-```
-
-It can be used in [Electron](https://www.electronjs.org){:target="_blank"} apps in the **renderer process** in a way like this:
-
-```js
-const X3D = require ("x_ite")
-```
-
-Make sure that `contextIsolation` is set to `false` when creating a BrowserWindow instance.
-
-## Embedding X_ITE within a Web Page
-
-To display your X3D scene in a HTML5 page, first save your scene as X3D XML Encoded file, X3D JSON Encoded file, or as X3D Classic Encoded file, i.e. create a file with the extension .x3d, .x3dj, .x3dv, or .wrl.
-
-The HTML5 page is quite easy to create, the HTML5 code below shows you the minimum requirements. The path to the X3D scene is specified in the *src* attribute of the \<x3d-canvas\> element.
-
-```html
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <script src="https://create3000.github.io/code/x_ite/latest/x_ite.min.js"></script>
-    <style>
-x3d-canvas {
-  width: 768px;
-  height: 432px;
-}
-    </style>
-  </head>
-  <body>
-    <x3d-canvas src="path/to/your/X3D/world.x3d"></x3d-canvas>
-  </body>
-</html>
-```
-
-To get X_ITE working you need to include the JavaScript file »x_ite.min.js«. Once X_ITE has loaded successfully, a new HTML element \<x3d-canvas\> will be available on your page. You can style the \<x3d-canvas\> element with CSS just like any other HTML element, and you can place it anywhere in the DOM tree.
-
->**Tip:** To test a page locally on your desktop computer, setup a **localhost** server to load files via *src* attribute or Inline node, see [setup a localhost server](setup-a-localhost-server), or [directly combine HTML with X3D](dom-integration).
-{: .prompt-tip }
-
-### Supported File Formats
-
-X_ITE can load several file formats, either directly as the source of the \<x3d-canvas\> element or as the source of an Inline node, as well as using API methods of the [Browser object](reference/browser-services.md). Foreign formats such as glTF are converted internally to X3D and then made available to the scene graph.
-
-| Encoding         | File Extension | MIME Type       |
-|------------------|----------------|-----------------|
-| X3D XML          | .x3d, .x3dz    | model/x3d+xml   |
-| X3D JSON         | .x3dj, .x3djz  | model/x3d+json  |
-| X3D Classic VRML | .x3dv, .x3dvz  | model/x3d+vrml  |
-| VRML             | .wrl, .wrz     | model/vrml      |
-| glTF             | .gltf, .glb    | model/gltf+json |
-| Wavefront OBJ    | .obj           | model/obj       |
-| STL              | .stl           | model/stl       |
-| PLY              | .ply           | model/ply       |
-| SVG Document     | .svg, .svgz    | image/svg+xml   |
-
->**Tip:** All files can be compressed using GZip compression. This saves bandwidth and speeds up download time.
-{: .prompt-tip }
-
-If you have an own web-server see [how to configure your web server](how-to-configure-your-web-server). If you are looking for an online X3D file format converter [see here](laboratory/x3d-file-converter).
-
-### Fallback Content
-
-The \<x3d-canvas\> element is equal to the \<canvas\> element in that, it is easy to define some fallback content, to be displayed in older browsers not supporting it. You should always provide fallback content to be displayed by those browsers.
-
-Providing fallback content is very straightforward: just insert the alternate content inside the \<x3d-canvas\> element. Browsers that don't support \<x3d-canvas\> will ignore the container and render the fallback content inside it. Browsers that do support \<x3d-canvas\> will ignore the content inside the container, and just render the canvas normally.
-
-For example, we could provide a text description of the X3D element or provide a static image of the dynamically rendered content. This can look something like this:
-
-```html
-<x3d-canvas src="world.x3d">
-  <p>Current stock price: $3.15 +0.15</p>
-</x3d-canvas>
-```
-
-```html
-<x3d-canvas src="world.x3dv">
-  <img src="images/clock.png"/>
-</x3d-canvas>
-```
-
-## Attributes of the \<x3d-canvas\> Element
-
-The HTML **\<x3d-canvas\>** element defines the main content of the X3D document. The \<x3d-canvas\> element has several attributes that define different behaviors. All of these attributes are optional and all can be changed during runtime except *preserveDrawingBuffer*.
-
-### antialiased
-
-A Boolean value (`true` or `false`) to indicate whether rendering should use hardware antialiasing if available. The default value for the *antialiased* attribute is `true`.
-
->**Tip:** Set CSS property »image-rendering« of \<x3d-canvas\> element to »pixelated«, if no filtering is desired in addition.
-{: .prompt-tip }
-
-### baseURL
-
-A String value containing the URL against which relative URLs are resolved. By default, this is the address of the web page itself. Although this feature is rarely needed, it can be useful when loading a `data:` URL with the *src* attribute, or with `Browser.loadURL`, or when using `Browser.createX3DFromString`. This will only have an effect on the external browser.
-
-### cache
-
-A Boolean value (`true` or `false`) to indicate whether files transferred over the internet should be cached on the local computer. The default value for the *cache* attribute is `true`. It works by appending "_={timestamp}" to the GET parameters of every request.
-
-### contentScale
-
-A Float value that specifies how much higher the physical resolution of the internal \<canvas\> element is. The default value for the *contentScale* attribute is `1.0`, which is sufficient for most cases. A higher value increases the resolution of the internal \<canvas\> element and can be used to increase the anti-aliasing effect, making the rendered image sharper. If set to `auto`, contentScale will match »window.devicePixelRatio«, which is useful for HiDPI or Retina displays. A value between `0.0` and `1.0` will result in a pixelated image, see also the [antialiased](#antialiased) attribute.
-
-### contextMenu
-
-A Boolean value (`true` or `false`) to indicate whether a context menu should be displayed on right click. The default value for the *contextMenu* attribute is `true`. The context menu can also be extended, [see here](#extending-the-context-menu).
-
-### debug
-
-A Boolean value (`true` or `false`) to indicate whether additional debug message should be printed into the web browsers console and whether additional context menu items should be enabled. The default value for the *debug* attribute is `false`.
-
-### multisampling
-
-An Integer value that specifies the number of samples used by multisampling. The default value is 4, which is sufficient for most cases. A higher value increases the effect of anti-aliasing. Check the [rendering property](reference/browser-services#rendering-properties) »MaxSamples«, which is browser dependent.
-
-### notifications
-
-A Boolean value (`true` or `false`) to indicate whether the notification bubble should be displayed. The default value for the *notifications* attribute is `true`.
-
-### onerror
-
-Type: script code. This event is sent to an \<x3d-canvas\> element when an error occurs loading a scene.
-
-### oninitialized, onload
-
-Type: script code. This event handler will be called on the \<x3d-canvas\> element when a scene has finished loading. This applies whether the scene is applied via the *src* attribute or when a scene is loaded or replaced by another world. If you change the scene, the event will fire again when the new scene loads. This event will not bubble up the element tree.
-
-The onload event handler will also be called at the very beginning when the initial empty scene is loaded.
-
-### onshutdown
-
-Type: script code. This event handler will be called on the \<x3d-canvas\> element when a scene is unloaded or replaced by another world.
-
-### preserveDrawingBuffer
-
-A Boolean value (`true` or `false`). If the value is true the drawing buffers will not be cleared and will preserve their values. The default value for the *preserveDrawingBuffer* attribute is `false`. Set *preserveDrawingBuffer* to `true` if you want to save the image from the internal canvas. Keep in mind setting *preserveDrawingBuffer* to true can have performance implications.
-
-### orderIndependentTransparency
-
-A Boolean value (`true` or `false`) to indicate whether order independent transparency rendering technique should be used. The default value for the *orderIndependentTransparency* attribute is `false`. Can slow down rendering speed if *antialiased* is `true`, but can be used in conjunction with *contentScale*.
-
-### splashScreen
-
-A Boolean value (`true` or `false`) to indicate whether the splash screen should be displayed. The default value for the *splashScreen* attribute is `true`. The display of the splash screen can also be toggled via the browser option »SplashScreen« in JavaScript. Call `Browser .setBrowserOption ("SplashScreen", booleanValue)` to toggle the display of the splash screen.
-
-### src
-
-A String value containing the URL to load on page load. If no *src* attribute is specified or the *src* attribute is empty, an empty scene will be displayed.
-
-### timings
-
-A Boolean value (`true` or `false`) to indicate whether the Timings Panel should be displayed. The default value for the *timings* attribute is restored from the previous session, otherwise it is `false`.
-
-### update
-
-A Boolean value (`true`, `false` or `auto`) to indicate whether browser events should be processed. The default value for the *update* attribute is `true`. A value of `true` will enable event processing, a value of `false` will stop event processing. If the value is `auto`, the effective value is determined by the visibility of the \<x3d-canvas\> element.
-
-### url
-
-An MFString value of URLs to load on page load. If no *url* attribute is specified or the attribute is empty, an empty scene will be displayed. If both *src* and *url* attributes are given, the last given attribute takes precedence.
-
-### Example of Use
-
-```html
-<x3d-canvas src="path/to/your/X3D/world.x3d" cache="true" update="auto"></x3d-canvas>
-```
-
-### More Options
-
-More options can be adjusted using the [Browser object](reference/browser-services#browser-object) and [Browser Options](reference/browser-services#browser-options) for scene specific adjustments.
-
-## Keyboard Shortcuts
-
-If the \<x3d-canvas\> element is focused, the following keyboard shortcuts are available.
-
-### Home (Pos 1)
-
-Go to first viewpoint.
-
-### End
-
-Go to last viewpoint.
-
-### Page Up
-
-Go to previous viewpoint.
-
-### Page Down
-
-Go to next viewpoint.
-
-### Ctrl++
-
-Display browser timings.
-
-### Shift+F8
-
-Copy the the current viewpoint of the active layer to clipboard.
-
-### Ctrl+S
-
-If \<x3d-canvas\> attribute *debug* is `true`, toggle begin/end update of browser.
-
-### Ctrl+1
-
-If \<x3d-canvas\> attribute *debug* is `true`, set shading to POINT.
-
-### Ctrl+2
-
-If \<x3d-canvas\> attribute *debug* is `true`, set shading to WIREFRAME.
-
-### Ctrl+3
-
-If \<x3d-canvas\> attribute *debug* is `true`, set shading to FLAT.
-
-### Ctrl+4
-
-If \<x3d-canvas\> attribute *debug* is `true`, set shading to GOURAUD.
-
-### Ctrl+5
-
-If \<x3d-canvas\> attribute *debug* is `true`, set shading to PHONG.
-
-## Extending the Context Menu
-
-The context menu is the jQuery Context Menu plugin, and it can be extended using the `items` syntax. The full documentation [can be found here](https://swisnl.github.io/jQuery-contextMenu/docs/items.html){:target="_blank"}.
-
-### Example
-
-```js
-Browser .getContextMenu () .setUserMenu (function ()
-{
-  return {
-    "command-1": {
-      name: "Command 1",
-      callback: function (event)
-      {
-        console .log ("Clicked on Command 1");
-      },
-    },
-  };
-});
-```