x_ite 8.4.3 → 8.5.3

package/docs/_posts/getting-started.md

@@ -3,10 +3,18 @@ title: Getting Started
 date: 2022-11-28
 nav: main
 categories: []
-tags: [getting, started]
+tags: [Getting, Started]
 permalink: /
 x_ite: true
 ---
+<x3d-canvas
+  class="teaser"
+  src="/x_ite/assets/X3D/teaser.x3d"
+  splashScreen="false"
+  contextMenu="false"
+  notifications="false">
+</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.
@@ -118,6 +126,12 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     </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/CubeMapTexturing/ComposedCubeMapTexture/ComposedCubeMapTexture.x3d" title="CubeMapTexturing » ComposedCubeMapTexture"><img src="https://create3000.github.io/media/examples/CubeMapTexturing/ComposedCubeMapTexture/screenshot-small.png" alt="ComposedCubeMapTexture"/></a>
     </td>
@@ -133,14 +147,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -156,14 +170,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -179,14 +193,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -202,14 +216,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -225,14 +239,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -248,14 +262,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -271,14 +285,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -294,14 +308,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -317,14 +331,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -340,14 +354,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -363,14 +377,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -386,14 +400,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -409,14 +423,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -432,14 +446,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -455,14 +469,14 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -478,14 +492,17 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
-  </tr>
-  <tr>
     <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>
@@ -498,6 +515,8 @@ If you ever get in trouble, please [report a bug](report-a-bug).
     <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>
+  </tr>
+  <tr>
     <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>
@@ -582,7 +601,7 @@ The HTML5 page is quite easy to create, the HTML5 code below shows you the minim
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8">
     <script src="https://create3000.github.io/code/x_ite/latest/x_ite.min.js"></script>
     <style>
 x3d-canvas {
@@ -597,26 +616,31 @@ x3d-canvas {
 </html>
 ```
 
-To get X_ITE working you must include the JavaScript file »x_ite.min.js«. After x_ite is successfully loaded a new HTML element \<x3d-canvas\> is available on your page.
+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.
 
 >**Attention:** If you test a page locally on your desktop computer, you must setup a **localhost** server if you want to load a file via *src* attribute or Inline node, see [Setup a localhost Server](setup-a-localhost-server). Or use [DOM Integration](dom-integration) methods to directly combine HTML with X3D.
 {: .prompt-danger }
 
->**Tip:** You can style the \<x3d-canvas\> element as every HTML element with CSS as well as you can place it everywhere within the DOM tree.
+>**Tip:** You can style the \<x3d-canvas\> element with CSS like any other HTML element, and you can place it anywhere in the DOM tree.
 {: .prompt-tip }
 
 ### Supported File Formats
 
-As of version 1.19, X_ITE can now parse either X3D XML Encoding or X3D Classic Encoding. This gives authors the capability to use X_ITE also as VRML viewer.
+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.
 
-Additionally files can be compressed using GZip compression.
+| 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       |
+| SVG Document     | .svg, .svgz    | image/svg+xml   |
 
-| X3D Encoding | File Extension | MIME Type      |
-|--------------|----------------|----------------|
-| XML          | .x3d, .x3dz    | model/x3d+xml  |
-| JSON         | .x3dj, .x3djz  | model/x3d+json |
-| Classic VRML | .x3dv, .x3dvz  | model/x3d+vrml |
-| VRML         | .wrl, .wrz     | model/vrml     |
+>**Tip:** All files can be compressed using GZip compression. This saves bandwidth and speeds up download time.
+{: .prompt-tip }
 
 For more information see [How to Configure Your Web Server](how-to-configure-your-web-server).
 
@@ -642,35 +666,54 @@ For example, we could provide a text description of the X3D element or provide a
 
 ## 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.
+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 }
 
 ### 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 determines how much higher he 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, will increase the resolution of the internal \<canvas\> element and can be uses to increase the antialiasing effect, thus making the rendered image sharper. If the value is set to `auto`, then 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 [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
+
+A Integer value that sets 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 antialiasing. Check [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.
+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.
+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.
 
 ### 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.
+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 canvas. Keep in mind setting *preserveDrawingBuffer* to true can have performance implications.
+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.
 
 ### splashScreen
 
@@ -692,11 +735,11 @@ A MFString value with urls that should be loaded on page load. If no *url* attri
 
 ### 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.
+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.
+If the \<x3d-canvas\> element is focused, the following keyboard shortcuts are available.
 
 ### Home (Pos 1)
 
@@ -724,27 +767,27 @@ 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.
+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.
+If \<x3d-canvas\> attribute *debug* is `true`, set shading to POINT.
 
 ### Ctrl+2
 
-If x3d-canvas attribute *debug* is `true`, set shading to WIREFRAME.
+If \<x3d-canvas\> attribute *debug* is `true`, set shading to WIREFRAME.
 
 ### Ctrl+3
 
-If x3d-canvas attribute *debug* is `true`, set shading to FLAT.
+If \<x3d-canvas\> attribute *debug* is `true`, set shading to FLAT.
 
 ### Ctrl+4
 
-If x3d-canvas attribute *debug* is `true`, set shading to GOURAUD.
+If \<x3d-canvas\> attribute *debug* is `true`, set shading to GOURAUD.
 
 ### Ctrl+5
 
-If x3d-canvas attribute *debug* is `true`, set shading to PHONG.
+If \<x3d-canvas\> attribute *debug* is `true`, set shading to PHONG.
 
 ## Extending the Context Menu
 

package/docs/_posts/glossary.md

@@ -3,7 +3,7 @@ title: Glossary
 date: 2022-11-28
 nav: main
 categories: []
-tags: [glossary]
+tags: [Glossary]
 ---
 ## Overview
 

package/docs/_posts/how-to-configure-your-web-server.md

@@ -3,7 +3,7 @@ title: How to Configure Your Web-Server
 date: 2022-11-28
 nav: main
 categories: []
-tags: [configure, web-server]
+tags: [Configure, Web-Server]
 ---
 ## X3D MIME Types and File Extensions