npm - x_ite - Versions diffs - 8.4.3 → 8.5.3 - Mend

x_ite 8.4.3 → 8.5.3

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

Files changed (568) hide show

package/docs/_tabs/tutorials.md CHANGED Viewed

@@ -1,6 +1,6 @@
 ---
 # the default layout is 'page'
-order: 2
+order: 3
 redirect: /x_ite/tutorials/overview
 layout: redirect-page
 icon: fas fa-graduation-cap

package/docs/assets/X3D/Michroma-Regular.ttf ADDED Viewed

Binary file

package/docs/assets/X3D/peakpx.jpg ADDED Viewed

Binary file

package/docs/assets/X3D/teaser.x3d ADDED Viewed

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 4.0//EN" "http://www.web3d.org/specifications/x3d-4.0.dtd">
+<X3D profile='Interchange' version='4.0' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='http://www.web3d.org/specifications/x3d-4.0.xsd'>
+  <head>
+    <component name='Geometry2D' level='2'/>
+    <component name='Scripting' level='1'/>
+    <component name='Text' level='1'/>
+    <meta name='created' content='Sat, 28 Jan 2023 13:31:50 GMT'/>
+    <meta name='comment' content='Rise and Shine'/>
+    <meta name='creator' content='Holger Seelig'/>
+    <meta name='generator' content='Sunrise X3D Editor V1.0.8, https://create3000.github.io/sunrise/'/>
+    <meta name='identifier' content='file:///Users/holger/Desktop/X_ITE/x_ite/docs/assets/X3D/teaser.x3d'/>
+    <meta name='modified' content='Sat, 28 Jan 2023 14:49:19 GMT'/>
+  </head>
+  <Scene>
+    <NavigationInfo
+        type='"NONE"'/>
+    <Background DEF='White'
+        transparency='1'/>
+    <Transform DEF='Rectangle2D_1'
+        scale='16 5 1'>
+      <Shape>
+        <Appearance>
+          <Material
+              diffuseColor='0.6 0.6 0.6'/>
+          <ImageTexture
+              url='"peakpx.jpg"'/>
+        </Appearance>
+        <Rectangle2D/>
+      </Shape>
+    </Transform>
+    <Transform DEF='Text'
+        translation='-9 -1 1'>
+      <Shape>
+        <Text DEF='_1'
+            string='"X_ITE v8.5.2"'>
+          <FontStyle
+              family='"Michroma-Regular.ttf", "SANS"'
+              size='1.2'/>
+        </Text>
+      </Shape>
+    </Transform>
+    <Script DEF='X_ITE'>
+      <field accessType='outputOnly' type='MFString' name='string_changed'/>
+<![CDATA[ecmascript:
+function initialize ()
+{
+   string_changed = new MFString (Browser .name + " v" + Browser .version);
+}
+]]>
+    </Script>
+    <ROUTE fromNode='X_ITE' fromField='string_changed' toNode='_1' toField='set_string'/>
+  </Scene>
+</X3D>

package/docs/assets/css/style.scss CHANGED Viewed

@@ -9,18 +9,95 @@ $tab-count: {{ site.tabs | size | plus: 1 }}; // plus 1 for home tab
 @import "{{ site.theme }}";
-html {
-  --nav-border-color: rgba(158,158,158,0.17);
+@mixin x_ite-dark-scheme {
+  --nav-border-color: rgba(158, 158, 158, 0.17);
   --nav-active-page: rgb(168, 182, 206);
-  --h2-color: #e4e45d;
-  --h4-color: rgb(175, 206, 255);
-  --example-background-color: rgba(27,27,30,0.4);
+  --h2-color: rgb(228, 228, 93);
+  --h3-color: rgb(185, 137, 79);
+  --h3-color-strong: rgb(232, 201, 133);
+  --h4-color: rgb(60, 107, 184);
+  --h4-color-strong: rgb(175, 206, 255);
+  --example-background-color: rgba(27, 27, 30, 0.4);
   --button-background-color: black;
+  --system-red: rgb(255, 69, 58);
+  --system-yellow: rgb(255, 214, 10);
+  --system-blue: rgb(10, 132, 255);
+  --system-green: rgb(48, 209, 88);
 }
-html[data-mode=light] {
-  --h2-color: #cbca00;
+@mixin x_ite-light-scheme {
+  --h2-color: rgb(189, 0, 106);
+  --h3-color: rgb(159, 103, 34);;
+  --h3-color-strong: rgb(173, 81, 0);
+  --h4-color: rgb(29, 80, 163);
+  --h4-color-strong: rgb(10, 80, 144);
   --button-background-color: white;
+  --system-red: rgb(255, 59, 48);
+  --system-yellow: rgb(255, 204, 0);
+  --system-blue: rgb(0, 122, 255);
+  --system-green: rgb(52, 199, 89);
+}
+@mixin playground-dark-scheme {
+  --playground-editor-background: rgba(0, 0, 0, 0.2);
+  --playground-editor-gutter: rgba(255, 255, 255, 0.05);
+  --playground-editor-active-line: rgb(32, 45, 64);
+  --playground-editor-selected-word: rgb(39, 79, 121);
+  --playground-xml-tag: var(--text-color);
+  --playground-xml-tag-name: rgb(90, 156, 216);
+  --playground-xml-attribute-name: rgb(159, 220, 254);
+  --playground-xml-attribute-equals: rgb(212, 212, 212);
+  --playground-xml-attribute-value: rgb(205, 145, 119);
+  --playground-json-parenthesis: rgb(253, 214, 1);
+  --playground-json-identifier: rgb(159, 220, 254);
+  --playground-json-variable: rgb(159, 220, 254);
+  --playground-json-numeric: rgb(183, 206, 165);
+  --playground-json-string: rgb(205, 145, 119);
+  --playground-json-boolean: rgb(90, 156, 216);
+  --playground-json-punctuation: rgb(212, 212, 212);
+}
+@mixin playground-light-scheme {
+  --playground-editor-background: rgba(0, 0, 0, 0.01);
+  --playground-editor-gutter: rgb(243, 243, 243);
+  --playground-editor-active-line: rgb(215, 229, 248);
+  --playground-editor-selected-word: rgb(174, 214, 255);
+  --playground-xml-tag: var(--text-color);
+  --playground-xml-tag-name: rgb(126, 0, 0);
+  --playground-xml-attribute-name: rgb(226, 2, 0);
+  --playground-xml-attribute-equals: rgb(0, 0, 0);
+  --playground-xml-attribute-value: rgb(16, 0, 255);
+  --playground-json-parenthesis: rgb(54, 147, 39);
+  --playground-json-identifier: rgb(18, 81, 166);
+  --playground-json-variable: rgb(18, 81, 166);
+  --playground-json-numeric: rgb(30, 134, 87);
+  --playground-json-string: rgb(160, 21, 21);
+  --playground-json-boolean: rgb(16, 0, 255);
+  --playground-json-punctuation: rgb(0, 0, 0);
+}
+@media (prefers-color-scheme: dark) {
+  html:not([data-mode]), html[data-mode=dark] {
+    @include x_ite-dark-scheme;
+    @include playground-dark-scheme;
+  }
+  html[data-mode=light] {
+    @include x_ite-light-scheme;
+    @include playground-light-scheme;
+  }
+}
+@media (prefers-color-scheme: light) {
+  html[data-mode=dark] {
+    @include x_ite-dark-scheme;
+    @include playground-dark-scheme;
+  }
+  html:not([data-mode]), html[data-mode=light] {
+    @include x_ite-light-scheme;
+    @include playground-light-scheme;
+  }
 }
 /* append your custom style below */
@@ -30,6 +107,10 @@ a {
   user-select: none;
 }
+small, .small {
+  font-size: 60%;
+}
 #topbar-title {
   text-transform: uppercase;
 }
@@ -75,21 +156,41 @@ a {
 }
 .post h3 {
-  color: #b9894f;
+  color: var(--h3-color);
+}
+.post h3 strong {
+  color: var(--h3-color-strong);
 }
 .post h4 {
-  color: var(--link-color);
+  color: var(--h4-color);
 }
 .post h4 strong {
-  color: var(--h4-color);
+  color: var(--h4-color-strong);
 }
 .post h5 {
   font-weight: bold;
 }
+span.red {
+  color: var(--system-red) !important;
+}
+span.green {
+  color: var(--system-green) !important;
+}
+span.blue {
+  color: var(--system-blue) !important;
+}
+span.yellow {
+  color: var(--system-yellow) !important;
+}
 .table-wrapper > table tbody tr td,
 .table-wrapper > table thead th {
   white-space: initial;
@@ -103,7 +204,11 @@ a {
 .table-wrapper > table.examples tbody tr td {
   border: 3px solid var(--tb-odd-bg);
   padding: 0;
-  font-size: 0;
+}
+.table-wrapper > table.examples a.img-link {
+  position: relative;
+  display: block;
 }
 .table-wrapper > table.examples a.popup {
@@ -144,6 +249,10 @@ a {
   aspect-ratio: 16 / 9;
 }
+.post x3d-canvas.teaser {
+  aspect-ratio: 16 / 5;
+}
 .example {
   z-index: 2;
   position: fixed;

package/docs/assets/img/laboratory/blend-mode.png ADDED Viewed

Binary file

package/docs/assets/img/laboratory/dicom-nrrd.png ADDED Viewed

Binary file

package/docs/assets/img/laboratory/earthquake.png ADDED Viewed

Binary file

package/docs/assets/img/laboratory/gltf.png ADDED Viewed

Binary file

package/docs/assets/img/laboratory/l-system.png ADDED Viewed

Binary file

package/docs/assets/js/autoupdate.js ADDED Viewed

@@ -0,0 +1,25 @@
+$ .fn .isInViewport = function ()
+{
+   const
+      elementTop     = $(this) .offset () .top,
+      elementBottom  = elementTop + $(this) .outerHeight (),
+      viewportTop    = $(window) .scrollTop (),
+      viewportBottom = viewportTop + $(window) .height ();
+   return elementBottom > viewportTop && elementTop < viewportBottom;
+};
+$(window) .on ("resize scroll load", () =>
+{
+   for (const element of $("x3d-canvas"))
+   {
+      if ($(element) .isInViewport ())
+      {
+         element .browser .beginUpdate ();
+      }
+      else
+      {
+         element .browser .endUpdate ();
+      }
+   }
+});

package/docs/laboratory/gltf-sample-viewer.html ADDED Viewed

@@ -0,0 +1,318 @@
+---
+title: glTF Sample Viewer
+layout: wide
+collection: tabs
+categories: [Laboratory]
+tags: [glTF, sample, viewer]
+---
+<style>
+.post, .post-content {
+   height: 100%;
+}
+.dynamic-title {
+   display: none;
+}
+/* Viewer */
+@media (prefers-color-scheme: dark) {
+	html:not([data-mode]), html[data-mode=dark] {
+	 	--list-color: rgba(0, 0, 0, 0.3);
+	}
+	html[data-mode=light] {
+		--list-color: rgba(0, 0, 0, 0.1);
+   }
+}
+@media (prefers-color-scheme: light) {
+	html[data-mode=dark] {
+		--list-color: rgba(0, 0, 0, 0.3);
+   }
+   html:not([data-mode]), html[data-mode=light] {
+      --list-color: rgba(0, 0, 0, 0.1);
+   }
+}
+.viewer-row {
+   display: flex;
+   height: calc(100vh - 180px);
+}
+.viewer-column1 {
+   flex: 80%;
+   width: 80%;
+   height: 100%;
+}
+.viewer-column2 {
+   flex: 20%;
+   width: 20%;
+   height: 100%;
+   overflow: scroll;
+   background-color: var(--list-color);
+   padding: 1rem;
+}
+.viewer-column2 div {
+   color: var(--h2-color);
+}
+.post x3d-canvas {
+   display: block;
+   width: 100%;
+   height: 100%;
+   aspect-ratio: unset;
+}
+</style>
+<div class="viewer-row">
+   <div class="viewer-column1">
+      <x3d-canvas>
+         <X3D profile='Interchange' version='4.0'>
+            <head>
+               <component name='Text' level='1'></component>
+            </head>
+            <Scene>
+               <Shape>
+                  <Text string='"glTF Sample Viewer"'>
+                     <FontStyle justify='"MIDDLE", "MIDDLE"'></FontStyle>
+                  </Text>
+               </Shape>
+            </Scene>
+          </X3D>
+      </x3d-canvas>
+   </div>
+   <div class="viewer-column2"></div>
+</div>
+<script>
+/* find ./docs/glTF/ -type f  -name "*.gltf" -o -name "*.glb" | sort */
+const models = [
+   "Bonsai 1/Bonsai 1.gltf",
+   "Bus Stop 1/Bus Stop 1.gltf",
+   "Dorky the Bot/Dorky the Bot.gltf",
+   "NeilArmstrong/NeilArmstrong.glb",
+   "Sphinx/Sphinx.gltf",
+   "StreetFood/scene.gltf",
+   "YetiWarrior/scene.gltf",
+];
+models .server = "https://create3000.github.io/media/glTF/";
+/* find . -type f -name "*.gltf" | grep "/glTF/" | sort */
+const glTF = [
+   "2CylinderEngine/glTF/2CylinderEngine.gltf",
+   "ABeautifulGame/glTF/ABeautifulGame.gltf",
+   "AlphaBlendModeTest/glTF/AlphaBlendModeTest.gltf",
+   "AnimatedCube/glTF/AnimatedCube.gltf",
+   "AnimatedMorphCube/glTF/AnimatedMorphCube.gltf",
+   "AnimatedMorphSphere/glTF/AnimatedMorphSphere.gltf",
+   "AnimatedTriangle/glTF/AnimatedTriangle.gltf",
+   "AntiqueCamera/glTF/AntiqueCamera.gltf",
+   "AttenuationTest/glTF/AttenuationTest.gltf",
+   "Avocado/glTF/Avocado.gltf",
+   "BarramundiFish/glTF/BarramundiFish.gltf",
+   "BoomBox/glTF/BoomBox.gltf",
+   "BoomBoxWithAxes/glTF/BoomBoxWithAxes.gltf",
+   "Box With Spaces/glTF/Box With Spaces.gltf",
+   "Box/glTF/Box.gltf",
+   "BoxAnimated/glTF/BoxAnimated.gltf",
+   "BoxInterleaved/glTF/BoxInterleaved.gltf",
+   "BoxTextured/glTF/BoxTextured.gltf",
+   "BoxTexturedNonPowerOfTwo/glTF/BoxTexturedNonPowerOfTwo.gltf",
+   "BoxVertexColors/glTF/BoxVertexColors.gltf",
+   "BrainStem/glTF/BrainStem.gltf",
+   "Buggy/glTF/Buggy.gltf",
+   "Cameras/glTF/Cameras.gltf",
+   "CesiumMan/glTF/CesiumMan.gltf",
+   "CesiumMilkTruck/glTF/CesiumMilkTruck.gltf",
+   "ClearCoatTest/glTF/ClearCoatTest.gltf",
+   "Corset/glTF/Corset.gltf",
+   "Cube/glTF/Cube.gltf",
+   "DamagedHelmet/glTF/DamagedHelmet.gltf",
+   "DragonAttenuation/glTF/DragonAttenuation.gltf",
+   "Duck/glTF/Duck.gltf",
+   "EmissiveStrengthTest/glTF/EmissiveStrengthTest.gltf",
+   "EnvironmentTest/glTF/EnvironmentTest.gltf",
+   "FlightHelmet/glTF/FlightHelmet.gltf",
+   "Fox/glTF/Fox.gltf",
+   "GearboxAssy/glTF/GearboxAssy.gltf",
+   "GlamVelvetSofa/glTF/GlamVelvetSofa.gltf",
+   "InterpolationTest/glTF/InterpolationTest.gltf",
+   "IridescenceDielectricSpheres/glTF/IridescenceDielectricSpheres.gltf",
+   "IridescenceLamp/glTF/IridescenceLamp.gltf",
+   "IridescenceMetallicSpheres/glTF/IridescenceMetallicSpheres.gltf",
+   "IridescenceSuzanne/glTF/IridescenceSuzanne.gltf",
+   "IridescentDishWithOlives/glTF/IridescentDishWithOlives.gltf",
+   "Lantern/glTF/Lantern.gltf",
+   "LightsPunctualLamp/glTF/LightsPunctualLamp.gltf",
+   "MaterialsVariantsShoe/glTF/MaterialsVariantsShoe.gltf",
+   "MetalRoughSpheres/glTF/MetalRoughSpheres.gltf",
+   "MetalRoughSpheresNoTextures/glTF/MetalRoughSpheresNoTextures.gltf",
+   "MorphPrimitivesTest/glTF/MorphPrimitivesTest.gltf",
+   "MorphStressTest/glTF/MorphStressTest.gltf",
+   "MosquitoInAmber/glTF/MosquitoInAmber.gltf",
+   "MultiUVTest/glTF/MultiUVTest.gltf",
+   "MultipleScenes/glTF/MultipleScenes.gltf",
+   "NormalTangentMirrorTest/glTF/NormalTangentMirrorTest.gltf",
+   "NormalTangentTest/glTF/NormalTangentTest.gltf",
+   "OrientationTest/glTF/OrientationTest.gltf",
+   "ReciprocatingSaw/glTF/ReciprocatingSaw.gltf",
+   "RecursiveSkeletons/glTF/RecursiveSkeletons.gltf",
+   "RiggedFigure/glTF/RiggedFigure.gltf",
+   "RiggedSimple/glTF/RiggedSimple.gltf",
+   "SciFiHelmet/glTF/SciFiHelmet.gltf",
+   "SheenChair/glTF/SheenChair.gltf",
+   "SheenCloth/glTF/SheenCloth.gltf",
+   "SimpleMeshes/glTF/SimpleMeshes.gltf",
+   "SimpleMorph/glTF/SimpleMorph.gltf",
+   "SimpleSkin/glTF/SimpleSkin.gltf",
+   "SimpleSparseAccessor/glTF/SimpleSparseAccessor.gltf",
+   "SpecGlossVsMetalRough/glTF/SpecGlossVsMetalRough.gltf",
+   "SpecularTest/glTF/SpecularTest.gltf",
+   "Sponza/glTF/Sponza.gltf",
+   "StainedGlassLamp/glTF/StainedGlassLamp.gltf",
+   "Suzanne/glTF/Suzanne.gltf",
+   "TextureCoordinateTest/glTF/TextureCoordinateTest.gltf",
+   "TextureEncodingTest/glTF/TextureEncodingTest.gltf",
+   "TextureLinearInterpolationTest/glTF/TextureLinearInterpolationTest.gltf",
+   "TextureSettingsTest/glTF/TextureSettingsTest.gltf",
+   "TextureTransformMultiTest/glTF/TextureTransformMultiTest.gltf",
+   "TextureTransformTest/glTF/TextureTransformTest.gltf",
+   "ToyCar/glTF/ToyCar.gltf",
+   "TransmissionRoughnessTest/glTF/TransmissionRoughnessTest.gltf",
+   "TransmissionTest/glTF/TransmissionTest.gltf",
+   "Triangle/glTF/Triangle.gltf",
+   "TriangleWithoutIndices/glTF/TriangleWithoutIndices.gltf",
+   "TwoSidedPlane/glTF/TwoSidedPlane.gltf",
+   "Unicode❤♻Test/glTF/Unicode❤♻Test.gltf",
+   "UnlitTest/glTF/UnlitTest.gltf",
+   "VC/glTF/VC.gltf",
+   "VertexColorTest/glTF/VertexColorTest.gltf",
+   "WaterBottle/glTF/WaterBottle.gltf",
+];
+glTF .server = "https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/";
+/* find . -type f -name "*.glb" | grep "/glTF-Binary/" | sort */
+const glb = [
+   "2CylinderEngine/glTF-Binary/2CylinderEngine.glb",
+   "AlphaBlendModeTest/glTF-Binary/AlphaBlendModeTest.glb",
+   "AnimatedMorphCube/glTF-Binary/AnimatedMorphCube.glb",
+   "AnimatedMorphSphere/glTF-Binary/AnimatedMorphSphere.glb",
+   "AntiqueCamera/glTF-Binary/AntiqueCamera.glb",
+   "AttenuationTest/glTF-Binary/AttenuationTest.glb",
+   "Avocado/glTF-Binary/Avocado.glb",
+   "BarramundiFish/glTF-Binary/BarramundiFish.glb",
+   "BoomBox/glTF-Binary/BoomBox.glb",
+   "Box/glTF-Binary/Box.glb",
+   "BoxAnimated/glTF-Binary/BoxAnimated.glb",
+   "BoxInterleaved/glTF-Binary/BoxInterleaved.glb",
+   "BoxTextured/glTF-Binary/BoxTextured.glb",
+   "BoxTexturedNonPowerOfTwo/glTF-Binary/BoxTexturedNonPowerOfTwo.glb",
+   "BoxVertexColors/glTF-Binary/BoxVertexColors.glb",
+   "BrainStem/glTF-Binary/BrainStem.glb",
+   "Buggy/glTF-Binary/Buggy.glb",
+   "CesiumMan/glTF-Binary/CesiumMan.glb",
+   "CesiumMilkTruck/glTF-Binary/CesiumMilkTruck.glb",
+   "ClearCoatTest/glTF-Binary/ClearCoatTest.glb",
+   "Corset/glTF-Binary/Corset.glb",
+   "DamagedHelmet/glTF-Binary/DamagedHelmet.glb",
+   "DragonAttenuation/glTF-Binary/DragonAttenuation.glb",
+   "Duck/glTF-Binary/Duck.glb",
+   "EmissiveStrengthTest/glTF-Binary/EmissiveStrengthTest.glb",
+   "Fox/glTF-Binary/Fox.glb",
+   "GearboxAssy/glTF-Binary/GearboxAssy.glb",
+   "GlamVelvetSofa/glTF-Binary/GlamVelvetSofa.glb",
+   "InterpolationTest/glTF-Binary/InterpolationTest.glb",
+   "IridescenceLamp/glTF-Binary/IridescenceLamp.glb",
+   "IridescenceSuzanne/glTF-Binary/IridescenceSuzanne.glb",
+   "IridescentDishWithOlives/glTF-Binary/IridescentDishWithOlives.glb",
+   "Lantern/glTF-Binary/Lantern.glb",
+   "LightsPunctualLamp/glTF-Binary/LightsPunctualLamp.glb",
+   "MaterialsVariantsShoe/glTF-Binary/MaterialsVariantsShoe.glb",
+   "MetalRoughSpheres/glTF-Binary/MetalRoughSpheres.glb",
+   "MetalRoughSpheresNoTextures/glTF-Binary/MetalRoughSpheresNoTextures.glb",
+   "MorphPrimitivesTest/glTF-Binary/MorphPrimitivesTest.glb",
+   "MorphStressTest/glTF-Binary/MorphStressTest.glb",
+   "MosquitoInAmber/glTF-Binary/MosquitoInAmber.glb",
+   "MultiUVTest/glTF-Binary/MultiUVTest.glb",
+   "NormalTangentMirrorTest/glTF-Binary/NormalTangentMirrorTest.glb",
+   "NormalTangentTest/glTF-Binary/NormalTangentTest.glb",
+   "OrientationTest/glTF-Binary/OrientationTest.glb",
+   "ReciprocatingSaw/glTF-Binary/ReciprocatingSaw.glb",
+   "RecursiveSkeletons/glTF-Binary/RecursiveSkeletons.glb",
+   "RiggedFigure/glTF-Binary/RiggedFigure.glb",
+   "RiggedSimple/glTF-Binary/RiggedSimple.glb",
+   "SheenChair/glTF-Binary/SheenChair.glb",
+   "SpecGlossVsMetalRough/glTF-Binary/SpecGlossVsMetalRough.glb",
+   "SpecularTest/glTF-Binary/SpecularTest.glb",
+   "TextureCoordinateTest/glTF-Binary/TextureCoordinateTest.glb",
+   "TextureEncodingTest/glTF-Binary/TextureEncodingTest.glb",
+   "TextureLinearInterpolationTest/glTF-Binary/TextureLinearInterpolationTest.glb",
+   "TextureSettingsTest/glTF-Binary/TextureSettingsTest.glb",
+   "TextureTransformMultiTest/glTF-Binary/TextureTransformMultiTest.glb",
+   "ToyCar/glTF-Binary/ToyCar.glb",
+   "TransmissionRoughnessTest/glTF-Binary/TransmissionRoughnessTest.glb",
+   "TransmissionTest/glTF-Binary/TransmissionTest.glb",
+   "Unicode❤♻Test/glTF-Binary/Unicode❤♻Test.glb",
+   "UnlitTest/glTF-Binary/UnlitTest.glb",
+   "VC/glTF-Binary/VC.glb",
+   "VertexColorTest/glTF-Binary/VertexColorTest.glb",
+   "WaterBottle/glTF-Binary/WaterBottle.glb",
+];
+glb .server = "https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/";
+function createList (description, array)
+{
+   const column = $(".viewer-column2");
+   $("<div></div>") .append ($("<strong></strong>") .text (description)) .appendTo (column);
+   const list = $("<ul></ul>") .appendTo (column);
+   for (const filename of array)
+   {
+      const m = filename .match (/^([^\/]+)/);
+      $("<a></a>")
+         .text (m [1])
+         .attr ("href", array .server + filename)
+         .appendTo ($("<li></li>") .appendTo (list))
+         .on ("click", loadURL .bind (null, filename, array .server));
+   }
+}
+async function loadURL (filename, server, event)
+{
+   event .preventDefault ();
+   const Browser = X3D .getBrowser ();
+   await Browser .loadURL (new X3D .MFString (server + filename));
+   try
+   {
+      const animations = Browser .currentScene .getExportedNode ("Animations");
+      for (const group of animations .children)
+      {
+         group .children [0] .loop      = true;
+         group .children [0] .startTime = Date .now () / 1000;
+      }
+   }
+   catch (error)
+   { }
+   if (!Browser .getActiveViewpoint () ._description .getValue ())
+      Browser .viewAll ();
+}
+createList ("glTF Random Models", models);
+createList ("glTF Sample Models", glTF);
+createList ("glb Sample Models",  glb);
+</script>

package/docs/laboratory/x3d-visual-blend-mode-editor.html CHANGED Viewed

@@ -215,6 +215,7 @@ tags: [X3D, visual, blend mode, editor]
 <h2>See Also</h2>
 <ul>
+   <li><a href="../components/x-ite/blendmode">BlendMode</a></li>
    <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendFunc" target="_blank">WebGLRenderingContext.blendFunc()</a></li>
    <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendFuncSeparate" target="_blank">WebGLRenderingContext.blendFuncSeparate()</a></li>
    <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendEquation" target="_blank">WebGLRenderingContext.blendEquation()</a></li>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "x_ite",
-	"version": "8.4.3",
+	"version": "8.5.3",
 	"description": "X_ITE X3D Browser, view and manipulate X3D and VRML scenes in HTML.",
 	"homepage": "https://create3000.github.io/x_ite/",
 	"author": "Holger Seelig <holger.seelig@gmail.com>",
@@ -21,10 +21,16 @@
 		"3D",
 		"wrl",
 		"JavaScript",
+		"XML",
 		"JSON",
 		"xite",
 		"node",
-		"electron"
+		"electron",
+		"glTF2",
+		"GLB",
+		"Wavefront-OBJ",
+		"STL",
+		"SVG"
 	],
 	"contributors": [
 		{
@@ -57,6 +63,7 @@
 		"jquery": "^3.6.1",
 		"jquery-fullscreen-plugin": "^1.1.5",
 		"jquery-mousewheel": "^3.1.13",
+		"libgif": "^0.0.3",
 		"libtess": "^1.2.2",
 		"madge": "^5.0.1",
 		"node-sass": "^8.0.0",

package/src/assets/components/Texturing3D.js CHANGED Viewed

@@ -48,6 +48,7 @@
 import Components               from "../../x_ite/Components.js";
 import ComposedTexture3D        from "../../x_ite/Components/Texturing3D/ComposedTexture3D.js";
 import ImageTexture3D           from "../../x_ite/Components/Texturing3D/ImageTexture3D.js";
+import ImageTextureAtlas        from "../../x_ite/Components/Texturing3D/ImageTextureAtlas.js";
 import PixelTexture3D           from "../../x_ite/Components/Texturing3D/PixelTexture3D.js";
 import TextureCoordinate3D      from "../../x_ite/Components/Texturing3D/TextureCoordinate3D.js";
 import TextureCoordinate4D      from "../../x_ite/Components/Texturing3D/TextureCoordinate4D.js";
@@ -59,9 +60,10 @@ Components .addComponent ({
    name: "Texturing3D",
    types:
    {
-      ComposedTexture3D:        ComposedTexture3D,        // Not implemented yet.
-      ImageTexture3D:           ImageTexture3D,           // Not implemented yet.
-      PixelTexture3D:           PixelTexture3D,           // Not implemented yet.
+      ComposedTexture3D:        ComposedTexture3D,
+      ImageTexture3D:           ImageTexture3D,
+      ImageTextureAtlas:        ImageTextureAtlas, // non-standard
+      PixelTexture3D:           PixelTexture3D,
       TextureCoordinate3D:      TextureCoordinate3D,
       TextureCoordinate4D:      TextureCoordinate4D,
       TextureTransform3D:       TextureTransform3D,