x_ite 8.6.7 → 8.6.9

package/src/x_ite/Parser/GLTF2Parser.js

@@ -61,9 +61,7 @@ import DEBUG        from "../DEBUG.js"
 // https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html
 // https://github.com/KhronosGroup/glTF-Sample-Models
 
-const
-   STEP_TIME          = 1e-4, // in seconds
-   SAMPLES_PER_SECOND = 30;   // in 1/s
+const SAMPLES_PER_SECOND = 30; // in 1/s
 
 function GLTF2Parser (scene)
 {
@@ -86,7 +84,7 @@ function GLTF2Parser (scene)
    this .accessors             = [ ];
    this .samplers              = [ ];
    this .materials             = [ ];
-   this .textureTransformNodes = new Map ();
+   this .textureTransformNodes = [ ];
    this .cameras               = [ ];
    this .viewpoints            = 0;
    this .nodes                 = [ ];
@@ -320,12 +318,16 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (this .vectorValue (light .color, color))
          lightNode ._color = color;
 
+      lightNode ._global    = true;
       lightNode ._intensity = this .numberValue (light .intensity, 1);
 
       lightNode .setup ();
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), lightNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), lightNode);
+      }
 
       return lightNode;
    },
@@ -471,7 +473,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
                   components = Components .get (accessor .type),
                   count      = accessor .count || 0,
                   stride     = byteStride ? byteStride / TypedArray .BYTES_PER_ELEMENT : components,
-                  length     = stride * count,
+                  length     = Math .min (stride * count, (bufferView .byteLength - byteOffset) / TypedArray .BYTES_PER_ELEMENT),
                   array      = new TypedArray (bufferView .buffer, byteOffset, length);
 
                if (stride === components)
@@ -596,7 +598,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
                   name                  = this .sanitizeName (sampler .name);
 
                if (name)
+               {
                   scene .addNamedNode (scene .getUniqueName (name), texturePropertiesNode);
+                  scene .addExportedNode (scene .getUniqueExportName (name), texturePropertiesNode);
+               }
 
                // minFilter
 
@@ -694,9 +699,13 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
          name        = this .sanitizeName (texture .name || image .name);
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), textureNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), textureNode);
+      }
 
-      textureNode ._url = [image .uri];
+      textureNode ._url            = [image .uri];
+      textureNode ._flipVertically = true;
 
       const sampler = this .samplers [texture .sampler];
 
@@ -722,13 +731,18 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (material .appearanceNode)
          return material .appearanceNode;
 
-      if (!(material .extensions instanceof Object))
-         material .extensions = { };
+      const texCoordIndices = this .texCoordIndices ("", material);
+
+      this .texCoordIndex = [... texCoordIndices] .reduce (Math .max, -1);
+
+      this .textureTransformNodes = [ ];
+      this .texCoordMappings      = new Map ();
+      material .texCoordMappings  = this .texCoordMappings;
 
       const
          scene          = this .getExecutionContext (),
          appearanceNode = scene .createNode ("Appearance", false),
-         materialNode   = this .materialObjectMaterial (material),
+         materialNode   = this .createMaterial (material),
          name           = this .sanitizeName (material .name);
 
       const emissiveFactor = new Color3 (0, 0, 0);
@@ -736,8 +750,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (this .vectorValue (material .emissiveFactor, emissiveFactor))
          materialNode ._emissiveColor = emissiveFactor;
 
-      materialNode ._emissiveTextureMapping = this .textureMapping (material .emissiveTexture);
       materialNode ._emissiveTexture        = this .textureInfo    (material .emissiveTexture);
+      materialNode ._emissiveTextureMapping = this .textureMapping (material .emissiveTexture);
 
       this .occlusionTextureInfo (material .occlusionTexture, materialNode);
       this .normalTextureInfo    (material .normalTexture,    materialNode);
@@ -745,8 +759,28 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       materialNode .setup ();
 
+      for (const i of texCoordIndices)
+      {
+         const mapping = `TEXCOORD_${i}`;
+
+         if (this .textureTransformNodes .length)
+         {
+            const textureTransformNode = scene .createNode ("TextureTransform", false);
+
+            textureTransformNode ._mapping = mapping;
+            textureTransformNode .setup ();
+
+            this .textureTransformNodes .push (textureTransformNode);
+         }
+
+         this .texCoordMappings .set (mapping, i);
+      }
+
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), appearanceNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), appearanceNode);
+      }
 
       appearanceNode ._alphaMode        = this .stringValue (material .alphaMode, "OPAQUE");
       appearanceNode ._alphaCutoff      = this .numberValue (material .alphaCutoff, 0.5);
@@ -757,11 +791,24 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       return material .appearanceNode = appearanceNode;
    },
-   materialObjectMaterial: function (material)
+   texCoordIndices: function (key, object, indices = new Set ())
+   {
+      if (!(object instanceof Object))
+         return indices;
+
+      if (key .endsWith ("Texture") && !object?.extensions?.KHR_texture_transform)
+         indices .add (object .texCoord || 0);
+
+      for (const [key, value] of Object .entries (object))
+         this .texCoordIndices (key, value, indices);
+
+      return indices;
+   },
+   createMaterial: function (material)
    {
       const materials = [
          this .pbrMetallicRoughnessObject .bind (this, material .pbrMetallicRoughness),
-         this .pbrSpecularGlossinessObject .bind (this, material .extensions .KHR_materials_pbrSpecularGlossiness),
+         this .pbrSpecularGlossinessObject .bind (this, material .extensions?.KHR_materials_pbrSpecularGlossiness),
          this .pbrMetallicRoughnessObject .bind (this, { }),
       ];
 
@@ -795,10 +842,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       materialNode ._metallic  = this .numberValue (pbrMetallicRoughness .metallicFactor,  1);
       materialNode ._roughness = this .numberValue (pbrMetallicRoughness .roughnessFactor, 1);
 
-      materialNode ._baseTextureMapping              = this .textureMapping (pbrMetallicRoughness .baseColorTexture);
       materialNode ._baseTexture                     = this .textureInfo    (pbrMetallicRoughness .baseColorTexture);
-      materialNode ._metallicRoughnessTextureMapping = this .textureMapping (pbrMetallicRoughness .metallicRoughnessTexture);
+      materialNode ._baseTextureMapping              = this .textureMapping (pbrMetallicRoughness .baseColorTexture);
       materialNode ._metallicRoughnessTexture        = this .textureInfo    (pbrMetallicRoughness .metallicRoughnessTexture);
+      materialNode ._metallicRoughnessTextureMapping = this .textureMapping (pbrMetallicRoughness .metallicRoughnessTexture);
 
       return materialNode;
    },
@@ -833,30 +880,23 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       materialNode ._shininess = this .numberValue (pbrSpecularGlossiness .glossinessFactor, 1);
 
-      materialNode ._diffuseTextureMapping   = this .textureMapping (pbrSpecularGlossiness .diffuseTexture);
       materialNode ._diffuseTexture          = this .textureInfo    (pbrSpecularGlossiness .diffuseTexture);
-      materialNode ._specularTextureMapping  = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._diffuseTextureMapping   = this .textureMapping (pbrSpecularGlossiness .diffuseTexture);
       materialNode ._specularTexture         = this .textureInfo    (pbrSpecularGlossiness .specularGlossinessTexture);
-      materialNode ._shininessTextureMapping = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._specularTextureMapping  = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
       materialNode ._shininessTexture        = this .textureInfo    (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._shininessTextureMapping = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
 
       return materialNode;
    },
-   textureMapping: function (texture)
-   {
-      if (!(texture instanceof Object))
-         return "";
-
-      return "TEXCOORD_" + (texture .texCoord || 0);
-   },
    occlusionTextureInfo: function (occlusionTexture, materialNode)
    {
       if (!(occlusionTexture instanceof Object))
          return null;
 
       materialNode ._occlusionStrength       = this .numberValue (occlusionTexture .strength, 1);
-      materialNode ._occlusionTextureMapping = this .textureMapping (occlusionTexture);
       materialNode ._occlusionTexture        = this .textureInfo (occlusionTexture);
+      materialNode ._occlusionTextureMapping = this .textureMapping (occlusionTexture);
    },
    normalTextureInfo: function (normalTexture, materialNode)
    {
@@ -864,8 +904,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
          return null;
 
       materialNode ._normalScale          = this .numberValue (normalTexture .scale, 1);
-      materialNode ._normalTextureMapping = this .textureMapping (normalTexture);
       materialNode ._normalTexture        = this .textureInfo (normalTexture);
+      materialNode ._normalTextureMapping = this .textureMapping (normalTexture);
    },
    textureInfo: function (texture)
    {
@@ -873,10 +913,19 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
          return null;
 
       if (texture .extensions instanceof Object)
-         this .textureTransformObject (texture .extensions .KHR_texture_transform, this .textureMapping (texture));
+         texture .mapping = this .textureTransformObject (texture .extensions .KHR_texture_transform, texture .texCoord || 0);
+      else
+         texture .mapping = `TEXCOORD_${texture .texCoord || 0}`;
 
       return this .textureObject (this .textures [texture .index]);
    },
+   textureMapping: function (texture)
+   {
+      if (!(texture instanceof Object))
+         return "";
+
+      return texture .mapping;
+   },
    materialExtensions: function (extensions, materialNode)
    {
       if (!(extensions instanceof Object))
@@ -926,16 +975,9 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (!(KHR_materials_emissive_strength instanceof Object))
          return;
 
-      const emissiveStrength = this .numberValue (KHR_materials_emissive_strength .emissiveStrength, 1);
-
-      // Will not always get the desired result, because colors are clamped values,
-      // especially if there is an emissiveTexture.
-
-      materialNode ._emissiveColor .r *= emissiveStrength;
-      materialNode ._emissiveColor .g *= emissiveStrength;
-      materialNode ._emissiveColor .b *= emissiveStrength;
+      materialNode ._emissiveStrength = this .numberValue (KHR_materials_emissive_strength .emissiveStrength, 1);
    },
-   textureTransformObject: function (KHR_texture_transform, mapping)
+   textureTransformObject: function (KHR_texture_transform, texCoord)
    {
       if (!(KHR_texture_transform instanceof Object))
          return;
@@ -945,7 +987,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       const
          scene                = this .getExecutionContext (),
-         textureTransformNode = scene .createNode ("TextureTransformMatrix3D", false);
+         textureTransformNode = scene .createNode ("TextureTransformMatrix3D", false),
+         mapping              = `TEXCOORD_${this .texCoordIndex + this .textureTransformNodes .length + 1}`;
 
       const
          translation = new Vector2 (0, 0),
@@ -965,7 +1008,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       textureTransformNode .setup ();
 
-      this .textureTransformNodes .set (mapping, textureTransformNode);
+      this .textureTransformNodes .push (textureTransformNode);
+      this .texCoordMappings .set (mapping, KHR_texture_transform .texCoord ?? texCoord);
+
+      return mapping;
    },
    meshesArray: function (meshes)
    {
@@ -993,7 +1039,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (name)
       {
          for (const shapeNode of shapeNodes)
+         {
             scene .addNamedNode (scene .getUniqueName (name), shapeNode);
+            scene .addExportedNode (scene .getUniqueExportName (name), shapeNode);
+         }
       }
 
       return mesh .shapeNodes = shapeNodes;
@@ -1227,7 +1276,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       // Name
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), viewpointNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), viewpointNode);
+      }
 
       if (camera .name)
          viewpointNode ._description = camera .name;
@@ -1323,7 +1375,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       // Name
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), transformNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), transformNode);
+      }
 
       // Set transformation matrix.
 
@@ -1455,6 +1510,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
             const switchNode = scene .createNode ("Switch", false);
 
             scene .addNamedNode (scene .getUniqueName ("Scenes"), switchNode);
+            scene .addExportedNode (scene .getUniqueExportName ("Scenes"), switchNode);
 
             // Scenes.
 
@@ -1493,7 +1549,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
                name      = this .sanitizeName (sceneObject .name);
 
             if (name)
+            {
                scene .addNamedNode (scene .getUniqueName (name), groupNode);
+               scene .addExportedNode (scene .getUniqueExportName (name), groupNode);
+            }
 
             groupNode ._children = nodes;
 
@@ -1524,7 +1583,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
          groupNode = scene .createNode ("Group", false);
 
       scene .addNamedNode (scene .getUniqueName ("Animations"), groupNode);
-      scene .addExportedNode ("Animations", groupNode);
+      scene .addExportedNode (scene .getUniqueExportName ("Animations"), groupNode);
 
       groupNode ._children = animationNodes;
 
@@ -1553,6 +1612,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
       scene .addNamedNode (scene .getUniqueName (name || `Animation${this .animations}`), groupNode);
       scene .addNamedNode (scene .getUniqueName (`Timer${this .animations}`), timeSensorNode);
+      scene .addExportedNode (scene .getUniqueExportName (name || `Animation${this .animations}`), groupNode);
+      scene .addExportedNode (scene .getUniqueExportName (`Timer${this .animations}`), timeSensorNode);
 
       timeSensorNode ._description = animation .name || `Animation ${this .animations}`;
       groupNode ._children .push (timeSensorNode, ... channelNodes);
@@ -1687,11 +1748,9 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (!+materialNode .getTextureBits ())
          return null;
 
-      const textureTransformNodes = [... this .textureTransformNodes .values ()]
+      const textureTransformNodes = this .textureTransformNodes
          .sort ((a, b) => Algorithm .cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
-      this .textureTransformNodes .clear ();
-
       switch (textureTransformNodes .length)
       {
          case 0:
@@ -2028,7 +2087,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (texCoords .textureCoordinateNode)
          return texCoords .textureCoordinateNode;
 
-      switch (texCoords .length)
+      switch (material .texCoordMappings .size)
       {
          case 0:
          {
@@ -2036,12 +2095,13 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
          }
          case 1:
          {
-            return texCoords .textureCoordinateNode = this .createTextureCoordinate (texCoords [0], 0);
+            return texCoords .textureCoordinateNode = [... material .texCoordMappings .entries ()]
+               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping)) [0];
          }
          default:
          {
-            const textureCoordinateNodes = texCoords
-               .map ((texCoord, i) => this .createTextureCoordinate (texCoord, i))
+            const textureCoordinateNodes = [... material .texCoordMappings .entries ()]
+               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping))
                .filter (node => node)
                .sort ((a, b) => Algorithm .cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
@@ -2068,19 +2128,19 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
       if (texCoord .type !== "VEC2")
          return null;
 
-      if (texCoord .textureCoordinateNode)
-         return texCoord .textureCoordinateNode;
+      if (texCoord [mapping])
+         return texCoord [mapping];
 
       const
          scene                 = this .getExecutionContext (),
          textureCoordinateNode = scene .createNode ("TextureCoordinate", false);
 
-      textureCoordinateNode ._mapping = "TEXCOORD_" + mapping;
+      textureCoordinateNode ._mapping = mapping;
       textureCoordinateNode ._point   = texCoord .array;
 
       textureCoordinateNode .setup ();
 
-      return texCoord .textureCoordinateNode = textureCoordinateNode;
+      return texCoord [mapping] = textureCoordinateNode;
    },
    createNormal: function (normal)
    {
@@ -2176,7 +2236,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
             interpolatorNode ._key .push (times [0] / cycleInterval);
 
             for (let i = 1, length = times .length; i < length; ++ i)
-               interpolatorNode ._key .push ((times [i] - STEP_TIME) / cycleInterval, times [i] / cycleInterval);
+               interpolatorNode ._key .push (times [i] / cycleInterval, times [i] / cycleInterval);
 
             // KeyValue
 
@@ -2250,7 +2310,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (X3DParser .prototype),
             interpolatorNode ._key .push (times [0] / cycleInterval);
 
             for (let i = 1, length = times .length; i < length; ++ i)
-               interpolatorNode ._key .push ((times [i] - STEP_TIME) / cycleInterval, times [i] / cycleInterval);
+               interpolatorNode ._key .push (times [i] / cycleInterval, times [i] / cycleInterval);
 
             // KeyValue
 

package/src/x_ite/Parser/OBJParser.js

@@ -275,36 +275,39 @@ OBJParser .prototype = Object .assign (Object .create (X3DParser .prototype),
       try
       {
          const
-            scene = this .getExecutionContext (),
-            url   = new URL (path, scene .getWorldURL ());
-
-         const input = await fetch (url)
-            .then (response => response .arrayBuffer ())
-            .then (arrayBuffer => $.decodeText ($.ungzip (arrayBuffer)))
-            .catch (Function .prototype);
-
-         const parser = new MaterialParser (scene, input);
+            scene       = this .getExecutionContext (),
+            url         = new URL (path, scene .getWorldURL ()),
+            response    = await fetch (url),
+            arrayBuffer = await response .arrayBuffer (),
+            input       = $.decodeText ($.ungzip (arrayBuffer)),
+            parser      = new MaterialParser (scene, input);
 
          parser .parse ();
 
-         for (const [name, material] of parser .materials)
+         for (const [id, material] of parser .materials)
          {
-            const nodeName = this .sanitizeName (name);
+            const name = this .sanitizeName (id);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), material);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), material);
+               scene .addExportedNode (scene .getUniqueExportName (name), material);
+            }
 
-            this .materials .set (name, material);
+            this .materials .set (id, material);
          }
 
-         for (const [name, texture] of parser .textures)
+         for (const [id, texture] of parser .textures)
          {
-            const nodeName = this .sanitizeName (name);
+            const name = this .sanitizeName (id);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), texture);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), texture);
+               scene .addExportedNode (scene .getUniqueExportName (name), texture);
+            }
 
-            this .textures .set (name, texture);
+            this .textures .set (id, texture);
          }
       }
       catch (error)
@@ -322,10 +325,10 @@ OBJParser .prototype = Object .assign (Object .create (X3DParser .prototype),
 
          if (Grammar .untilEndOfLine .parse (this))
          {
-            const name = this .result [1];
+            const id = this .result [1];
 
-            this .material = this .materials .get (name) || this .defaultMaterial;
-            this .texture  = this .textures .get (name);
+            this .material = this .materials .get (id) || this .defaultMaterial;
+            this .texture  = this .textures .get (id);
 
             const smoothingGroup = this .smoothingGroups .get (this .group .getNodeName ());
 
@@ -349,8 +352,8 @@ OBJParser .prototype = Object .assign (Object .create (X3DParser .prototype),
          if (Grammar .untilEndOfLine .parse (this))
          {
             const
-               scene    = this .getExecutionContext (),
-               nodeName = this .sanitizeName (this .result [1]);
+               scene = this .getExecutionContext (),
+               name  = this .sanitizeName (this .result [1]);
 
             if (this .group .children .length)
             {
@@ -361,8 +364,11 @@ OBJParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                scene .getRootNodes () .push (this .object);
             }
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), this .object);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), this .object);
+               scene .addExportedNode (scene .getUniqueExportName (name), this .object);
+            }
          }
 
          return true;
@@ -381,10 +387,10 @@ OBJParser .prototype = Object .assign (Object .create (X3DParser .prototype),
          if (Grammar .untilEndOfLine .parse (this))
          {
             const
-               scene    = this .getExecutionContext (),
-               name     = this .result [1],
-               nodeName = this .sanitizeName (name),
-               group    = this .groups .get (name);
+               scene = this .getExecutionContext (),
+               id    = this .result [1],
+               name  = this .sanitizeName (id),
+               group = this .groups .get (id);
 
             if (group)
             {
@@ -400,10 +406,13 @@ OBJParser .prototype = Object .assign (Object .create (X3DParser .prototype),
                }
             }
 
-            this .groups .set (name, this .group);
+            this .groups .set (id, this .group);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), this .group);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), this .group);
+               scene .addExportedNode (scene .getUniqueExportName (name), this .group);
+            }
 
             this .smoothingGroup = 0;
          }
@@ -728,7 +737,7 @@ function MaterialParser (scene, input)
    this .materials        = new Map ();
    this .textures         = new Map ();
    this .color3           = new Color3 ();
-   this .name             = "";
+   this .id               = "";
 }
 
 MaterialParser .prototype =
@@ -821,15 +830,15 @@ MaterialParser .prototype =
       {
          this .whitespacesNoLineTerminator ();
 
-         this .name = "";
+         this .id = "";
 
          if (Grammar .untilEndOfLine .parse (this))
          {
-            this .name = this .result [1];
+            this .id = this .result [1];
 
             this .material = this .executionContext .createNode ("Material");
 
-            this .materials .set (this .name, this .material);
+            this .materials .set (this .id, this .material);
 
             return true;
          }
@@ -994,7 +1003,7 @@ MaterialParser .prototype =
          {
             const string = this .result [1];
 
-            if (string .length && this .name .length)
+            if (string .length && this .id .length)
             {
                const paths = string .trim () .split (/\s+/);
 
@@ -1007,7 +1016,7 @@ MaterialParser .prototype =
 
                   texture .url = [path];
 
-                  this .textures .set (this .name, texture);
+                  this .textures .set (this .id, texture);
                }
             }
 

package/src/x_ite/Parser/STLAParser.js

@@ -208,7 +208,10 @@ STLAParser .prototype = Object .assign (Object .create (X3DParser .prototype),
          coordinate .point         = this .point;
 
          if (name)
+         {
             scene .addNamedNode (scene .getUniqueName (name), shape);
+            scene .addExportedNode (scene .getUniqueExportName (name), shape);
+         }
 
          scene .getRootNodes () .push (shape);
 

package/src/x_ite/Parser/SVGParser.js

@@ -354,6 +354,7 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
       // Add root Transform node.
 
       scene .addNamedNode (scene .getUniqueName ("ViewBox"), this .rootTransform);
+      scene .addExportedNode (scene .getUniqueExportName ("ViewBox"), this .rootTransform);
       scene .getRootNodes () .push (this .rootTransform);
 
       // Optimize scene graph.
@@ -1212,7 +1213,10 @@ SVGParser .prototype = Object .assign (Object .create (X3DParser .prototype),
          name  = this .sanitizeName (attribute);
 
       if (name)
+      {
 		   scene .addNamedNode (scene .getUniqueName (name), node);
+		   scene .addExportedNode (scene .getUniqueExportName (name), node);
+      }
    },
    viewBoxAttribute: function (attribute, defaultValue)
    {

package/src/x_ite/Rendering/X3DRenderObject.js

@@ -1051,6 +1051,7 @@ X3DRenderObject .prototype =
       gl .depthMask (true);
       gl .enable (gl .DEPTH_TEST);
       gl .disable (gl .BLEND);
+      gl .colorMask (true, true, true, false);
 
       const opaqueShapes = this .opaqueShapes;
 
@@ -1072,6 +1073,7 @@ X3DRenderObject .prototype =
 
       gl .depthMask (false);
       gl .enable (gl .BLEND);
+      gl .colorMask (true, true, true, true);
 
       const transparentShapes = this .transparentShapes;