x_ite 8.9.6 → 8.10.0

package/src/x_ite/Components/Rendering/X3DGeometryNode.js

@@ -58,8 +58,6 @@ import Plane3       from "../../../standard/Math/Geometry/Plane3.js";
 import Triangle3    from "../../../standard/Math/Geometry/Triangle3.js";
 import Algorithm    from "../../../standard/Math/Algorithm.js";
 
-const ARRAY_TYPE = "Array"; // For color, texCoord, normal, and vertex array, can be MFFloat or Array;
-
 // Box normals for bbox / line intersection.
 const boxNormals = [
    new Vector3 (0,  0,  1), // front
@@ -76,13 +74,9 @@ function X3DGeometryNode (executionContext)
 
    this .addType (X3DConstants .X3DGeometryNode);
 
-   this .addChildObjects ("transparent",  new Fields .SFBool (),
-                          "bbox_changed", new Fields .SFTime (),
-                          "rebuild",      new Fields .SFTime ());
-
-   this ._transparent  .setAccessType (X3DConstants .outputOnly);
-   this ._bbox_changed .setAccessType (X3DConstants .outputOnly);
-   this ._rebuild      .setAccessType (X3DConstants .outputOnly);
+   this .addChildObjects (X3DConstants .outputOnly, "transparent",  new Fields .SFBool (),
+                          X3DConstants .outputOnly, "bbox_changed", new Fields .SFTime (),
+                          X3DConstants .outputOnly, "rebuild",      new Fields .SFTime ());
 
    // Members
 
@@ -100,12 +94,13 @@ function X3DGeometryNode (executionContext)
    this .attribArrays             = [ ];
    this .textureCoordinateMapping = new Map ();
    this .multiTexCoords           = [ ];
-   this .texCoords                = X3DGeometryNode .createArray ();
-   this .fogDepths                = X3DGeometryNode .createArray ();
-   this .colors                   = X3DGeometryNode .createArray ();
-   this .normals                  = X3DGeometryNode .createArray ();
-   this .flatNormals              = X3DGeometryNode .createArray ();
-   this .vertices                 = X3DGeometryNode .createArray ();
+   this .coordIndices             = new Fields .MFFloat ();
+   this .texCoords                = new Fields .MFFloat ();
+   this .fogDepths                = new Fields .MFFloat ();
+   this .colors                   = new Fields .MFFloat ();
+   this .normals                  = new Fields .MFFloat ();
+   this .flatNormals              = new Fields .MFFloat ();
+   this .vertices                 = new Fields .MFFloat ();
    this .hasFogCoords             = false;
    this .hasNormals               = false;
    this .geometryKey              = "";
@@ -116,45 +111,6 @@ function X3DGeometryNode (executionContext)
       this .planes [i] = new Plane3 (Vector3 .Zero, Vector3 .zAxis);
 }
 
-Object .defineProperty (X3DGeometryNode, "createArray",
-{
-   // Function to select ether Array or MFFloat for color/normal/vertex arrays.
-   value ()
-   {
-      if (ARRAY_TYPE == "MFFloat")
-         return new Fields .MFFloat ();
-
-      const array = [ ];
-
-      array .typedArray = new Float32Array ();
-
-      array .assign = function (value)
-      {
-         const length = value .length;
-
-         for (let i = 0; i < length; ++ i)
-            this [i] = value [i];
-
-         this .length = length;
-      };
-
-      array .getValue = function ()
-      {
-         return this .typedArray;
-      };
-
-      array .shrinkToFit = function ()
-      {
-         if (this .length === this .typedArray .length)
-            this .typedArray .set (this);
-         else
-            this .typedArray = new Float32Array (this);
-      };
-
-      return array;
-   },
-})
-
 Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .prototype),
 {
    setup ()
@@ -178,6 +134,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
       this .frontFace             = gl .CCW;
       this .backFace              = new Map ([[gl .CCW, gl .CW], [gl .CW, gl .CCW]]);
+      this .coordIndexBuffer      = gl .createBuffer ();
       this .attribBuffers         = [ ];
       this .textureCoordinateNode = browser .getDefaultTextureCoordinate ();
       this .texCoordBuffers       = Array .from ({length: browser .getMaxTexCoords ()}, () => gl .createBuffer ());
@@ -257,6 +214,10 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
       this .frontFace = value ? gl .CCW : gl .CW;
    },
+   getCoordIndices ()
+   {
+      return this .coordIndices;
+   },
    getAttrib ()
    {
       return this .attribNodes;
@@ -312,10 +273,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
    {
       this .textureCoordinateNode .removeInterest ("updateTextureCoordinateMapping", this);
 
-      if (value)
-         this .textureCoordinateNode = value;
-      else
-         this .textureCoordinateNode = this .getBrowser () .getDefaultTextureCoordinate ();
+      this .textureCoordinateNode = value ?? this .getBrowser () .getDefaultTextureCoordinate ();
 
       this .textureCoordinateNode .addInterest ("updateTextureCoordinateMapping", this);
 
@@ -731,7 +689,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
             if (flatShading)
             {
-               if (! this .flatNormals .length)
+               if (!this .flatNormals .length)
                {
                   const
                      cw          = this .frontFace === gl .CW,
@@ -741,16 +699,16 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
                   for (let i = 0, length = vertices .length; i < length; i += 12)
                   {
                      Triangle3 .normal (v0 .set (vertices [i],     vertices [i + 1], vertices [i + 2]),
-                                       v1 .set (vertices [i + 4], vertices [i + 5], vertices [i + 6]),
-                                       v2 .set (vertices [i + 8], vertices [i + 9], vertices [i + 10]),
-                                       normal);
+                                        v1 .set (vertices [i + 4], vertices [i + 5], vertices [i + 6]),
+                                        v2 .set (vertices [i + 8], vertices [i + 9], vertices [i + 10]),
+                                        normal);
 
                      if (cw)
                         normal .negate ();
 
                      flatNormals .push (normal .x, normal .y, normal .z,
-                                       normal .x, normal .y, normal .z,
-                                       normal .x, normal .y, normal .z);
+                                        normal .x, normal .y, normal .z,
+                                        normal .x, normal .y, normal .z);
                   }
 
                   flatNormals .shrinkToFit ();
@@ -777,7 +735,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
          this .clear ();
          this .build ();
 
-         // Shrink arrays before transfer to graphics card.
+         // Shrink arrays before transferring them to graphics card.
 
          for (const attribArray of this .attribArrays)
             attribArray .shrinkToFit ();
@@ -785,17 +743,18 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
          for (const multiTexCoord of this .multiTexCoords)
             multiTexCoord .shrinkToFit ();
 
-         this .fogDepths .shrinkToFit ();
-         this .colors    .shrinkToFit ();
-         this .normals   .shrinkToFit ();
-         this .vertices  .shrinkToFit ();
+         this .coordIndices .shrinkToFit ();
+         this .fogDepths    .shrinkToFit ();
+         this .colors       .shrinkToFit ();
+         this .normals      .shrinkToFit ();
+         this .vertices     .shrinkToFit ();
 
          // Determine bbox.
 
          const
+            vertices = this .vertices .getValue (),
             min      = this .min,
-            max      = this .max,
-            vertices = this .vertices .getValue ();
+            max      = this .max;
 
          if (vertices .length)
          {
@@ -851,7 +810,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
          const length = this .attribNodes .length;
 
          for (let a = attribArrays .length; a < length; ++ a)
-            attribArrays [a] = X3DGeometryNode .createArray ();
+            attribArrays [a] = new Fields .MFFloat ();
 
          attribArrays .length = length;
       }
@@ -860,6 +819,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
       this .flatShading = undefined;
 
+      this .coordIndices   .length = 0;
       this .fogDepths      .length = 0;
       this .colors         .length = 0;
       this .multiTexCoords .length = 0;
@@ -872,6 +832,11 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
    {
       const gl = this .getBrowser () .getContext ();
 
+      // Transfer coord indices.
+
+      gl .bindBuffer (gl .ARRAY_BUFFER, this .coordIndexBuffer);
+      gl .bufferData (gl .ARRAY_BUFFER, this .coordIndices .getValue (), gl .DYNAMIC_DRAW);
+
       // Transfer attribArrays.
 
       for (let i = this .attribBuffers .length, length = this .attribArrays .length; i < length; ++ i)
@@ -968,6 +933,9 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
    {
       if (this .vertexArrayObject .enable (shaderNode))
       {
+         if (this .coordIndices .length)
+            shaderNode .enableCoordIndexAttribute (gl, this .coordIndexBuffer, 0, 0);
+
          if (this .multiTexCoords .length)
             shaderNode .enableTexCoordAttribute (gl, this .texCoordBuffers, 0, 0);
 
@@ -985,13 +953,13 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
          appearanceNode = renderContext .appearanceNode,
          shaderNode     = appearanceNode .getShader (this, renderContext);
 
-      if (this .solid || ! appearanceNode .getBackMaterial () || this .getBrowser () .getWireframe ())
+      if (this .solid || !appearanceNode .getBackMaterial () || this .getBrowser () .getWireframe ())
       {
          this .displayGeometry (gl, renderContext, appearanceNode, shaderNode, true, true);
       }
       else
       {
-         const backShaderNode = appearanceNode .getBackShader (this, renderContext)
+         const backShaderNode = appearanceNode .getBackShader (this, renderContext);
 
          this .displayGeometry (gl, renderContext, appearanceNode, backShaderNode, true,  false);
          this .displayGeometry (gl, renderContext, appearanceNode, shaderNode,     false, true);
@@ -1015,6 +983,9 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
       if (this .vertexArrayObject .enable (shaderNode))
       {
+         if (this .coordIndices .length)
+            shaderNode .enableCoordIndexAttribute (gl, this .coordIndexBuffer, 0, 0);
+
          for (let i = 0, length = attribNodes .length; i < length; ++ i)
             attribNodes [i] .enable (gl, shaderNode, attribBuffers [i]);
 
@@ -1050,7 +1021,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
             // Render back.
 
-            if (back && ! this .solid)
+            if (back && !this .solid)
             {
                gl .cullFace (gl .FRONT);
                gl .drawArrays (primitiveMode, 0, this .vertexCount);
@@ -1104,7 +1075,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
          appearanceNode = renderContext .appearanceNode,
          shaderNode     = appearanceNode .getShader (this, renderContext);
 
-      if (this .solid || ! appearanceNode .getBackMaterial () || this .getBrowser () .getWireframe ())
+      if (this .solid || !appearanceNode .getBackMaterial () || this .getBrowser () .getWireframe ())
       {
          this .displayParticlesGeometry (gl, renderContext, appearanceNode, shaderNode, true, true, particleSystem);
       }
@@ -1171,7 +1142,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, X3DNode .pro
 
          gl .enable (gl .CULL_FACE);
 
-         if (back && ! this .solid)
+         if (back && !this .solid)
          {
             gl .cullFace (gl .FRONT);
             gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);

package/src/x_ite/Components/Rendering/X3DLineGeometryNode.js

@@ -104,7 +104,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
       gl .bufferData (gl .ARRAY_BUFFER, this .lineStipples, gl .DYNAMIC_DRAW);
 
       gl .bindBuffer (gl .ARRAY_BUFFER, this .trianglesBuffer);
-      gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (15 * 6 * numLines), gl .DYNAMIC_DRAW);
+      gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (16 * 6 * numLines), gl .DYNAMIC_DRAW);
    },
    updateLengthSoFar: (() =>
    {
@@ -163,11 +163,13 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
             if (this .thickVertexArrayObject .enable (shaderNode))
             {
                const
-                  stride            = 15 * Float32Array .BYTES_PER_ELEMENT,
-                  lineStippleOffset = 0,
-                  normalOffset      = 8 * Float32Array .BYTES_PER_ELEMENT,
-                  vertexOffset      = 11 * Float32Array .BYTES_PER_ELEMENT;
+                  stride            = 16 * Float32Array .BYTES_PER_ELEMENT,
+                  coordIndexOffset  = 0,
+                  lineStippleOffset = 1 * Float32Array .BYTES_PER_ELEMENT,
+                  normalOffset      = 9 * Float32Array .BYTES_PER_ELEMENT,
+                  vertexOffset      = 12 * Float32Array .BYTES_PER_ELEMENT;
 
+               shaderNode .enableCoordIndexAttribute  (gl, this .trianglesBuffer, stride, coordIndexOffset);
                shaderNode .enableLineStippleAttribute (gl, this .trianglesBuffer, stride, lineStippleOffset);
 
                if (this .hasNormals)
@@ -188,6 +190,9 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
 
       if (this .vertexArrayObject .enable (shaderNode))
       {
+         if (this .coordIndices .length)
+            shaderNode .enableCoordIndexAttribute (gl, this .coordIndexBuffer, 0, 0);
+
          shaderNode .enableLineStippleAttribute (gl, this .lineStippleBuffer, 0, 0);
 
          if (this .hasNormals)
@@ -248,6 +253,9 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
                if (this .thickVertexArrayObject .enable (transformShaderNode))
                {
                   const
+                     coordIndexStride   = 2 * Float32Array .BYTES_PER_ELEMENT,
+                     coordIndexOffset0  = 0,
+                     coordIndexOffset1  = 1 * Float32Array .BYTES_PER_ELEMENT,
                      lineStippleStride  = 6 * Float32Array .BYTES_PER_ELEMENT,
                      lineStippleOffset0 = 0,
                      lineStippleOffset1 = 3 * Float32Array .BYTES_PER_ELEMENT,
@@ -267,6 +275,12 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
                   // for (let i = 0, length = attribNodes .length; i < length; ++ i)
                   //    attribNodes [i] .enable (gl, shaderNode, attribBuffers [i]);
 
+                  if (this .coordIndices .length)
+                  {
+                     transformShaderNode .enableFloatAttrib (gl, "x3d_CoordIndex0", this .coordIndexBuffer, 1, coordIndexStride, coordIndexOffset0);
+                     transformShaderNode .enableFloatAttrib (gl, "x3d_CoordIndex1", this .coordIndexBuffer, 1, coordIndexStride, coordIndexOffset1);
+                  }
+
                   transformShaderNode .enableFloatAttrib (gl, "x3d_LineStipple0", this .lineStippleBuffer, 3, lineStippleStride, lineStippleOffset0);
                   transformShaderNode .enableFloatAttrib (gl, "x3d_LineStipple1", this .lineStippleBuffer, 3, lineStippleStride, lineStippleOffset1);
 
@@ -305,7 +319,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
 
                // DEBUG
 
-               // const data = new Float32Array (13 * 6 * this .vertexCount / 2);
+               // const data = new Float32Array (16 * 6 * this .vertexCount / 2);
                // gl .bindBuffer (gl .ARRAY_BUFFER, this .trianglesBuffer);
                // gl .getBufferSubData (gl .ARRAY_BUFFER, 0, data);
                // console .log (data);
@@ -324,16 +338,18 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
                if (this .thickVertexArrayObject .enable (shaderNode))
                {
                   const
-                     stride            = 15 * Float32Array .BYTES_PER_ELEMENT,
-                     lineStippleOffset = 0,
-                     fogCoordOffset    = 3 * Float32Array .BYTES_PER_ELEMENT,
-                     colorOffset       = 4 * Float32Array .BYTES_PER_ELEMENT,
-                     normalOffset      = 8 * Float32Array .BYTES_PER_ELEMENT,
-                     vertexOffset      = 11 * Float32Array .BYTES_PER_ELEMENT;
+                     stride            = 16 * Float32Array .BYTES_PER_ELEMENT,
+                     coordIndexOffset  = 0,
+                     lineStippleOffset = 1 * Float32Array .BYTES_PER_ELEMENT,
+                     fogCoordOffset    = 4 * Float32Array .BYTES_PER_ELEMENT,
+                     colorOffset       = 5 * Float32Array .BYTES_PER_ELEMENT,
+                     normalOffset      = 9 * Float32Array .BYTES_PER_ELEMENT,
+                     vertexOffset      = 12 * Float32Array .BYTES_PER_ELEMENT;
 
                   // for (let i = 0, length = attribNodes .length; i < length; ++ i)
                   //    attribNodes [i] .enable (gl, shaderNode, attribBuffers [i]);
 
+                  shaderNode .enableCoordIndexAttribute (gl, this .trianglesBuffer, stride, coordIndexOffset);
                   shaderNode .enableLineStippleAttribute (gl, this .trianglesBuffer, stride, lineStippleOffset);
 
                   if (this .hasFogCoords)
@@ -373,6 +389,9 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, X3DGeome
 
          if (this .vertexArrayObject .enable (shaderNode))
          {
+            if (this .coordIndices .length)
+               shaderNode .enableCoordIndexAttribute (gl, this .coordIndexBuffer, 0, 0);
+
             for (let i = 0, length = attribNodes .length; i < length; ++ i)
                attribNodes [i] .enable (gl, shaderNode, attribBuffers [i]);
 

package/src/x_ite/Components/Rendering/X3DPointGeometryNode.js

@@ -91,6 +91,9 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, X3DGeom
 
       if (this .vertexArrayObject .enable (shaderNode))
       {
+         if (this .coordIndices .length)
+            shaderNode .enableCoordIndexAttribute (gl, this .coordIndexBuffer, 0, 0);
+
          for (let i = 0, length = attribNodes .length; i < length; ++ i)
             attribNodes [i] .enable (gl, shaderNode, attribBuffers [i]);
 

package/src/x_ite/Components/RigidBodyPhysics/RigidBody.js

@@ -63,9 +63,9 @@ function RigidBody (executionContext)
 
    this .addType (X3DConstants .RigidBody);
 
-   this .addChildObjects ("collection",    new Fields .SFNode (),
-                          "transform",     new Fields .SFTime (),
-                          "otherGeometry", new Fields .MFNode ());
+   this .addChildObjects (X3DConstants .inputOutput, "collection",    new Fields .SFNode (),
+                          X3DConstants .inputOutput, "transform",     new Fields .SFTime (),
+                          X3DConstants .inputOutput, "otherGeometry", new Fields .MFNode ());
 
    this ._position            .setUnit ("length");
    this ._linearVelocity      .setUnit ("speed");

package/src/x_ite/Components/RigidBodyPhysics/X3DNBodyCollidableNode.js

@@ -60,8 +60,8 @@ function X3DNBodyCollidableNode (executionContext)
 
    this .addType (X3DConstants .X3DNBodyCollidableNode);
 
-   this .addChildObjects ("body",                  new Fields .SFNode (),
-                          "compoundShape_changed", new Fields .SFTime ());
+   this .addChildObjects (X3DConstants .inputOutput, "body",                  new Fields .SFNode (),
+                          X3DConstants .outputOnly,  "compoundShape_changed", new Fields .SFTime ());
 
    // Units
 

package/src/x_ite/Components/RigidBodyPhysics/X3DRigidJointNode.js

@@ -57,7 +57,7 @@ function X3DRigidJointNode (executionContext)
 
    this .addType (X3DConstants .X3DRigidJointNode);
 
-   this .addChildObjects ("collection", new Fields .SFNode ());
+   this .addChildObjects (X3DConstants .inputOutput, "collection", new Fields .SFNode ());
 
    this .bodyNode1             = null;
    this .bodyNode2             = null;

package/src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js

@@ -274,7 +274,10 @@ Object .assign (X3DProgrammableShaderObject .prototype,
             this .x3d_TexCoord .push ([i, x3d_TexCoord]);
       }
 
-      this .x3d_TexCoordRamp = gl .getUniformLocation (program, "x3d_TexCoordRamp");
+      this .x3d_TexCoordRamp         = gl .getUniformLocation (program, "x3d_TexCoordRamp");
+      this .x3d_JointsTexture        = gl .getUniformLocation (program, "x3d_JointsTexture");
+      this .x3d_DisplacementsTexture = gl .getUniformLocation (program, "x3d_DisplacementsTexture");
+      this .x3d_JointMatricesTexture = gl .getUniformLocation (program, "x3d_JointMatricesTexture");
 
       this .x3d_Viewport          = gl .getUniformLocation (program, "x3d_Viewport");
       this .x3d_ProjectionMatrix  = gl .getUniformLocation (program, "x3d_ProjectionMatrix");
@@ -287,6 +290,7 @@ Object .assign (X3DProgrammableShaderObject .prototype,
        */
 
       const attributes = [
+         "CoordIndex",
          "LineStipple",
          "FogDepth",
          "Color",
@@ -357,7 +361,10 @@ Object .assign (X3DProgrammableShaderObject .prototype,
       for (const uniform of this .x3d_ProjectiveTexture)
          gl .uniform1i (uniform, browser .getDefaultTexture2DUnit ());
 
-      gl .uniform1i (this .x3d_TexCoordRamp, browser .getDefaultTexture2DUnit ());
+      gl .uniform1i (this .x3d_TexCoordRamp,         browser .getDefaultTexture2DUnit ());
+      gl .uniform1i (this .x3d_JoinsTexture,         browser .getDefaultTexture2DUnit ());
+      gl .uniform1i (this .x3d_DisplacementsTexture, browser .getDefaultTexture2DUnit ());
+      gl .uniform1i (this .x3d_JointMatricesTexture, browser .getDefaultTexture2DUnit ());
    },
    getUniformLocation (gl, program, name, depreciated)
    {
@@ -972,14 +979,12 @@ Object .assign (X3DProgrammableShaderObject .prototype,
 
       return function (gl, geometryContext, renderContext, front = true)
       {
+         const { renderObject, fogNode, appearanceNode, humanoidNode, modelViewMatrix } = renderContext;
+
          const
-            renderObject        = renderContext .renderObject,
-            fogNode             = renderContext .fogNode,
-            appearanceNode      = renderContext .appearanceNode,
             stylePropertiesNode = appearanceNode .getStyleProperties (geometryContext .geometryType),
             materialNode        = front ? appearanceNode .getMaterial () : appearanceNode .getBackMaterial (),
-            textureNode         = renderContext .textureNode || appearanceNode .getTexture (),
-            modelViewMatrix     = renderContext .modelViewMatrix;
+            textureNode         = renderContext .textureNode || appearanceNode .getTexture ();
 
          // Set global uniforms.
 
@@ -1075,6 +1080,10 @@ Object .assign (X3DProgrammableShaderObject .prototype,
 
          appearanceNode  .getTextureTransform ()  .setShaderUniforms (gl, this);
          geometryContext .getTextureCoordinate () .setShaderUniforms (gl, this);
+
+         // Skinning
+
+         humanoidNode ?.setShaderUniforms (gl, this);
       };
    })(),
    enable (gl)
@@ -1147,6 +1156,14 @@ Object .assign (X3DProgrammableShaderObject .prototype,
          gl .vertexAttribPointer (location, 4, gl .FLOAT, false, stride, offset + 16 * i);
       }
    },
+   enableCoordIndexAttribute (gl, buffer, stride, offset)
+   {
+      const location = this .x3d_CoordIndex;
+
+      gl .bindBuffer (gl .ARRAY_BUFFER, buffer);
+      gl .enableVertexAttribArray (location);
+      gl .vertexAttribPointer (location, 1, gl .FLOAT, false, stride, offset); // gl .UNSIGNED_INT
+   },
    enableLineStippleAttribute (gl, buffer, stride, offset)
    {
       const location = this .x3d_LineStipple;

package/src/x_ite/Components/Shaders/X3DVertexAttributeNode.js

@@ -55,7 +55,7 @@ function X3DVertexAttributeNode (executionContext)
 
    this .addType (X3DConstants .X3DVertexAttributeNode);
 
-   this .addChildObjects ("attribute_changed", new Fields .SFTime ());
+   this .addChildObjects (X3DConstants .outputOnly, "attribute_changed", new Fields .SFTime ());
 }
 
 Object .assign (Object .setPrototypeOf (X3DVertexAttributeNode .prototype, X3DGeometricPropertyNode .prototype),

package/src/x_ite/Components/Shape/FillProperties.js

@@ -57,9 +57,7 @@ function FillProperties (executionContext)
 
    this .addType (X3DConstants .FillProperties);
 
-   this .addChildObjects ("transparent", new Fields .SFBool ());
-
-   this ._transparent .setAccessType (X3DConstants .outputOnly);
+   this .addChildObjects (X3DConstants .outputOnly, "transparent", new Fields .SFBool ());
 
    this .hatchColor = new Float32Array (3);
 }

package/src/x_ite/Components/Shape/X3DAppearanceNode.js

@@ -55,9 +55,7 @@ function X3DAppearanceNode (executionContext)
 
    this .addType (X3DConstants .X3DAppearanceNode);
 
-   this .addChildObjects ("transparent", new Fields .SFBool ());
-
-   this ._transparent .setAccessType (X3DConstants .outputOnly);
+   this .addChildObjects (X3DConstants .outputOnly, "transparent", new Fields .SFBool ());
 }
 
 Object .assign (Object .setPrototypeOf (X3DAppearanceNode .prototype, X3DNode .prototype),

package/src/x_ite/Components/Shape/X3DMaterialNode.js

@@ -57,9 +57,7 @@ function X3DMaterialNode (executionContext)
 
    this .addType (X3DConstants .X3DMaterialNode);
 
-   this .addChildObjects ("transparent", new Fields .SFBool ());
-
-   this ._transparent .setAccessType (X3DConstants .outputOnly);
+   this .addChildObjects (X3DConstants .outputOnly, "transparent", new Fields .SFBool ());
 
    this .textureBits = new BitSet ();
    this .shaderNodes = this .getBrowser () .getShaders ();
@@ -113,7 +111,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, X3DAppearanc
 
       if (renderContext)
       {
-         const { renderObject, transparent, shadows, fogNode, shapeNode, appearanceNode, textureNode, objectsCount } = renderContext;
+         const { renderObject, transparent, shadows, fogNode, shapeNode, appearanceNode, textureNode, humanoidNode, objectsCount } = renderContext;
 
          key += this .logarithmicDepthBuffer || renderObject .getViewpoint () .getLogarithmicDepthBuffer () ? 1 : 0;
          key += appearanceNode .getNormalizedAlphaMode (transparent);
@@ -124,6 +122,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, X3DAppearanc
          key += appearanceNode .getStyleProperties (geometryContext .geometryType) ? 1 : 0;
          key += appearanceNode .getTextureTransformMapping () .size || 1;
          key += geometryContext .textureCoordinateMapping .size || 1;
+         key += humanoidNode ? 1 : 0;
          key += ".";
          key += objectsCount [0]; // Clip planes
          key += ".";
@@ -140,7 +139,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, X3DAppearanc
          key += this .logarithmicDepthBuffer ? 1 : 0;
          key += geometryContext .alphaMode;
          key += this .getMaterialKey (false);
-         key += "000011";
+         key += "0000110";
          key += ".";
          key += objectsCount [0]; // Clip planes
          key += ".";
@@ -172,7 +171,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, X3DAppearanc
 
       if (renderContext)
       {
-         const { renderObject, fogNode, shapeNode, appearanceNode, objectsCount } = renderContext;
+         const { renderObject, fogNode, shapeNode, appearanceNode, humanoidNode, objectsCount } = renderContext;
 
          if (this .logarithmicDepthBuffer || renderObject .getViewpoint () .getLogarithmicDepthBuffer ())
             options .push ("X3D_LOGARITHMIC_DEPTH_BUFFER");
@@ -203,6 +202,9 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, X3DAppearanc
                break;
          }
 
+         if (humanoidNode)
+            options .push ("X3D_SKINNING");
+
          if (objectsCount [0])
          {
             options .push ("X3D_CLIP_PLANES")

package/src/x_ite/Components/Shape/X3DOneSidedMaterialNode.js

@@ -57,8 +57,6 @@ function X3DOneSidedMaterialNode (executionContext)
 
    this .addType (X3DConstants .X3DOneSidedMaterialNode);
 
-   this .addChildObjects ("textures", new Fields .SFTime ());
-
    this .emissiveColor = new Float32Array (3);
 }
 

package/src/x_ite/Components/Sound/AudioClip.js

@@ -60,7 +60,7 @@ function AudioClip (executionContext)
 
    this .addType (X3DConstants .AudioClip);
 
-   this .addChildObjects ("speed", new Fields .SFFloat (1));
+   this .addChildObjects (X3DConstants .inputOutput, "speed", new Fields .SFFloat (1));
 
    this .audio    = $("<audio></audio>");
    this .urlStack = new Fields .MFString ();

package/src/x_ite/Components/Sound/BufferAudioSource.js

@@ -59,7 +59,7 @@ function BufferAudioSource (executionContext)
 
    this .addType (X3DConstants .BufferAudioSource);
 
-   this .addChildObjects ("speed", new Fields .SFFloat (1));
+   this .addChildObjects (X3DConstants .inputOutput, "speed", new Fields .SFFloat (1));
 }
 
 Object .assign (Object .setPrototypeOf (BufferAudioSource .prototype, X3DSoundSourceNode .prototype),

package/src/x_ite/Components/Sound/ListenerPointSource.js

@@ -57,8 +57,8 @@ function ListenerPointSource (executionContext)
 
    this .addType (X3DConstants .ListenerPointSource);
 
-   this .addChildObjects ("loop",  new Fields .SFBool (),
-                          "speed", new Fields .SFFloat (1));
+   this .addChildObjects (X3DConstants .inputOutput, "loop",  new Fields .SFBool (),
+                          X3DConstants .inputOutput, "speed", new Fields .SFFloat (1));
 
    this ._position .setUnit ("length");
 }

package/src/x_ite/Components/Sound/MicrophoneSource.js

@@ -57,8 +57,8 @@ function MicrophoneSource (executionContext)
 
    this .addType (X3DConstants .MicrophoneSource);
 
-   this .addChildObjects ("loop",  new Fields .SFBool (),
-                          "speed", new Fields .SFFloat (1));
+   this .addChildObjects (X3DConstants .inputOutput, "loop",  new Fields .SFBool (),
+                          X3DConstants .inputOutput, "speed", new Fields .SFFloat (1));
 }
 
 Object .setPrototypeOf (MicrophoneSource .prototype, X3DSoundSourceNode .prototype);

package/src/x_ite/Components/Sound/OscillatorSource.js

@@ -57,8 +57,8 @@ function OscillatorSource (executionContext)
 
    this .addType (X3DConstants .OscillatorSource);
 
-   this .addChildObjects ("loop",  new Fields .SFBool (),
-                          "speed", new Fields .SFFloat (1));
+   this .addChildObjects (X3DConstants .inputOutput, "loop",  new Fields .SFBool (),
+                          X3DConstants .inputOutput, "speed", new Fields .SFFloat (1));
 }
 
 Object .setPrototypeOf (OscillatorSource .prototype, X3DSoundSourceNode .prototype);