zincjs 1.12.2 → 1.12.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zincjs",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "description": "ZincJS (Web-based-Zinc-Visualisation)",
   "main": "build/zinc.js",
   "directories": {

package/src/primitives/textureSlides.js

@@ -19,6 +19,7 @@ const TextureSlides = function (textureIn) {
   this.morph = new THREE.Group();
   this.group = this.morph;
   this.morph.userData = this;
+  let edgesLine = undefined;
   let flipY = true;
 
   /**
@@ -59,7 +60,7 @@ const TextureSlides = function (textureIn) {
     mesh.position.z = 0;
     switch (settings.direction) {
       case "x":
-        const rotation = flipY ? -Math.PI / 2 : Math.PI / 2;
+        const rotation = -Math.PI / 2;
         mesh.rotation.y = rotation;
         uniforms.direction.value = 1;
         uniforms.slide.value.set(settings.value, 0, 0);
@@ -303,9 +304,13 @@ const TextureSlides = function (textureIn) {
     this.boundingBoxUpdateRequired = true;
   }
 
+  this.setRenderOrder = (order) => {
+    //multiilayers
+    this.morph.renderOrder = order;
+  }
+
   this.initialise = (textureData, finishCallback) => {
     if (textureData) {
-
       const locations = textureData.locations;
       if (locations && locations.length > 0) {
         this.applyTransformation(locations[0].orientation,
@@ -320,6 +325,25 @@ const TextureSlides = function (textureIn) {
       }
     }
   }
+
+  this.showEdges = (color) => {
+    if (!edgesLine) {
+      const geometry = new THREE.BoxGeometry( 1, 1, 1 ); 
+      geometry.translate(0.5, 0.5, 0.5);
+      const edges = new THREE.EdgesGeometry( geometry ); 
+      edgesLine = new THREE.LineSegments(edges, new THREE.LineBasicMaterial( { color } ) );
+      this.group.add( edgesLine );
+    } else {
+      edgesLine.material.color = color;
+    }
+    edgesLine.visible = true;
+  }
+
+  this.hideEdges = () => {
+    if (edgesLine) {
+      edgesLine.visible = false;
+    }
+  }
 }
 
 TextureSlides.prototype = Object.create((require('./texturePrimitive').TexturePrimitive).prototype);

package/src/texture/textureArray.js

@@ -78,8 +78,9 @@ const TextureArray = function () {
       if (options) {
         if (options.vs && options.fs) {
           let transparent = true;
-          if (options.transparent)
+          if ("transparent" in options) {
             transparent = options.transparent;
+          }
           let side = THREE.FrontSide;
           if (options.side)
             side = options.side;