three-stdlib 2.16.0 → 2.16.2

package/renderers/SVGRenderer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),i=require("./Projector.cjs.js"),t=function(i){e.Object3D.call(this),this.node=i};(t.prototype=Object.create(e.Object3D.prototype)).constructor=t;exports.SVGObject=t,exports.SVGRenderer=function(){var o,r,n,s,a,c,l,p,d,h,f,u,S,y=this,m=new i.Projector,x=document.createElementNS("http://www.w3.org/2000/svg","svg"),g=new e.Box2,v=new e.Box2,w=new e.Color,b=new e.Color,M=new e.Color,z=new e.Color,C=new e.Color,j=new e.Color,k=new e.Vector3,L=new e.Vector3,P=new e.Vector3,B=new e.Matrix3,R=new e.Matrix4,E=new e.Matrix4,A=[],V=0,W=1,F=null;function G(){for(V=0;x.childNodes.length>0;)x.removeChild(x.childNodes[0])}function O(e){return null!==F?e.toFixed(F):e}function N(e,i,t){var o=i.scale.x*c,r=i.scale.y*l;t.isPointsMaterial&&(o*=t.size,r*=t.size);var n="M"+O(e.x-.5*o)+","+O(e.y-.5*r)+"h"+O(o)+"v"+O(r)+"h"+O(-o)+"z",s="";(t.isSpriteMaterial||t.isPointsMaterial)&&(s="fill:"+t.color.getStyle()+";fill-opacity:"+t.opacity),T(s,n)}function D(e,i,t,o){var r="M"+O(e.positionScreen.x)+","+O(e.positionScreen.y)+"L"+O(i.positionScreen.x)+","+O(i.positionScreen.y);if(o.isLineBasicMaterial){var n="fill:none;stroke:"+o.color.getStyle()+";stroke-opacity:"+o.opacity+";stroke-width:"+o.linewidth+";stroke-linecap:"+o.linecap;o.isLineDashedMaterial&&(n=n+";stroke-dasharray:"+o.dashSize+","+o.gapSize),T(n,r)}}function q(e,i,t,o,r){y.info.render.vertices+=3,y.info.render.faces++;var s="M"+O(e.positionScreen.x)+","+O(e.positionScreen.y)+"L"+O(i.positionScreen.x)+","+O(i.positionScreen.y)+"L"+O(t.positionScreen.x)+","+O(t.positionScreen.y)+"z";r.isMeshBasicMaterial?(w.copy(r.color),r.vertexColors&&w.multiply(o.color)):r.isMeshLambertMaterial||r.isMeshPhongMaterial||r.isMeshStandardMaterial?(b.copy(r.color),r.vertexColors&&b.multiply(o.color),w.copy(M),L.copy(e.positionWorld).add(i.positionWorld).add(t.positionWorld).divideScalar(3),function(e,i,t,o){for(let c=0,l=e.length;c<l;c++){var r=e[c],n=r.color;if(r.isDirectionalLight){var s=k.setFromMatrixPosition(r.matrixWorld).normalize();if((a=t.dot(s))<=0)continue;a*=r.intensity,o.r+=n.r*a,o.g+=n.g*a,o.b+=n.b*a}else if(r.isPointLight){var a;if(s=k.setFromMatrixPosition(r.matrixWorld),(a=t.dot(k.subVectors(s,i).normalize()))<=0)continue;if(0==(a*=0==r.distance?1:1-Math.min(i.distanceTo(s)/r.distance,1)))continue;a*=r.intensity,o.r+=n.r*a,o.g+=n.g*a,o.b+=n.b*a}}}(n,L,o.normalModel,w),w.multiply(b).add(r.emissive)):r.isMeshNormalMaterial&&(P.copy(o.normalModel).applyMatrix3(B).normalize(),w.setRGB(P.x,P.y,P.z).multiplyScalar(.5).addScalar(.5)),T(r.wireframe?"fill:none;stroke:"+w.getStyle()+";stroke-opacity:"+r.opacity+";stroke-width:"+r.wireframeLinewidth+";stroke-linecap:"+r.wireframeLinecap+";stroke-linejoin:"+r.wireframeLinejoin:"fill:"+w.getStyle()+";fill-opacity:"+r.opacity,s)}function I(e,i,t){var o,r=i.x-e.x,n=i.y-e.y,s=r*r+n*n;0!==s&&(r*=o=t/Math.sqrt(s),n*=o,i.x+=r,i.y+=n,e.x-=r,e.y-=n)}function T(e,i){S===e?u+=i:(_(),S=e,u=i)}function _(){u&&((f=function(e){if(null==A[e])return A[e]=document.createElementNS("http://www.w3.org/2000/svg","path"),0==W&&A[e].setAttribute("shape-rendering","crispEdges"),A[e];return A[e]}(V++)).setAttribute("d",u),f.setAttribute("style",S),x.appendChild(f)),u="",S=""}this.domElement=x,this.autoClear=!0,this.sortObjects=!0,this.sortElements=!0,this.overdraw=.5,this.info={render:{vertices:0,faces:0}},this.setQuality=function(e){switch(e){case"high":W=1;break;case"low":W=0}},this.setClearColor=function(e){j.set(e)},this.setPixelRatio=function(){},this.setSize=function(e,i){c=(s=e)/2,l=(a=i)/2,x.setAttribute("viewBox",-c+" "+-l+" "+s+" "+a),x.setAttribute("width",s),x.setAttribute("height",a),g.min.set(-c,-l),g.max.set(c,l)},this.getSize=function(){return{width:s,height:a}},this.setPrecision=function(e){F=e},this.clear=function(){G(),x.style.backgroundColor=j.getStyle()},this.render=function(s,a){if(a instanceof e.Camera!=!1){var f=s.background;f&&f.isColor?(G(),x.style.backgroundColor=f.getStyle()):!0===this.autoClear&&this.clear(),y.info.render.vertices=0,y.info.render.faces=0,R.copy(a.matrixWorldInverse),E.multiplyMatrices(a.projectionMatrix,R),o=m.projectScene(s,a,this.sortObjects,this.sortElements),r=o.elements,n=o.lights,B.getNormalMatrix(a.matrixWorldInverse),function(e){M.setRGB(0,0,0),z.setRGB(0,0,0),C.setRGB(0,0,0);for(let o=0,r=e.length;o<r;o++){var i=e[o],t=i.color;i.isAmbientLight?(M.r+=t.r,M.g+=t.g,M.b+=t.b):i.isDirectionalLight?(z.r+=t.r,z.g+=t.g,z.b+=t.b):i.isPointLight&&(C.r+=t.r,C.g+=t.g,C.b+=t.b)}}(n),u="",S="";for(let e=0,t=r.length;e<t;e++){var w=r[e],b=w.material;if(void 0!==b&&0!==b.opacity)if(v.makeEmpty(),w instanceof i.RenderableSprite)(p=w).x*=c,p.y*=-l,N(p,w,b);else if(w instanceof i.RenderableLine)p=w.v1,d=w.v2,p.positionScreen.x*=c,p.positionScreen.y*=-l,d.positionScreen.x*=c,d.positionScreen.y*=-l,v.setFromPoints([p.positionScreen,d.positionScreen]),!0===g.intersectsBox(v)&&D(p,d,w,b);else if(w instanceof i.RenderableFace){if(p=w.v1,d=w.v2,h=w.v3,p.positionScreen.z<-1||p.positionScreen.z>1)continue;if(d.positionScreen.z<-1||d.positionScreen.z>1)continue;if(h.positionScreen.z<-1||h.positionScreen.z>1)continue;p.positionScreen.x*=c,p.positionScreen.y*=-l,d.positionScreen.x*=c,d.positionScreen.y*=-l,h.positionScreen.x*=c,h.positionScreen.y*=-l,this.overdraw>0&&(I(p.positionScreen,d.positionScreen,this.overdraw),I(d.positionScreen,h.positionScreen,this.overdraw),I(h.positionScreen,p.positionScreen,this.overdraw)),v.setFromPoints([p.positionScreen,d.positionScreen,h.positionScreen]),!0===g.intersectsBox(v)&&q(p,d,h,w,b)}}_(),s.traverseVisible((function(e){if(e instanceof t){if(k.setFromMatrixPosition(e.matrixWorld),k.applyMatrix4(E),k.z<-1||k.z>1)return;var i=k.x*c,o=-k.y*l,r=e.node;r.setAttribute("transform","translate("+i+","+o+")"),x.appendChild(r)}}))}else console.error("THREE.SVGRenderer.render: camera is not an instance of Camera.")}};

package/renderers/SVGRenderer.js

@@ -1,15 +1,51 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const Projector = require("./Projector.js");
-var SVGObject = function(node) {
-  THREE.Object3D.call(this);
+import { Object3D, Box2, Color, Vector3, Matrix3, Matrix4, Camera } from 'three';
+import { Projector, RenderableSprite, RenderableLine, RenderableFace } from './Projector.js';
+
+var SVGObject = function (node) {
+  Object3D.call(this);
   this.node = node;
 };
-SVGObject.prototype = Object.create(THREE.Object3D.prototype);
+
+SVGObject.prototype = Object.create(Object3D.prototype);
 SVGObject.prototype.constructor = SVGObject;
-var SVGRenderer = function() {
-  var _this = this, _renderData, _elements, _lights, _projector = new Projector.Projector(), _svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), _svgWidth, _svgHeight, _svgWidthHalf, _svgHeightHalf, _v1, _v2, _v3, _clipBox = new THREE.Box2(), _elemBox = new THREE.Box2(), _color = new THREE.Color(), _diffuseColor = new THREE.Color(), _ambientLight = new THREE.Color(), _directionalLights = new THREE.Color(), _pointLights = new THREE.Color(), _clearColor = new THREE.Color(), _vector3 = new THREE.Vector3(), _centroid = new THREE.Vector3(), _normal = new THREE.Vector3(), _normalViewMatrix = new THREE.Matrix3(), _viewMatrix = new THREE.Matrix4(), _viewProjectionMatrix = new THREE.Matrix4(), _svgPathPool = [], _svgNode, _pathCount = 0, _currentPath, _currentStyle, _quality = 1, _precision = null;
+
+var SVGRenderer = function () {
+  var _this = this,
+      _renderData,
+      _elements,
+      _lights,
+      _projector = new Projector(),
+      _svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'),
+      _svgWidth,
+      _svgHeight,
+      _svgWidthHalf,
+      _svgHeightHalf,
+      _v1,
+      _v2,
+      _v3,
+      _clipBox = new Box2(),
+      _elemBox = new Box2(),
+      _color = new Color(),
+      _diffuseColor = new Color(),
+      _ambientLight = new Color(),
+      _directionalLights = new Color(),
+      _pointLights = new Color(),
+      _clearColor = new Color(),
+      _vector3 = new Vector3(),
+      // Needed for PointLight
+  _centroid = new Vector3(),
+      _normal = new Vector3(),
+      _normalViewMatrix = new Matrix3(),
+      _viewMatrix = new Matrix4(),
+      _viewProjectionMatrix = new Matrix4(),
+      _svgPathPool = [],
+      _svgNode,
+      _pathCount = 0,
+      _currentPath,
+      _currentStyle,
+      _quality = 1,
+      _precision = null;
+
   this.domElement = _svg;
   this.autoClear = true;
   this.sortObjects = true;
@@ -21,148 +57,186 @@ var SVGRenderer = function() {
       faces: 0
     }
   };
-  this.setQuality = function(quality) {
+
+  this.setQuality = function (quality) {
     switch (quality) {
-      case "high":
+      case 'high':
         _quality = 1;
         break;
-      case "low":
+
+      case 'low':
         _quality = 0;
         break;
     }
   };
-  this.setClearColor = function(color) {
+
+  this.setClearColor = function (color) {
     _clearColor.set(color);
   };
-  this.setPixelRatio = function() {
-  };
-  this.setSize = function(width, height) {
+
+  this.setPixelRatio = function () {};
+
+  this.setSize = function (width, height) {
     _svgWidth = width;
     _svgHeight = height;
     _svgWidthHalf = _svgWidth / 2;
     _svgHeightHalf = _svgHeight / 2;
-    _svg.setAttribute("viewBox", -_svgWidthHalf + " " + -_svgHeightHalf + " " + _svgWidth + " " + _svgHeight);
-    _svg.setAttribute("width", _svgWidth);
-    _svg.setAttribute("height", _svgHeight);
+
+    _svg.setAttribute('viewBox', -_svgWidthHalf + ' ' + -_svgHeightHalf + ' ' + _svgWidth + ' ' + _svgHeight);
+
+    _svg.setAttribute('width', _svgWidth);
+
+    _svg.setAttribute('height', _svgHeight);
+
     _clipBox.min.set(-_svgWidthHalf, -_svgHeightHalf);
+
     _clipBox.max.set(_svgWidthHalf, _svgHeightHalf);
   };
-  this.getSize = function() {
+
+  this.getSize = function () {
     return {
       width: _svgWidth,
       height: _svgHeight
     };
   };
-  this.setPrecision = function(precision) {
+
+  this.setPrecision = function (precision) {
     _precision = precision;
   };
+
   function removeChildNodes() {
     _pathCount = 0;
+
     while (_svg.childNodes.length > 0) {
       _svg.removeChild(_svg.childNodes[0]);
     }
   }
+
   function convert(c) {
     return _precision !== null ? c.toFixed(_precision) : c;
   }
-  this.clear = function() {
+
+  this.clear = function () {
     removeChildNodes();
     _svg.style.backgroundColor = _clearColor.getStyle();
   };
-  this.render = function(scene, camera) {
-    if (camera instanceof THREE.Camera === false) {
-      console.error("THREE.SVGRenderer.render: camera is not an instance of Camera.");
+
+  this.render = function (scene, camera) {
+    if (camera instanceof Camera === false) {
+      console.error('THREE.SVGRenderer.render: camera is not an instance of Camera.');
       return;
     }
+
     var background = scene.background;
+
     if (background && background.isColor) {
       removeChildNodes();
       _svg.style.backgroundColor = background.getStyle();
     } else if (this.autoClear === true) {
       this.clear();
     }
+
     _this.info.render.vertices = 0;
     _this.info.render.faces = 0;
+
     _viewMatrix.copy(camera.matrixWorldInverse);
+
     _viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix, _viewMatrix);
+
     _renderData = _projector.projectScene(scene, camera, this.sortObjects, this.sortElements);
     _elements = _renderData.elements;
     _lights = _renderData.lights;
+
     _normalViewMatrix.getNormalMatrix(camera.matrixWorldInverse);
-    calculateLights(_lights);
-    _currentPath = "";
-    _currentStyle = "";
+
+    calculateLights(_lights); // reset accumulated path
+
+    _currentPath = '';
+    _currentStyle = '';
+
     for (let e = 0, el = _elements.length; e < el; e++) {
       var element = _elements[e];
       var material = element.material;
-      if (material === void 0 || material.opacity === 0)
-        continue;
+      if (material === undefined || material.opacity === 0) continue;
+
       _elemBox.makeEmpty();
-      if (element instanceof Projector.RenderableSprite) {
+
+      if (element instanceof RenderableSprite) {
         _v1 = element;
         _v1.x *= _svgWidthHalf;
         _v1.y *= -_svgHeightHalf;
         renderSprite(_v1, element, material);
-      } else if (element instanceof Projector.RenderableLine) {
+      } else if (element instanceof RenderableLine) {
         _v1 = element.v1;
         _v2 = element.v2;
         _v1.positionScreen.x *= _svgWidthHalf;
         _v1.positionScreen.y *= -_svgHeightHalf;
         _v2.positionScreen.x *= _svgWidthHalf;
         _v2.positionScreen.y *= -_svgHeightHalf;
+
         _elemBox.setFromPoints([_v1.positionScreen, _v2.positionScreen]);
+
         if (_clipBox.intersectsBox(_elemBox) === true) {
           renderLine(_v1, _v2, element, material);
         }
-      } else if (element instanceof Projector.RenderableFace) {
+      } else if (element instanceof RenderableFace) {
         _v1 = element.v1;
         _v2 = element.v2;
         _v3 = element.v3;
-        if (_v1.positionScreen.z < -1 || _v1.positionScreen.z > 1)
-          continue;
-        if (_v2.positionScreen.z < -1 || _v2.positionScreen.z > 1)
-          continue;
-        if (_v3.positionScreen.z < -1 || _v3.positionScreen.z > 1)
-          continue;
+        if (_v1.positionScreen.z < -1 || _v1.positionScreen.z > 1) continue;
+        if (_v2.positionScreen.z < -1 || _v2.positionScreen.z > 1) continue;
+        if (_v3.positionScreen.z < -1 || _v3.positionScreen.z > 1) continue;
         _v1.positionScreen.x *= _svgWidthHalf;
         _v1.positionScreen.y *= -_svgHeightHalf;
         _v2.positionScreen.x *= _svgWidthHalf;
         _v2.positionScreen.y *= -_svgHeightHalf;
         _v3.positionScreen.x *= _svgWidthHalf;
         _v3.positionScreen.y *= -_svgHeightHalf;
+
         if (this.overdraw > 0) {
           expand(_v1.positionScreen, _v2.positionScreen, this.overdraw);
           expand(_v2.positionScreen, _v3.positionScreen, this.overdraw);
           expand(_v3.positionScreen, _v1.positionScreen, this.overdraw);
         }
+
         _elemBox.setFromPoints([_v1.positionScreen, _v2.positionScreen, _v3.positionScreen]);
+
         if (_clipBox.intersectsBox(_elemBox) === true) {
           renderFace3(_v1, _v2, _v3, element, material);
         }
       }
     }
-    flushPath();
-    scene.traverseVisible(function(object) {
+
+    flushPath(); // just to flush last svg:path
+
+    scene.traverseVisible(function (object) {
       if (object instanceof SVGObject) {
         _vector3.setFromMatrixPosition(object.matrixWorld);
+
         _vector3.applyMatrix4(_viewProjectionMatrix);
-        if (_vector3.z < -1 || _vector3.z > 1)
-          return;
+
+        if (_vector3.z < -1 || _vector3.z > 1) return;
         var x = _vector3.x * _svgWidthHalf;
         var y = -_vector3.y * _svgHeightHalf;
         var node = object.node;
-        node.setAttribute("transform", "translate(" + x + "," + y + ")");
+        node.setAttribute('transform', 'translate(' + x + ',' + y + ')');
+
         _svg.appendChild(node);
       }
     });
   };
+
   function calculateLights(lights) {
     _ambientLight.setRGB(0, 0, 0);
+
     _directionalLights.setRGB(0, 0, 0);
+
     _pointLights.setRGB(0, 0, 0);
+
     for (let l = 0, ll = lights.length; l < ll; l++) {
       var light = lights[l];
       var lightColor = light.color;
+
       if (light.isAmbientLight) {
         _ambientLight.r += lightColor.r;
         _ambientLight.g += lightColor.g;
@@ -178,27 +252,28 @@ var SVGRenderer = function() {
       }
     }
   }
+
   function calculateLight(lights, position, normal, color) {
     for (let l = 0, ll = lights.length; l < ll; l++) {
       var light = lights[l];
       var lightColor = light.color;
+
       if (light.isDirectionalLight) {
         var lightPosition = _vector3.setFromMatrixPosition(light.matrixWorld).normalize();
+
         var amount = normal.dot(lightPosition);
-        if (amount <= 0)
-          continue;
+        if (amount <= 0) continue;
         amount *= light.intensity;
         color.r += lightColor.r * amount;
         color.g += lightColor.g * amount;
         color.b += lightColor.b * amount;
       } else if (light.isPointLight) {
         var lightPosition = _vector3.setFromMatrixPosition(light.matrixWorld);
+
         var amount = normal.dot(_vector3.subVectors(lightPosition, position).normalize());
-        if (amount <= 0)
-          continue;
+        if (amount <= 0) continue;
         amount *= light.distance == 0 ? 1 : 1 - Math.min(position.distanceTo(lightPosition) / light.distance, 1);
-        if (amount == 0)
-          continue;
+        if (amount == 0) continue;
         amount *= light.intensity;
         color.r += lightColor.r * amount;
         color.g += lightColor.g * amount;
@@ -206,64 +281,88 @@ var SVGRenderer = function() {
       }
     }
   }
+
   function renderSprite(v1, element, material) {
     var scaleX = element.scale.x * _svgWidthHalf;
     var scaleY = element.scale.y * _svgHeightHalf;
+
     if (material.isPointsMaterial) {
       scaleX *= material.size;
       scaleY *= material.size;
     }
-    var path = "M" + convert(v1.x - scaleX * 0.5) + "," + convert(v1.y - scaleY * 0.5) + "h" + convert(scaleX) + "v" + convert(scaleY) + "h" + convert(-scaleX) + "z";
-    var style = "";
+
+    var path = 'M' + convert(v1.x - scaleX * 0.5) + ',' + convert(v1.y - scaleY * 0.5) + 'h' + convert(scaleX) + 'v' + convert(scaleY) + 'h' + convert(-scaleX) + 'z';
+    var style = '';
+
     if (material.isSpriteMaterial || material.isPointsMaterial) {
-      style = "fill:" + material.color.getStyle() + ";fill-opacity:" + material.opacity;
+      style = 'fill:' + material.color.getStyle() + ';fill-opacity:' + material.opacity;
     }
+
     addPath(style, path);
   }
+
   function renderLine(v1, v2, element, material) {
-    var path = "M" + convert(v1.positionScreen.x) + "," + convert(v1.positionScreen.y) + "L" + convert(v2.positionScreen.x) + "," + convert(v2.positionScreen.y);
+    var path = 'M' + convert(v1.positionScreen.x) + ',' + convert(v1.positionScreen.y) + 'L' + convert(v2.positionScreen.x) + ',' + convert(v2.positionScreen.y);
+
     if (material.isLineBasicMaterial) {
-      var style = "fill:none;stroke:" + material.color.getStyle() + ";stroke-opacity:" + material.opacity + ";stroke-width:" + material.linewidth + ";stroke-linecap:" + material.linecap;
+      var style = 'fill:none;stroke:' + material.color.getStyle() + ';stroke-opacity:' + material.opacity + ';stroke-width:' + material.linewidth + ';stroke-linecap:' + material.linecap;
+
       if (material.isLineDashedMaterial) {
-        style = style + ";stroke-dasharray:" + material.dashSize + "," + material.gapSize;
+        style = style + ';stroke-dasharray:' + material.dashSize + ',' + material.gapSize;
       }
+
       addPath(style, path);
     }
   }
+
   function renderFace3(v1, v2, v3, element, material) {
     _this.info.render.vertices += 3;
     _this.info.render.faces++;
-    var path = "M" + convert(v1.positionScreen.x) + "," + convert(v1.positionScreen.y) + "L" + convert(v2.positionScreen.x) + "," + convert(v2.positionScreen.y) + "L" + convert(v3.positionScreen.x) + "," + convert(v3.positionScreen.y) + "z";
-    var style = "";
+    var path = 'M' + convert(v1.positionScreen.x) + ',' + convert(v1.positionScreen.y) + 'L' + convert(v2.positionScreen.x) + ',' + convert(v2.positionScreen.y) + 'L' + convert(v3.positionScreen.x) + ',' + convert(v3.positionScreen.y) + 'z';
+    var style = '';
+
     if (material.isMeshBasicMaterial) {
       _color.copy(material.color);
+
       if (material.vertexColors) {
         _color.multiply(element.color);
       }
     } else if (material.isMeshLambertMaterial || material.isMeshPhongMaterial || material.isMeshStandardMaterial) {
       _diffuseColor.copy(material.color);
+
       if (material.vertexColors) {
         _diffuseColor.multiply(element.color);
       }
+
       _color.copy(_ambientLight);
+
       _centroid.copy(v1.positionWorld).add(v2.positionWorld).add(v3.positionWorld).divideScalar(3);
+
       calculateLight(_lights, _centroid, element.normalModel, _color);
+
       _color.multiply(_diffuseColor).add(material.emissive);
     } else if (material.isMeshNormalMaterial) {
       _normal.copy(element.normalModel).applyMatrix3(_normalViewMatrix).normalize();
+
       _color.setRGB(_normal.x, _normal.y, _normal.z).multiplyScalar(0.5).addScalar(0.5);
     }
+
     if (material.wireframe) {
-      style = "fill:none;stroke:" + _color.getStyle() + ";stroke-opacity:" + material.opacity + ";stroke-width:" + material.wireframeLinewidth + ";stroke-linecap:" + material.wireframeLinecap + ";stroke-linejoin:" + material.wireframeLinejoin;
+      style = 'fill:none;stroke:' + _color.getStyle() + ';stroke-opacity:' + material.opacity + ';stroke-width:' + material.wireframeLinewidth + ';stroke-linecap:' + material.wireframeLinecap + ';stroke-linejoin:' + material.wireframeLinejoin;
     } else {
-      style = "fill:" + _color.getStyle() + ";fill-opacity:" + material.opacity;
+      style = 'fill:' + _color.getStyle() + ';fill-opacity:' + material.opacity;
     }
+
     addPath(style, path);
-  }
+  } // Hide anti-alias gaps
+
+
   function expand(v1, v2, pixels) {
-    var x = v2.x - v1.x, y = v2.y - v1.y, det = x * x + y * y, idet;
-    if (det === 0)
-      return;
+    var x = v2.x - v1.x,
+        y = v2.y - v1.y,
+        det = x * x + y * y,
+        idet;
+    if (det === 0) return;
     idet = pixels / Math.sqrt(det);
     x *= idet;
     y *= idet;
@@ -272,6 +371,7 @@ var SVGRenderer = function() {
     v1.x -= x;
     v1.y -= y;
   }
+
   function addPath(style, path) {
     if (_currentStyle === style) {
       _currentPath += path;
@@ -281,26 +381,36 @@ var SVGRenderer = function() {
       _currentPath = path;
     }
   }
+
   function flushPath() {
     if (_currentPath) {
       _svgNode = getPathNode(_pathCount++);
-      _svgNode.setAttribute("d", _currentPath);
-      _svgNode.setAttribute("style", _currentStyle);
+
+      _svgNode.setAttribute('d', _currentPath);
+
+      _svgNode.setAttribute('style', _currentStyle);
+
       _svg.appendChild(_svgNode);
     }
-    _currentPath = "";
-    _currentStyle = "";
+
+    _currentPath = '';
+    _currentStyle = '';
   }
+
   function getPathNode(id) {
     if (_svgPathPool[id] == null) {
-      _svgPathPool[id] = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      _svgPathPool[id] = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+
       if (_quality == 0) {
-        _svgPathPool[id].setAttribute("shape-rendering", "crispEdges");
+        _svgPathPool[id].setAttribute('shape-rendering', 'crispEdges'); //optimizeSpeed
+
       }
+
       return _svgPathPool[id];
     }
+
     return _svgPathPool[id];
   }
 };
-exports.SVGObject = SVGObject;
-exports.SVGRenderer = SVGRenderer;
+
+export { SVGObject, SVGRenderer };

package/renderers/nodes/accessors/CameraNode.cjs.js

@@ -0,0 +1 @@
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("../core/Node.cjs.js"),r=require("../inputs/Vector3Node.cjs.js"),o=require("../inputs/Matrix4Node.cjs.js"),i=require("../core/constants.cjs.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../core/InputNode.cjs.js"),require("three");var u=s(e);class n extends t{constructor(e=n.POSITION){super(),this.updateType=i.NodeUpdateType.Frame,this.scope=e,this._inputNode=null}getType(){const e=this.scope;return e===n.PROJECTION||e===n.VIEW?"mat4":"vec3"}update(e){const t=e.camera,r=this._inputNode,o=this.scope;o===n.PROJECTION?r.value=t.projectionMatrix:o===n.VIEW?r.value=t.matrixWorldInverse:o===n.POSITION&&t.getWorldPosition(r.value)}generate(e,t){const i=e.getDataFromNode(this);let s=this._inputNode;if(void 0===i.inputNode){const e=this.scope;e===n.PROJECTION||e===n.VIEW?null!==s&&!0===s.isMatrix4Node||(s=new o(null)):e===n.POSITION&&(null!==s&&!0===s.isVector3Node||(s=new r)),this._inputNode=s,i.inputNode=s}return s.build(e,t)}}u.default(n,"POSITION","position"),u.default(n,"PROJECTION","projection"),u.default(n,"VIEW","view"),module.exports=n;

package/renderers/nodes/accessors/CameraNode.js

@@ -1,62 +1,73 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-const Node = require("../core/Node.js");
-const Vector3Node = require("../inputs/Vector3Node.js");
-const Matrix4Node = require("../inputs/Matrix4Node.js");
-const constants = require("../core/constants.js");
-const _CameraNode = class extends Node {
-  constructor(scope = _CameraNode.POSITION) {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import Node from '../core/Node.js';
+import Vector3Node from '../inputs/Vector3Node.js';
+import Matrix4Node from '../inputs/Matrix4Node.js';
+import { NodeUpdateType } from '../core/constants.js';
+import '../core/InputNode.js';
+import 'three';
+
+class CameraNode extends Node {
+  constructor(scope = CameraNode.POSITION) {
     super();
-    this.updateType = constants.NodeUpdateType.Frame;
+    this.updateType = NodeUpdateType.Frame;
     this.scope = scope;
     this._inputNode = null;
   }
+
   getType() {
     const scope = this.scope;
-    if (scope === _CameraNode.PROJECTION || scope === _CameraNode.VIEW) {
-      return "mat4";
+
+    if (scope === CameraNode.PROJECTION || scope === CameraNode.VIEW) {
+      return 'mat4';
     }
-    return "vec3";
+
+    return 'vec3';
   }
+
   update(frame) {
     const camera = frame.camera;
     const inputNode = this._inputNode;
     const scope = this.scope;
-    if (scope === _CameraNode.PROJECTION) {
+
+    if (scope === CameraNode.PROJECTION) {
       inputNode.value = camera.projectionMatrix;
-    } else if (scope === _CameraNode.VIEW) {
+    } else if (scope === CameraNode.VIEW) {
       inputNode.value = camera.matrixWorldInverse;
-    } else if (scope === _CameraNode.POSITION) {
+    } else if (scope === CameraNode.POSITION) {
       camera.getWorldPosition(inputNode.value);
     }
   }
+
   generate(builder, output) {
     const nodeData = builder.getDataFromNode(this);
     let inputNode = this._inputNode;
-    if (nodeData.inputNode === void 0) {
+
+    if (nodeData.inputNode === undefined) {
       const scope = this.scope;
-      if (scope === _CameraNode.PROJECTION || scope === _CameraNode.VIEW) {
+
+      if (scope === CameraNode.PROJECTION || scope === CameraNode.VIEW) {
         if (inputNode === null || inputNode.isMatrix4Node !== true) {
           inputNode = new Matrix4Node(null);
         }
-      } else if (scope === _CameraNode.POSITION) {
+      } else if (scope === CameraNode.POSITION) {
         if (inputNode === null || inputNode.isVector3Node !== true) {
           inputNode = new Vector3Node();
         }
       }
+
       this._inputNode = inputNode;
       nodeData.inputNode = inputNode;
     }
+
     return inputNode.build(builder, output);
   }
-};
-let CameraNode = _CameraNode;
-__publicField(CameraNode, "POSITION", "position");
-__publicField(CameraNode, "PROJECTION", "projection");
-__publicField(CameraNode, "VIEW", "view");
-module.exports = CameraNode;
+
+}
+
+_defineProperty(CameraNode, "POSITION", 'position');
+
+_defineProperty(CameraNode, "PROJECTION", 'projection');
+
+_defineProperty(CameraNode, "VIEW", 'view');
+
+export default CameraNode;

package/renderers/nodes/accessors/ModelNode.cjs.js

@@ -0,0 +1 @@
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("../core/Node.cjs.js"),r=require("../inputs/Matrix4Node.cjs.js"),i=require("../inputs/Matrix3Node.cjs.js"),s=require("../core/constants.cjs.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../core/InputNode.cjs.js"),require("three");var u=o(e);class n extends t{constructor(e=n.VIEW){super(),this.scope=e,this.updateType=s.NodeUpdateType.Object,this._inputNode=null}getType(){const e=this.scope;return e===n.VIEW?"mat4":e===n.NORMAL?"mat3":void 0}update(e){const t=e.object,r=this._inputNode,i=this.scope;i===n.VIEW?r.value=t.modelViewMatrix:i===n.NORMAL&&(r.value=t.normalMatrix)}generate(e,t){const s=e.getDataFromNode(this);let o=this._inputNode;if(void 0===s.inputNode){const e=this.scope;e===n.VIEW?null!==o&&!0===o.isMatrix4Node||(o=new r(null)):e===n.NORMAL&&(null!==o&&!0===o.isMatrix3Node||(o=new i(null))),this._inputNode=o,s.inputNode=o}return o.build(e,t)}}u.default(n,"VIEW","view"),u.default(n,"NORMAL","normal"),module.exports=n;