x_ite 5.0.2 → 6.0.0

package/src/x_ite/Components/EnvironmentalEffects/X3DBackgroundNode.js

@@ -49,6 +49,7 @@
 
 define ([
    "x_ite/Components/Core/X3DBindableNode",
+   "x_ite/Rendering/VertexArray",
    "x_ite/Rendering/TraverseType",
    "x_ite/Base/X3DConstants",
    "standard/Math/Geometry/ViewVolume",
@@ -59,6 +60,7 @@ define ([
    "standard/Math/Algorithm",
 ],
 function (X3DBindableNode,
+          VertexArray,
           TraverseType,
           X3DConstants,
           ViewVolume,
@@ -174,19 +176,28 @@ function (X3DBindableNode,
       {
          X3DBindableNode .prototype .initialize .call (this);
 
-         const gl = this .getBrowser () .getContext ();
-
-         this .colorBuffer     = gl .createBuffer ();
-         this .sphereBuffer    = gl .createBuffer ();
-         this .texCoordBuffer  = gl .createBuffer ();
-         this .cubeBuffer      = gl .createBuffer ();
-         this .texCoordBuffers = [ gl .createBuffer () ];
-         this .frontBuffer     = gl .createBuffer ();
-         this .backBuffer      = gl .createBuffer ();
-         this .leftBuffer      = gl .createBuffer ();
-         this .rightBuffer     = gl .createBuffer ();
-         this .topBuffer       = gl .createBuffer ();
-         this .bottomBuffer    = gl .createBuffer ();
+         const
+            browser = this .getBrowser (),
+            gl      = browser .getContext ();
+
+         this .colorBuffer       = gl .createBuffer ();
+         this .sphereBuffer      = gl .createBuffer ();
+         this .texCoordBuffer    = gl .createBuffer ();
+         this .cubeBuffer        = gl .createBuffer ();
+         this .texCoordBuffers   = new Array (browser .getMaxTextures ()) .fill (gl .createBuffer ());
+         this .frontBuffer       = gl .createBuffer ();
+         this .backBuffer        = gl .createBuffer ();
+         this .leftBuffer        = gl .createBuffer ();
+         this .rightBuffer       = gl .createBuffer ();
+         this .topBuffer         = gl .createBuffer ();
+         this .bottomBuffer      = gl .createBuffer ();
+         this .sphereArrayObject = new VertexArray ();
+         this .frontArrayObject  = new VertexArray ();
+         this .backArrayObject   = new VertexArray ();
+         this .leftArrayObject   = new VertexArray ();
+         this .rightArrayObject  = new VertexArray ();
+         this .topArrayObject    = new VertexArray ();
+         this .bottomArrayObject = new VertexArray ();
 
          this ._groundAngle  .addInterest ("build", this);
          this ._groundColor  .addInterest ("build", this);
@@ -283,7 +294,7 @@ function (X3DBindableNode,
       },
       getColor: function (theta, color, angle)
       {
-         const index = Algorithm .upperBound (angle, 0, angle .length, theta, Algorithm .less);
+         const index = Algorithm .upperBound (angle, 0, angle .length, theta);
 
          return color [index];
       },
@@ -431,12 +442,12 @@ function (X3DBindableNode,
          // Transfer colors.
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .colorBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (this .colors), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (this .colors), gl .DYNAMIC_DRAW);
 
          // Transfer sphere.
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .sphereBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (this .sphere), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (this .sphere), gl .DYNAMIC_DRAW);
          this .sphereCount = this .sphere .length / 4;
       },
       transferRectangle: function ()
@@ -446,27 +457,27 @@ function (X3DBindableNode,
          // Transfer texCoords.
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .texCoordBuffers [0]);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (texCoords), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (texCoords), gl .DYNAMIC_DRAW);
 
          // Transfer rectangle.
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .frontBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (frontVertices), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (frontVertices), gl .DYNAMIC_DRAW);
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .backBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (backVertices), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (backVertices), gl .DYNAMIC_DRAW);
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .leftBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (leftVertices), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (leftVertices), gl .DYNAMIC_DRAW);
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .rightBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (rightVertices), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (rightVertices), gl .DYNAMIC_DRAW);
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .topBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (topVertices), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (topVertices), gl .DYNAMIC_DRAW);
 
          gl .bindBuffer (gl .ARRAY_BUFFER, this .bottomBuffer);
-         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (bottomVertices), gl .STATIC_DRAW);
+         gl .bufferData (gl .ARRAY_BUFFER, new Float32Array (bottomVertices), gl .DYNAMIC_DRAW);
       },
       traverse: function (type, renderObject)
       {
@@ -504,48 +515,41 @@ function (X3DBindableNode,
 
          return function (gl, renderObject, viewport)
          {
-            try
-            {
-               if (this .hidden)
-                  return;
+            if (this .hidden)
+               return;
 
-               // Setup context.
+            // Setup context.
 
-               gl .disable (gl .DEPTH_TEST);
-               gl .depthMask (false);
-               gl .enable (gl .CULL_FACE);
-               gl .frontFace (gl .CCW);
+            gl .disable (gl .DEPTH_TEST);
+            gl .depthMask (false);
+            gl .enable (gl .CULL_FACE);
+            gl .frontFace (gl .CCW);
 
-               // Get background scale.
+            // Get background scale.
 
-               const farValue = -ViewVolume .unProjectPointMatrix (0, 0, 1, invProjectionMatrix .assign (renderObject .getProjectionMatrix () .get ()) .inverse (), viewport, farVector) .z * 0.8;
+            const farValue = -ViewVolume .unProjectPointMatrix (0, 0, 1, invProjectionMatrix .assign (renderObject .getProjectionMatrix () .get ()) .inverse (), viewport, farVector) .z * 0.8;
 
-               // Get projection matrix.
+            // Get projection matrix.
 
-               this .projectionMatrixArray .set (renderObject .getProjectionMatrix () .get ());
+            this .projectionMatrixArray .set (renderObject .getProjectionMatrix () .get ());
 
-               // Rotate and scale background.
+            // Rotate and scale background.
 
-               modelViewMatrix .assign (this .modelMatrix);
-               modelViewMatrix .multRight (renderObject .getViewMatrix () .get ());
-               modelViewMatrix .get (null, rotation);
-               modelViewMatrix .identity ();
-               modelViewMatrix .rotate (rotation);
-               modelViewMatrix .scale (scale .set (farValue, farValue, farValue));
+            modelViewMatrix .assign (this .modelMatrix);
+            modelViewMatrix .multRight (renderObject .getViewMatrix () .get ());
+            modelViewMatrix .get (null, rotation);
+            modelViewMatrix .identity ();
+            modelViewMatrix .rotate (rotation);
+            modelViewMatrix .scale (scale .set (farValue, farValue, farValue));
 
-               this .modelViewMatrixArray .set (modelViewMatrix);
+            this .modelViewMatrixArray .set (modelViewMatrix);
 
-               // Draw background sphere and texture cube.
+            // Draw background sphere and texture cube.
 
-               this .drawSphere (renderObject);
+            this .drawSphere (renderObject);
 
-               if (this .textures)
-                  this .drawCube (renderObject);
-            }
-            catch (error)
-            {
-               console .error (error);
-            }
+            if (this .textures)
+               this .drawCube (renderObject);
          };
       })(),
       drawSphere: function (renderObject)
@@ -560,7 +564,7 @@ function (X3DBindableNode,
             gl         = browser .getContext (),
             shaderNode = browser .getBackgroundSphereShader ();
 
-         if (shaderNode .getValid ())
+         if (shaderNode .isValid ())
          {
             shaderNode .enable (gl);
 
@@ -570,8 +574,11 @@ function (X3DBindableNode,
 
             // Enable vertex attribute arrays.
 
-            shaderNode .enableColorAttribute  (gl, this .colorBuffer);
-            shaderNode .enableVertexAttribute (gl, this .sphereBuffer);
+            if (this .sphereArrayObject .enable (gl, shaderNode))
+            {
+               shaderNode .enableColorAttribute  (gl, this .colorBuffer,  0, 0);
+               shaderNode .enableVertexAttribute (gl, this .sphereBuffer, 0, 0);
+            }
 
             // Uniforms
 
@@ -588,10 +595,6 @@ function (X3DBindableNode,
             // Draw.
 
             gl .drawArrays (gl .TRIANGLES, 0, this .sphereCount);
-
-            // Disable vertex attribute arrays.
-
-            shaderNode .disableColorAttribute (gl);
          }
       },
       drawCube: (function ()
@@ -607,7 +610,7 @@ function (X3DBindableNode,
                gl         = browser .getContext (),
                shaderNode = browser .getUnlitShader ();
 
-            if (shaderNode .getValid ())
+            if (shaderNode .isValid ())
             {
                shaderNode .enable (gl);
 
@@ -615,10 +618,6 @@ function (X3DBindableNode,
 
                shaderNode .setLocalObjects (gl, this .localObjects);
 
-               // Enable vertex attribute arrays.
-
-               shaderNode .enableTexCoordAttribute (gl, this .texCoordBuffers);
-
                // Uniforms
 
                gl .uniform1i  (shaderNode .x3d_FogType,                            0);
@@ -638,20 +637,16 @@ function (X3DBindableNode,
 
                // Draw.
 
-               this .drawRectangle (gl, browser, shaderNode, renderObject, this .frontTexture,  this .frontBuffer);
-               this .drawRectangle (gl, browser, shaderNode, renderObject, this .backTexture,   this .backBuffer);
-               this .drawRectangle (gl, browser, shaderNode, renderObject, this .leftTexture,   this .leftBuffer);
-               this .drawRectangle (gl, browser, shaderNode, renderObject, this .rightTexture,  this .rightBuffer);
-               this .drawRectangle (gl, browser, shaderNode, renderObject, this .topTexture,    this .topBuffer);
-               this .drawRectangle (gl, browser, shaderNode, renderObject, this .bottomTexture, this .bottomBuffer);
-
-               // Disable vertex attribute arrays.
-
-               shaderNode .disableTexCoordAttribute (gl);
+               this .drawRectangle (gl, browser, shaderNode, renderObject, this .frontTexture,  this .frontBuffer,  this .frontArrayObject);
+               this .drawRectangle (gl, browser, shaderNode, renderObject, this .backTexture,   this .backBuffer,   this .backArrayObject);
+               this .drawRectangle (gl, browser, shaderNode, renderObject, this .leftTexture,   this .leftBuffer,   this .leftArrayObject);
+               this .drawRectangle (gl, browser, shaderNode, renderObject, this .rightTexture,  this .rightBuffer,  this .rightArrayObject);
+               this .drawRectangle (gl, browser, shaderNode, renderObject, this .topTexture,    this .topBuffer,    this .topArrayObject);
+               this .drawRectangle (gl, browser, shaderNode, renderObject, this .bottomTexture, this .bottomBuffer, this .bottomArrayObject);
             }
          };
       })(),
-      drawRectangle: function (gl, browser, shaderNode, renderObject, texture, buffer)
+      drawRectangle: function (gl, browser, shaderNode, renderObject, texture, buffer, vertexArray)
       {
          if (texture && (texture .checkLoadState () === X3DConstants .COMPLETE_STATE || texture .getData ()))
          {
@@ -662,7 +657,11 @@ function (X3DBindableNode,
             else
                gl .disable (gl .BLEND);
 
-            shaderNode .enableVertexAttribute (gl, buffer);
+            if (vertexArray .enable (gl, shaderNode))
+            {
+               shaderNode .enableTexCoordAttribute (gl, this .texCoordBuffers, 0, 0);
+               shaderNode .enableVertexAttribute (gl, buffer, 0, 0);
+            }
 
             // Draw.
 

package/src/x_ite/Components/EnvironmentalEffects/X3DFogObject.js

@@ -71,15 +71,8 @@ function (X3DConstants,
       set: function (fogNode, modelViewMatrix)
       {
          this .fogNode = fogNode;
-
-         try
-         {
-            this .fogMatrix .set (modelViewMatrix .submatrix .inverse ());
-         }
-         catch (error)
-         {
-            this .fogMatrix .set (Matrix3 .Identity);
-         }
+         
+         this .fogMatrix .set (modelViewMatrix .submatrix .inverse ());
       },
       setShaderUniforms: function (gl, shaderObject)
       {

package/src/x_ite/Components/EnvironmentalSensor/ProximitySensor.js

@@ -165,61 +165,54 @@ function (Fields,
 
          return function ()
          {
-            try
+            if (this .inside && this .getTraversed ())
             {
-               if (this .inside && this .getTraversed ())
+               if (this .viewpointNode)
                {
-                  if (this .viewpointNode)
-                  {
-                     const modelMatrix = this .modelMatrix;
+                  const modelMatrix = this .modelMatrix;
 
-                     centerOfRotationMatrix .assign (this .viewpointNode .getModelMatrix ());
-                     centerOfRotationMatrix .translate (this .viewpointNode .getUserCenterOfRotation ());
-                     centerOfRotationMatrix .multRight (invModelMatrix .assign (modelMatrix) .inverse ());
+                  centerOfRotationMatrix .assign (this .viewpointNode .getModelMatrix ());
+                  centerOfRotationMatrix .translate (this .viewpointNode .getUserCenterOfRotation ());
+                  centerOfRotationMatrix .multRight (invModelMatrix .assign (modelMatrix) .inverse ());
 
-                     modelMatrix .multRight (this .viewpointNode .getViewMatrix ());
-                     modelMatrix .get (null, orientation);
-                     modelMatrix .inverse ();
+                  modelMatrix .multRight (this .viewpointNode .getViewMatrix ());
+                  modelMatrix .get (null, orientation);
+                  modelMatrix .inverse ();
 
-                     position .set (modelMatrix [12], modelMatrix [13], modelMatrix [14]);
+                  position .set (modelMatrix [12], modelMatrix [13], modelMatrix [14]);
 
-                     orientation .inverse ();
+                  orientation .inverse ();
 
-                     centerOfRotation .set (centerOfRotationMatrix [12], centerOfRotationMatrix [13], centerOfRotationMatrix [14]);
+                  centerOfRotation .set (centerOfRotationMatrix [12], centerOfRotationMatrix [13], centerOfRotationMatrix [14]);
 
-                     if (this ._isActive .getValue ())
-                     {
-                        if (! this ._position_changed .getValue () .equals (position))
-                           this ._position_changed = position;
+                  if (this ._isActive .getValue ())
+                  {
+                     if (! this ._position_changed .getValue () .equals (position))
+                        this ._position_changed = position;
 
-                        if (! this ._orientation_changed .getValue () .equals (orientation))
-                           this ._orientation_changed = orientation;
+                     if (! this ._orientation_changed .getValue () .equals (orientation))
+                        this ._orientation_changed = orientation;
 
-                        if (! this ._centerOfRotation_changed .getValue () .equals (centerOfRotation))
-                           this ._centerOfRotation_changed = centerOfRotation;
-                     }
-                     else
-                     {
-                        this ._isActive                 = true;
-                        this ._enterTime                = this .getBrowser () .getCurrentTime ();
-                        this ._position_changed         = position;
-                        this ._orientation_changed      = orientation;
+                     if (! this ._centerOfRotation_changed .getValue () .equals (centerOfRotation))
                         this ._centerOfRotation_changed = centerOfRotation;
-                     }
                   }
-               }
-               else
-               {
-                  if (this ._isActive .getValue ())
+                  else
                   {
-                     this ._isActive = false;
-                     this ._exitTime = this .getBrowser () .getCurrentTime ();
+                     this ._isActive                 = true;
+                     this ._enterTime                = this .getBrowser () .getCurrentTime ();
+                     this ._position_changed         = position;
+                     this ._orientation_changed      = orientation;
+                     this ._centerOfRotation_changed = centerOfRotation;
                   }
                }
             }
-            catch (error)
+            else
             {
-               //console .log (error .message);
+               if (this ._isActive .getValue ())
+               {
+                  this ._isActive = false;
+                  this ._exitTime = this .getBrowser () .getCurrentTime ();
+               }
             }
 
             this .inside        = false;
@@ -236,42 +229,35 @@ function (Fields,
 
          return function (type, renderObject)
          {
-            try
+            switch (type)
             {
-               switch (type)
+               case TraverseType .CAMERA:
                {
-                  case TraverseType .CAMERA:
-                  {
-                     this .viewpointNode = renderObject .getViewpoint ();
-                     this .modelMatrix .assign (renderObject .getModelViewMatrix () .get ());
+                  this .viewpointNode = renderObject .getViewpoint ();
+                  this .modelMatrix .assign (renderObject .getModelViewMatrix () .get ());
+                  return;
+               }
+               case TraverseType .DISPLAY:
+               {
+                  this .setTraversed (true);
+
+                  if (this .inside)
                      return;
+
+                  if (this ._size .getValue () .equals (infinity))
+                  {
+                     this .inside = true;
                   }
-                  case TraverseType .DISPLAY:
+                  else
                   {
-                     this .setTraversed (true);
-
-                     if (this .inside)
-                        return;
-
-                     if (this ._size .getValue () .equals (infinity))
-                     {
-                        this .inside = true;
-                     }
-                     else
-                     {
-                        invModelViewMatrix .assign (renderObject .getModelViewMatrix () .get ()) .inverse ();
+                     invModelViewMatrix .assign (renderObject .getModelViewMatrix () .get ()) .inverse ();
 
-                        this .inside = this .containsPoint (invModelViewMatrix .origin);
-                     }
-
-                     return;
+                     this .inside = this .containsPoint (invModelViewMatrix .origin);
                   }
+
+                  return;
                }
             }
-            catch (error)
-            {
-               console .error (error);
-            }
          };
       })(),
       containsPoint: function (point)

package/src/x_ite/Components/EventUtilities/X3DSequencerNode.js

@@ -99,7 +99,7 @@ function (X3DChildNode,
 
          else
          {
-            const index = Algorithm .upperBound (key, 0, length, fraction, Algorithm .less);
+            const index = Algorithm .upperBound (key, 0, length, fraction);
 
             i = index - 1;
          }

package/src/x_ite/Components/Followers/X3DChaserNode.js

@@ -170,33 +170,24 @@ function (X3DFollowerNode,
       },
       prepareEvents: function ()
       {
-         try
-         {
-            var
-               buffer     = this .getBuffer (),
-               numBuffers = buffer .length,
-               fraction   = this .updateBuffer ();
-
-            this .output = this .interpolate (this .previousValue,
-                                              buffer [numBuffers - 1],
-                                              this .stepResponse ((numBuffers - 1 + fraction) * this .stepTime));
-
-            for (var i = numBuffers - 2; i >= 0; -- i)
-            {
-               this .step (buffer [i], buffer [i + 1], this .stepResponse ((i + fraction) * this .stepTime));
-            }
+         var
+            buffer     = this .getBuffer (),
+            numBuffers = buffer .length,
+            fraction   = this .updateBuffer ();
 
-            this .setValue (this .output);
+         this .output = this .interpolate (this .previousValue,
+                                             buffer [numBuffers - 1],
+                                             this .stepResponse ((numBuffers - 1 + fraction) * this .stepTime));
 
-            if (this .equals (this .output, this .destination, this .getTolerance ()))
-               this .set_active (false);
-         }
-         catch (error)
+         for (var i = numBuffers - 2; i >= 0; -- i)
          {
-            // Catch error from Rotation4.slerp.
-
-            //console .error (error);
+            this .step (buffer [i], buffer [i + 1], this .stepResponse ((i + fraction) * this .stepTime));
          }
+
+         this .setValue (this .output);
+
+         if (this .equals (this .output, this .destination, this .getTolerance ()))
+            this .set_active (false);
       },
       updateBuffer: function ()
       {
@@ -222,15 +213,10 @@ function (X3DFollowerNode,
 
                for (var i = 0; i < seconds; ++ i)
                {
-                  try
-                  {
-                     var alpha = i / seconds;
-
-                     this .assign (buffer, i, this .interpolate (this .destination, buffer [seconds], alpha))
-                  }
-                  catch (error)
-                  { }
-                }
+                  var alpha = i / seconds;
+
+                  this .assign (buffer, i, this .interpolate (this .destination, buffer [seconds], alpha))
+               }
             }
             else
             {

package/src/x_ite/Components/Followers/X3DDamperNode.js

@@ -117,12 +117,7 @@ function (X3DFollowerNode,
 
             for (var i = 0; i < order; ++ i)
             {
-               try
-               {
-                  this .assign (buffer, i + 1, this .interpolate (buffer [i], buffer [i + 1], alpha));
-               }
-               catch (error)
-               { }
+               this .assign (buffer, i + 1, this .interpolate (buffer [i], buffer [i + 1], alpha));
             }
 
             this .setValue (buffer [order]);

package/src/x_ite/Components/Geometry2D/TriangleSet2D.js

@@ -131,7 +131,7 @@ function (Fields,
             texCoordArray .shrinkToFit ();
          }
 
-         return texCoordArray;
+         this .getMultiTexCoords () .push (texCoordArray);
       },
    });
 

package/src/x_ite/Components/Geometry3D/ElevationGrid.js

@@ -144,7 +144,10 @@ function (Fields,
          const attribNodes = this .getAttrib ();
 
          for (const attribNode of attribNodes)
+         {
             attribNode .removeInterest ("requestRebuild", this);
+            attribNode ._attribute_changed .removeInterest ("updateVertexArrays", this);
+         }
 
          attribNodes .length = 0;
 
@@ -157,7 +160,12 @@ function (Fields,
          }
 
          for (const attribNode of attribNodes)
+         {
             attribNode .addInterest ("requestRebuild", this);
+            attribNode ._attribute_changed .addInterest ("updateVertexArrays", this);
+         }
+
+         this .updateVertexArrays ();
       },
       set_fogCoord__: function ()
       {
@@ -350,8 +358,8 @@ function (Fields,
             normalPerVertex    = this ._normalPerVertex .getValue (),
             coordIndex         = this .createCoordIndex (),
             attribNodes        = this .getAttrib (),
-            numAttrib          = attribNodes .length,
-            attribs            = this .getAttribs (),
+            numAttribNodes     = attribNodes .length,
+            attribArrays       = this .getAttribs (),
             fogCoordNode       = this .fogCoordNode,
             colorNode          = this .getColor (),
             texCoordNode       = this .getTexCoord (),
@@ -388,8 +396,8 @@ function (Fields,
                   index = coordIndex [c],
                   point = points [index];
 
-               for (let a = 0; a < numAttrib; ++ a)
-                  attribNodes [a] .addValue (index, attribs [a]);
+               for (let a = 0; a < numAttribNodes; ++ a)
+                  attribNodes [a] .addValue (index, attribArrays [a]);
 
                if (fogCoordNode)
                   fogCoordNode .addDepth (index, fogDepthArray);

package/src/x_ite/Components/Geometry3D/IndexedFaceSet.js

@@ -177,8 +177,8 @@ function (Fields,
             normalPerVertex    = this ._normalPerVertex .getValue (),
             coordIndex         = this ._coordIndex .getValue (),
             attribNodes        = this .getAttrib (),
-            numAttrib          = attribNodes .length,
-            attribs            = this .getAttribs (),
+            numAttribNodes     = attribNodes .length,
+            attribArrays       = this .getAttribs (),
             fogCoordNode       = this .getFogCoord (),
             colorNode          = this .getColor (),
             texCoordNode       = this .getTexCoord (),
@@ -203,8 +203,8 @@ function (Fields,
             {
                const index = coordIndex [i];
 
-               for (let a = 0; a < numAttrib; ++ a)
-                  attribNodes [a] .addValue (index, attribs [a]);
+               for (let a = 0; a < numAttribNodes; ++ a)
+                  attribNodes [a] .addValue (index, attribArrays [a]);
 
                if (fogCoordNode)
                   fogCoordNode .addDepth (index, fogDepthArray);