zincjs 3.0.0 → 3.0.1

package/src/primitives/label.js

@@ -25,16 +25,20 @@ const Label = function (textIn, colourIn) {
   let fontWeight = 500;
   const textHeight = 0.012;
   //The canvas resolution is chosen from the size of the text on screen
-  sprite = createTextSprite(text, textHeight,
-    colourIn ? colourIn.getStyle() : undefined, "Asap", fontWeight);
+  sprite = createTextSprite(
+    text,
+    textHeight,
+    colourIn ? colourIn.getStyle() : undefined,
+    'Asap',
+    fontWeight,
+  );
   sprite.center.x = -0.05;
   sprite.center.y = 0;
   //SpriteText replaces the texture whenever the text, colour or size
   //changes, the settings need to be re-applied to the new texture.
   const applyTextureSettings = () => {
     applyTextSpriteTextureSettings(sprite);
-  }
-
+  };
 
   /**
    * Get the current position in an array containing the x, y and z
@@ -43,10 +47,9 @@ const Label = function (textIn, colourIn) {
    * @return {Array}
    */
   this.getPosition = () => {
-    if (sprite)
-      return [sprite.position.x, sprite.position.y, sprite.position.z];
+    if (sprite) return [sprite.position.x, sprite.position.y, sprite.position.z];
     return [0, 0, 0];
-  }
+  };
 
   /**
    * Set the position of the label in  3D coordinates.
@@ -63,14 +66,14 @@ const Label = function (textIn, colourIn) {
     if (sprite) {
       sprite.position.set(x, y, z);
     }
-  }
+  };
 
   /**
    * Set the colour of the label
    *
    * @param {THREE.Color} colour - colour to be set
    */
-  this.setColour = colourIn => {
+  this.setColour = (colourIn) => {
     if (colourIn) {
       //Changing the colour redraws the canvas and creates a new texture,
       //only do it when the colour has changed.
@@ -81,61 +84,60 @@ const Label = function (textIn, colourIn) {
       }
       colour = colourIn;
     }
-  }
+  };
 
   /**
    * Scale the label.
    *
    * @param {Number} scaling - Scale to be set.
    */
-  this.setScale = scaling => {
-    if (sprite && scaling > 0.0)
-      sprite.scale.set(scaling, scaling, 1.0);
-  }
+  this.setScale = (scaling) => {
+    if (sprite && scaling > 0.0) sprite.scale.set(scaling, scaling, 1.0);
+  };
 
   /**
    * Set depth test for sprite object.
    *
    * @param {Boolean} flag - Enable/disable depth test
    */
-  this.setDepthTest = flag => {
+  this.setDepthTest = (flag) => {
     if (flag && flag !== sprite.material.depthTest) {
       sprite.material.depthTest = flag;
     }
-  }
+  };
 
   /**
    * Set a new text for the label.
    *
    * @param {Number} scaling - Scale to be set.
    */
-  this.setSize = sizeIn => {
+  this.setSize = (sizeIn) => {
     if (sizeIn > 0.0) {
       //Redraw at the resolution matching the new size
       setTextSpriteHeight(sprite, textHeight * sizeIn);
       size = sizeIn;
     }
-  }
+  };
 
   /**
    * Set a new text for the label.
    *
    * @param {Number} scaling - Scale to be set.
    */
-  this.setFontWeight = fontWeightIn => {
+  this.setFontWeight = (fontWeightIn) => {
     if (fontWeightIn && fontWeightIn !== fontWeight) {
       sprite.fontWeight = fontWeightIn;
       applyTextureSettings();
       fontWeight = fontWeightIn;
     }
-  }
+  };
 
   /**
    * Set a new text for the label.
    *
    * @param {Number} scaling - Scale to be set.
    */
-  this.setText = textIn => {
+  this.setText = (textIn) => {
     if (textIn && textIn !== sprite.text) {
       //Force teh texture to update
       const canvas = sprite._canvas;
@@ -158,16 +160,16 @@ const Label = function (textIn, colourIn) {
         sprite.material.map.needsUpdate = true;
       }
     }
-  }
+  };
 
   /**
    * Set visibility of the label.
    *
    * @param {Boolean} flag - Visibility to set
    */
-  this.setVisibility = flag => {
+  this.setVisibility = (flag) => {
     sprite.visible = flag;
-  }
+  };
 
   /**
    * Free up the memory
@@ -186,7 +188,7 @@ const Label = function (textIn, colourIn) {
         sprite._canvas.height = 0;
       }
     }
-  }
+  };
 
   /**
    * Get the intrnal sprite.
@@ -195,7 +197,7 @@ const Label = function (textIn, colourIn) {
    */
   this.getSprite = () => {
     return sprite;
-  }
+  };
 
   /**
    * Get the text.
@@ -204,11 +206,7 @@ const Label = function (textIn, colourIn) {
    */
   this.getString = () => {
     return text;
-  }
-
+  };
 };
 
 export { Label };
-
-
-

package/src/primitives/lines.js

@@ -15,7 +15,7 @@ import { ZincObject } from './zincObject';
  */
 const Lines = function () {
   ZincObject.call(this);
-	this.isLines = true;
+  this.isLines = true;
 
   /**
    * Create the line segements using geometry and material.
@@ -28,10 +28,10 @@ const Lines = function () {
    * @param {Boolean} options.localMorphColour - A flag to indicate either the colour is
    * time dependent.
    */
-	this.createLineSegment = (geometryIn, materialIn, options) => {
-		if (geometryIn && materialIn) {
-			let geometry = toBufferGeometry(geometryIn, options );
-			if (options.localMorphColour && geometry.morphAttributes[ "color" ]) {
+  this.createLineSegment = (geometryIn, materialIn, options) => {
+    if (geometryIn && materialIn) {
+      let geometry = toBufferGeometry(geometryIn, options);
+      if (options.localMorphColour && geometry.morphAttributes['color']) {
         //Force vertexColors off (even if the caller/material already set
         //it true from the file's declared material) - NodeMaterial would
         //otherwise multiply our morph colour blend by the static,
@@ -40,25 +40,25 @@ const Lines = function () {
         //turning parts of the blend black instead of the intended hue.
         //applyMorphColorNode's colorNode fully replaces vertex colouring.
         materialIn.vertexColors = false;
-				materialIn = applyMorphColorNode(materialIn);
+        materialIn = applyMorphColorNode(materialIn);
       }
       let line = new LineSegments(geometry, materialIn);
       this.setMesh(line, options.localTimeEnabled, options.localMorphColour);
-		}
-	}
+    }
+  };
 
   /**
    * Set the width for the lines.
    *
    * @param {Number} width - Width of the lines.
    */
-	this.setWidth = width => {
-		this.requestRender();
-		if (this.morph && this.morph.material) {
-			this.morph.material.linewidth = width;
-			this.morph.material.needsUpdate = true;
-		}
-	}
+  this.setWidth = (width) => {
+    this.requestRender();
+    if (this.morph && this.morph.material) {
+      this.morph.material.linewidth = width;
+      this.morph.material.needsUpdate = true;
+    }
+  };
 
   /**
    * Add new lines to existing lines if it exists, otherwise
@@ -67,21 +67,21 @@ const Lines = function () {
 
    * @param {Number} colour - A hex value of the colour for the points
    */
-	this.addLines = (coords, colour)  => {
+  this.addLines = (coords, colour) => {
     this.requestRender();
     if (coords && coords.length > 0) {
       const geometry = this.addVertices(coords);
       let mesh = this.getMorph();
       if (!mesh) {
-        let material = new THREE.LineBasicMaterial({color:colour});
-        const options = { localTimeEnabled: false, localMorphColour: false};
+        let material = new THREE.LineBasicMaterial({ color: colour });
+        const options = { localTimeEnabled: false, localMorphColour: false };
         geometry.colorsNeedUpdate = true;
         this.createLineSegment(geometry, material, options);
       }
       if (this.region) this.region.pickableUpdateRequired = true;
     }
-	}
-}
+  };
+};
 
 Lines.prototype = Object.create(ZincObject.prototype);
 export { Lines };

package/src/primitives/lines2.js

@@ -15,7 +15,7 @@ import { LineSegmentsGeometry } from '../three/line/LineSegmentsGeometry';
  */
 const Lines2 = function () {
   Lines.call(this);
-	this.isLines2 = true;
+  this.isLines2 = true;
   //Shared with the GPU buffer of the mesh, edits are made in place
   let positions = new Float32Array(300);
 
@@ -31,7 +31,7 @@ const Lines2 = function () {
       return true;
     }
     return false;
-  }
+  };
 
   //Fill the unused part of the array with degenerate segments at coord
   const fillUnused = (start, coord) => {
@@ -40,7 +40,7 @@ const Lines2 = function () {
       positions[index + 1] = coord[1];
       positions[index + 2] = coord[2];
     }
-  }
+  };
 
   //Update the line distances without allocating new buffers
   const updateLineDistances = (mesh) => {
@@ -63,7 +63,7 @@ const Lines2 = function () {
       distances[i * 2 + 1] = total;
     }
     distanceStart.data.needsUpdate = true;
-  }
+  };
 
   //Upload the positions after they have been changed
   const updatePositions = (mesh, reallocated) => {
@@ -79,7 +79,7 @@ const Lines2 = function () {
       mesh.geometry.computeBoundingSphere();
     }
     this.boundingBoxUpdateRequired = true;
-  }
+  };
 
   /**
    * Create the line segements using geometry and material.
@@ -92,8 +92,8 @@ const Lines2 = function () {
    * @param {Boolean} options.localMorphColour - A flag to indicate either the colour is
    * time dependent.
    */
-	this.createLineSegment = (arrayIn, materialIn, options) => {
-		if (arrayIn && materialIn) {
+  this.createLineSegment = (arrayIn, materialIn, options) => {
+    if (arrayIn && materialIn) {
       const linesGeometry = new LineSegmentsGeometry();
       linesGeometry.setPositions(arrayIn);
       linesGeometry.colorsNeedUpdate = true;
@@ -101,26 +101,26 @@ const Lines2 = function () {
       line.scale.set(1, 1, 1);
       line.computeLineDistances();
       this.setMesh(line, options.localTimeEnabled, options.localMorphColour);
-		}
-	}
+    }
+  };
 
   /**
    * Set the width for the lines.
    *
    * @param {Number} width - Width of the lines.
    */
-	this.setWidth = width => {
-		this.requestRender();
-		if (this.morph && this.morph.material) {
-			this.morph.material.linewidth = width;
-			this.morph.material.needsUpdate = true;
-		}
-	}
+  this.setWidth = (width) => {
+    this.requestRender();
+    if (this.morph && this.morph.material) {
+      this.morph.material.linewidth = width;
+      this.morph.material.needsUpdate = true;
+    }
+  };
 
   /**
    * Add new vertices into the array
    */
-  this.addVertices = function(coords) {
+  this.addVertices = function (coords) {
     this.requestRender();
     if (coords && coords.length) {
       let mesh = this.getMorph();
@@ -129,7 +129,7 @@ const Lines2 = function () {
       }
       let index = this.drawRange * 3;
       const reallocated = ensureCapacity(index + coords.length * 3);
-      coords.forEach(coord => {
+      coords.forEach((coord) => {
         positions[index++] = coord[0];
         positions[index++] = coord[1];
         positions[index++] = coord[2];
@@ -146,22 +146,18 @@ const Lines2 = function () {
       }
     }
     return positions;
-  }
+  };
 
   /**
    * Get the vertices by face index
    */
-  this.getVerticesByFaceIndex = function(faceIndex) {
+  this.getVerticesByFaceIndex = function (faceIndex) {
     let vIndex = faceIndex * 2 * 3;
     const mesh = this.getMorph();
-    if (mesh && (this.drawRange * 3) > vIndex) {
-      const position = mesh.geometry.getAttribute( 'instanceStart' );
+    if (mesh && this.drawRange * 3 > vIndex) {
+      const position = mesh.geometry.getAttribute('instanceStart');
       return [
-        [
-          position.data.array[vIndex],
-          position.data.array[++vIndex],
-          position.data.array[++vIndex],
-        ],
+        [position.data.array[vIndex], position.data.array[++vIndex], position.data.array[++vIndex]],
         [
           position.data.array[++vIndex],
           position.data.array[++vIndex],
@@ -170,12 +166,12 @@ const Lines2 = function () {
       ];
     }
     return [];
-  }
+  };
 
   /**
    * Edit Vertice in index.
    */
-  this.editVertices = function(coords, i) {
+  this.editVertices = function (coords, i) {
     this.requestRender();
     if (coords && coords.length) {
       let mesh = this.getMorph();
@@ -183,9 +179,8 @@ const Lines2 = function () {
       if (!mesh || 0 > i || maxIndex >= this.drawRange) {
         return;
       } else {
-
         let index = i * 3;
-        coords.forEach(coord => {
+        coords.forEach((coord) => {
           positions[index++] = coord[0];
           positions[index++] = coord[1];
           positions[index++] = coord[2];
@@ -195,7 +190,7 @@ const Lines2 = function () {
       }
     }
     return positions;
-  }
+  };
 
   /**
    * Add new lines to existing lines if it exists, otherwise
@@ -204,26 +199,25 @@ const Lines2 = function () {
 
    * @param {Number} colour - A hex value of the colour for the points
    */
-	this.addLines = (coords, colour)  => {
+  this.addLines = (coords, colour) => {
     this.requestRender();
     if (coords && coords.length > 0) {
       this.addVertices(coords);
       let mesh = this.getMorph();
       if (!mesh) {
-        const material = new THREE.Line2NodeMaterial( {
+        const material = new THREE.Line2NodeMaterial({
           color: colour,
-          linewidth:1,
+          linewidth: 1,
           vertexColors: false,
           worldUnits: false,
         });
-        const options = { localTimeEnabled: false, localMorphColour: false};
+        const options = { localTimeEnabled: false, localMorphColour: false };
         this.createLineSegment(positions, material, options);
       }
       if (this.region) this.region.pickableUpdateRequired = true;
     }
-	}
-
-}
+  };
+};
 
 Lines2.prototype = Object.create(Lines.prototype);
 Lines2.prototype.constructor = Lines2;