three-stdlib 2.15.2 → 2.16.1

package/renderers/CSS3DRenderer.js

@@ -1,81 +1,102 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-var CSS3DObject = function(element) {
-  THREE.Object3D.call(this);
-  this.element = element || document.createElement("div");
-  this.element.style.position = "absolute";
-  this.element.style.pointerEvents = "auto";
-  this.addEventListener("removed", function() {
-    this.traverse(function(object) {
+import { Object3D, Matrix4 } from 'three';
+
+/**
+ * Based on http://www.emagix.net/academic/mscs-project/item/camera-sync-with-css3-and-webgl-threejs
+ */
+
+var CSS3DObject = function (element) {
+  Object3D.call(this);
+  this.element = element || document.createElement('div');
+  this.element.style.position = 'absolute';
+  this.element.style.pointerEvents = 'auto';
+  this.addEventListener('removed', function () {
+    this.traverse(function (object) {
       if (object.element instanceof Element && object.element.parentNode !== null) {
         object.element.parentNode.removeChild(object.element);
       }
     });
   });
 };
-CSS3DObject.prototype = Object.assign(Object.create(THREE.Object3D.prototype), {
+
+CSS3DObject.prototype = Object.assign(Object.create(Object3D.prototype), {
   constructor: CSS3DObject,
-  copy: function(source, recursive) {
-    THREE.Object3D.prototype.copy.call(this, source, recursive);
+  copy: function (source, recursive) {
+    Object3D.prototype.copy.call(this, source, recursive);
     this.element = source.element.cloneNode(true);
     return this;
   }
 });
-var CSS3DSprite = function(element) {
+
+var CSS3DSprite = function (element) {
   CSS3DObject.call(this, element);
 };
+
 CSS3DSprite.prototype = Object.create(CSS3DObject.prototype);
-CSS3DSprite.prototype.constructor = CSS3DSprite;
-var CSS3DRenderer = function() {
+CSS3DSprite.prototype.constructor = CSS3DSprite; //
+
+var CSS3DRenderer = function () {
   var _this = this;
+
   var _width, _height;
+
   var _widthHalf, _heightHalf;
-  var matrix = new THREE.Matrix4();
+
+  var matrix = new Matrix4();
   var cache = {
-    camera: { fov: 0, style: "" },
-    objects: /* @__PURE__ */ new WeakMap()
+    camera: {
+      fov: 0,
+      style: ''
+    },
+    objects: new WeakMap()
   };
-  var domElement = document.createElement("div");
-  domElement.style.overflow = "hidden";
+  var domElement = document.createElement('div');
+  domElement.style.overflow = 'hidden';
   this.domElement = domElement;
-  var cameraElement = document.createElement("div");
-  cameraElement.style.transformStyle = "preserve-3d";
-  cameraElement.style.pointerEvents = "none";
+  var cameraElement = document.createElement('div');
+  cameraElement.style.transformStyle = 'preserve-3d';
+  cameraElement.style.pointerEvents = 'none';
   domElement.appendChild(cameraElement);
-  this.getSize = function() {
+
+  this.getSize = function () {
     return {
       width: _width,
       height: _height
     };
   };
-  this.setSize = function(width, height) {
+
+  this.setSize = function (width, height) {
     _width = width;
     _height = height;
     _widthHalf = _width / 2;
     _heightHalf = _height / 2;
-    domElement.style.width = width + "px";
-    domElement.style.height = height + "px";
-    cameraElement.style.width = width + "px";
-    cameraElement.style.height = height + "px";
+    domElement.style.width = width + 'px';
+    domElement.style.height = height + 'px';
+    cameraElement.style.width = width + 'px';
+    cameraElement.style.height = height + 'px';
   };
+
   function epsilon(value) {
     return Math.abs(value) < 1e-10 ? 0 : value;
   }
-  function getCameraCSSMatrix(matrix2) {
-    var elements = matrix2.elements;
-    return "matrix3d(" + epsilon(elements[0]) + "," + epsilon(-elements[1]) + "," + epsilon(elements[2]) + "," + epsilon(elements[3]) + "," + epsilon(elements[4]) + "," + epsilon(-elements[5]) + "," + epsilon(elements[6]) + "," + epsilon(elements[7]) + "," + epsilon(elements[8]) + "," + epsilon(-elements[9]) + "," + epsilon(elements[10]) + "," + epsilon(elements[11]) + "," + epsilon(elements[12]) + "," + epsilon(-elements[13]) + "," + epsilon(elements[14]) + "," + epsilon(elements[15]) + ")";
+
+  function getCameraCSSMatrix(matrix) {
+    var elements = matrix.elements;
+    return 'matrix3d(' + epsilon(elements[0]) + ',' + epsilon(-elements[1]) + ',' + epsilon(elements[2]) + ',' + epsilon(elements[3]) + ',' + epsilon(elements[4]) + ',' + epsilon(-elements[5]) + ',' + epsilon(elements[6]) + ',' + epsilon(elements[7]) + ',' + epsilon(elements[8]) + ',' + epsilon(-elements[9]) + ',' + epsilon(elements[10]) + ',' + epsilon(elements[11]) + ',' + epsilon(elements[12]) + ',' + epsilon(-elements[13]) + ',' + epsilon(elements[14]) + ',' + epsilon(elements[15]) + ')';
   }
-  function getObjectCSSMatrix(matrix2) {
-    var elements = matrix2.elements;
-    var matrix3d = "matrix3d(" + epsilon(elements[0]) + "," + epsilon(elements[1]) + "," + epsilon(elements[2]) + "," + epsilon(elements[3]) + "," + epsilon(-elements[4]) + "," + epsilon(-elements[5]) + "," + epsilon(-elements[6]) + "," + epsilon(-elements[7]) + "," + epsilon(elements[8]) + "," + epsilon(elements[9]) + "," + epsilon(elements[10]) + "," + epsilon(elements[11]) + "," + epsilon(elements[12]) + "," + epsilon(elements[13]) + "," + epsilon(elements[14]) + "," + epsilon(elements[15]) + ")";
-    return "translate(-50%,-50%)" + matrix3d;
+
+  function getObjectCSSMatrix(matrix) {
+    var elements = matrix.elements;
+    var matrix3d = 'matrix3d(' + epsilon(elements[0]) + ',' + epsilon(elements[1]) + ',' + epsilon(elements[2]) + ',' + epsilon(elements[3]) + ',' + epsilon(-elements[4]) + ',' + epsilon(-elements[5]) + ',' + epsilon(-elements[6]) + ',' + epsilon(-elements[7]) + ',' + epsilon(elements[8]) + ',' + epsilon(elements[9]) + ',' + epsilon(elements[10]) + ',' + epsilon(elements[11]) + ',' + epsilon(elements[12]) + ',' + epsilon(elements[13]) + ',' + epsilon(elements[14]) + ',' + epsilon(elements[15]) + ')';
+    return 'translate(-50%,-50%)' + matrix3d;
   }
+
   function renderObject(object, scene, camera, cameraCSSMatrix) {
     if (object instanceof CSS3DObject) {
       object.onBeforeRender(_this, scene, camera);
       var style;
+
       if (object instanceof CSS3DSprite) {
+        // http://swiftcoder.wordpress.com/2008/11/25/constructing-a-billboard-matrix/
         matrix.copy(camera.matrixWorldInverse);
         matrix.transpose();
         matrix.copyPosition(object.matrixWorld);
@@ -88,46 +109,58 @@ var CSS3DRenderer = function() {
       } else {
         style = getObjectCSSMatrix(object.matrixWorld);
       }
+
       var element = object.element;
       var cachedObject = cache.objects.get(object);
-      if (cachedObject === void 0 || cachedObject.style !== style) {
+
+      if (cachedObject === undefined || cachedObject.style !== style) {
         element.style.transform = style;
-        var objectData = { style };
+        var objectData = {
+          style: style
+        };
         cache.objects.set(object, objectData);
       }
-      element.style.display = object.visible ? "" : "none";
+
+      element.style.display = object.visible ? '' : 'none';
+
       if (element.parentNode !== cameraElement) {
         cameraElement.appendChild(element);
       }
+
       object.onAfterRender(_this, scene, camera);
     }
+
     for (let i = 0, l = object.children.length; i < l; i++) {
-      renderObject(object.children[i], scene, camera, cameraCSSMatrix);
+      renderObject(object.children[i], scene, camera);
     }
   }
-  this.render = function(scene, camera) {
+
+  this.render = function (scene, camera) {
     var fov = camera.projectionMatrix.elements[5] * _heightHalf;
+
     if (cache.camera.fov !== fov) {
-      domElement.style.perspective = camera.isPerspectiveCamera ? fov + "px" : "";
+      domElement.style.perspective = camera.isPerspectiveCamera ? fov + 'px' : '';
       cache.camera.fov = fov;
     }
-    if (scene.autoUpdate === true)
-      scene.updateMatrixWorld();
-    if (camera.parent === null)
-      camera.updateMatrixWorld();
+
+    if (scene.autoUpdate === true) scene.updateMatrixWorld();
+    if (camera.parent === null) camera.updateMatrixWorld();
+
     if (camera.isOrthographicCamera) {
       var tx = -(camera.right + camera.left) / 2;
       var ty = (camera.top + camera.bottom) / 2;
     }
-    var cameraCSSMatrix = camera.isOrthographicCamera ? "scale(" + fov + ")translate(" + epsilon(tx) + "px," + epsilon(ty) + "px)" + getCameraCSSMatrix(camera.matrixWorldInverse) : "translateZ(" + fov + "px)" + getCameraCSSMatrix(camera.matrixWorldInverse);
-    var style = cameraCSSMatrix + "translate(" + _widthHalf + "px," + _heightHalf + "px)";
+
+    var cameraCSSMatrix = camera.isOrthographicCamera ? 'scale(' + fov + ')' + 'translate(' + epsilon(tx) + 'px,' + epsilon(ty) + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse) : 'translateZ(' + fov + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse);
+    var style = cameraCSSMatrix + 'translate(' + _widthHalf + 'px,' + _heightHalf + 'px)';
+
     if (cache.camera.style !== style) {
       cameraElement.style.transform = style;
       cache.camera.style = style;
     }
-    renderObject(scene, scene, camera, cameraCSSMatrix);
+
+    renderObject(scene, scene, camera);
   };
 };
-exports.CSS3DObject = CSS3DObject;
-exports.CSS3DRenderer = CSS3DRenderer;
-exports.CSS3DSprite = CSS3DSprite;
+
+export { CSS3DObject, CSS3DRenderer, CSS3DSprite };

package/renderers/Projector.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=function(){this.id=0,this.object=null,this.z=0,this.renderOrder=0},t=function(){this.id=0,this.v1=new i,this.v2=new i,this.v3=new i,this.normalModel=new e.Vector3,this.vertexNormalsModel=[new e.Vector3,new e.Vector3,new e.Vector3],this.vertexNormalsLength=0,this.color=new e.Color,this.material=null,this.uvs=[new e.Vector2,new e.Vector2,new e.Vector2],this.z=0,this.renderOrder=0},i=function(){this.position=new e.Vector3,this.positionWorld=new e.Vector3,this.positionScreen=new e.Vector4,this.visible=!0};i.prototype.copy=function(e){this.positionWorld.copy(e.positionWorld),this.positionScreen.copy(e.positionScreen)};var o=function(){this.id=0,this.v1=new i,this.v2=new i,this.vertexColors=[new e.Color,new e.Color],this.material=null,this.z=0,this.renderOrder=0},n=function(){this.id=0,this.object=null,this.x=0,this.y=0,this.z=0,this.rotation=0,this.scale=new e.Vector2,this.material=null,this.renderOrder=0};exports.Projector=function(){var s,l,a,c,p,u,h,f,d,m,v,y=[],x=0,g=[],w=0,M=[],b=0,j=[],S=0,z=[],V=0,O={objects:[],lights:[],elements:[]},E=new e.Vector3,T=new e.Vector4,R=new e.Box3(new e.Vector3(-1,-1,-1),new e.Vector3(1,1,1)),C=new e.Box3,P=new Array(3),G=new e.Matrix4,W=new e.Matrix4,B=new e.Matrix4,L=new e.Frustum;this.projectVector=function(e,r){console.warn("THREE.Projector: .projectVector() is now vector.project()."),e.project(r)},this.unprojectVector=function(e,r){console.warn("THREE.Projector: .unprojectVector() is now vector.unproject()."),e.unproject(r)},this.pickingRay=function(){console.error("THREE.Projector: .pickingRay() is now raycaster.setFromCamera().")};var A=new function(){var r=[],t=[],n=[],s=null,l=new e.Matrix3;function u(e){var r=e.position,t=e.positionWorld,i=e.positionScreen;t.copy(r).applyMatrix4(v),i.copy(t).applyMatrix4(W);var o=1/i.w;i.x*=o,i.y*=o,i.z*=o,e.visible=i.x>=-1&&i.x<=1&&i.y>=-1&&i.y<=1&&i.z>=-1&&i.z<=1}function d(e,r,t){return!0===e.visible||!0===r.visible||!0===t.visible||(P[0]=e.positionScreen,P[1]=r.positionScreen,P[2]=t.positionScreen,R.intersectsBox(C.setFromPoints(P)))}function m(e,r,t){return(t.positionScreen.x-e.positionScreen.x)*(r.positionScreen.y-e.positionScreen.y)-(t.positionScreen.y-e.positionScreen.y)*(r.positionScreen.x-e.positionScreen.x)<0}return{setObject:function(e){s=e,l.getNormalMatrix(s.matrixWorld),r.length=0,t.length=0,n.length=0},projectVertex:u,checkTriangleVisibility:d,checkBackfaceCulling:m,pushVertex:function(e,r,t){(a=function(){if(c===w){var e=new i;return g.push(e),w++,c++,e}return g[c++]}()).position.set(e,r,t),u(a)},pushNormal:function(e,t,i){r.push(e,t,i)},pushColor:function(e,r,i){t.push(e,r,i)},pushUv:function(e,r){n.push(e,r)},pushLine:function(e,r){var i,n,l,a,c,p,u,d,m=g[e],v=g[r];m.positionScreen.copy(m.position).applyMatrix4(B),v.positionScreen.copy(v.position).applyMatrix4(B),!0==(i=m.positionScreen,n=v.positionScreen,l=0,a=1,c=i.z+i.w,p=n.z+n.w,u=-i.z+i.w,d=-n.z+n.w,c>=0&&p>=0&&u>=0&&d>=0||!(c<0&&p<0||u<0&&d<0)&&(c<0?l=Math.max(l,c/(c-p)):p<0&&(a=Math.min(a,c/(c-p))),u<0?l=Math.max(l,u/(u-d)):d<0&&(a=Math.min(a,u/(u-d))),!(a<l||(i.lerp(n,l),n.lerp(i,1-a),0))))&&(m.positionScreen.multiplyScalar(1/m.positionScreen.w),v.positionScreen.multiplyScalar(1/v.positionScreen.w),(h=function(){if(f===S){var e=new o;return j.push(e),S++,f++,e}return j[f++]}()).id=s.id,h.v1.copy(m),h.v2.copy(v),h.z=Math.max(m.positionScreen.z,v.positionScreen.z),h.renderOrder=s.renderOrder,h.material=s.material,s.material.vertexColors&&(h.vertexColors[0].fromArray(t,3*e),h.vertexColors[1].fromArray(t,3*r)),O.elements.push(h))},pushTriangle:function(i,o,a,c){var u=g[i],h=g[o],f=g[a];if(!1!==d(u,h,f)&&(c.side===e.DoubleSide||!0===m(u,h,f))){(p=U()).id=s.id,p.v1.copy(u),p.v2.copy(h),p.v3.copy(f),p.z=(u.positionScreen.z+h.positionScreen.z+f.positionScreen.z)/3,p.renderOrder=s.renderOrder,E.subVectors(f.position,h.position),T.subVectors(u.position,h.position),E.cross(T),p.normalModel.copy(E),p.normalModel.applyMatrix3(l).normalize();for(let e=0;e<3;e++){var v=p.vertexNormalsModel[e];v.fromArray(r,3*arguments[e]),v.applyMatrix3(l).normalize();var y=p.uvs[e];y.fromArray(n,2*arguments[e])}p.vertexNormalsLength=3,p.material=c,c.vertexColors&&p.color.fromArray(t,3*i),O.elements.push(p)}}}};function H(e){if(!1!==e.visible){if(e.isLight)O.lights.push(e);else if(e.isMesh||e.isLine||e.isPoints){if(!1===e.material.visible)return;if(!0===e.frustumCulled&&!1===L.intersectsObject(e))return;N(e)}else if(e.isSprite){if(!1===e.material.visible)return;if(!0===e.frustumCulled&&!1===L.intersectsSprite(e))return;N(e)}var r=e.children;for(let e=0,t=r.length;e<t;e++)H(r[e])}}function N(e){(s=function(){if(l===x){var e=new r;return y.push(e),x++,l++,e}return y[l++]}()).id=e.id,s.object=e,E.setFromMatrixPosition(e.matrixWorld),E.applyMatrix4(W),s.z=E.z,s.renderOrder=e.renderOrder,O.objects.push(s)}function F(e,r,t){var i=1/e.w;e.z*=i,e.z>=-1&&e.z<=1&&((d=function(){if(m===V){var e=new n;return z.push(e),V++,m++,e}return z[m++]}()).id=r.id,d.x=e.x*i,d.y=e.y*i,d.z=e.z,d.renderOrder=r.renderOrder,d.object=r,d.rotation=r.rotation,d.scale.x=r.scale.x*Math.abs(d.x-(e.x+t.projectionMatrix.elements[0])/(e.w+t.projectionMatrix.elements[12])),d.scale.y=r.scale.y*Math.abs(d.y-(e.y+t.projectionMatrix.elements[5])/(e.w+t.projectionMatrix.elements[13])),d.material=r.material,O.elements.push(d))}function U(){if(u===b){var e=new t;return M.push(e),b++,u++,e}return M[u++]}function k(e,r){return e.renderOrder!==r.renderOrder?e.renderOrder-r.renderOrder:e.z!==r.z?r.z-e.z:e.id!==r.id?e.id-r.id:0}this.projectScene=function(e,r,t,i){u=0,f=0,m=0,O.elements.length=0,!0===e.autoUpdate&&e.updateMatrixWorld(),null===r.parent&&r.updateMatrixWorld(),G.copy(r.matrixWorldInverse),W.multiplyMatrices(r.projectionMatrix,G),L.setFromProjectionMatrix(W),l=0,O.objects.length=0,O.lights.length=0,H(e),!0===t&&O.objects.sort(k);var o=O.objects;for(let e=0,t=o.length;e<t;e++){var n=o[e].object,s=n.geometry;if(A.setObject(n),v=n.matrixWorld,c=0,n.isMesh){if(s.isBufferGeometry){var a=n.material,p=Array.isArray(a),h=s.attributes,d=s.groups;if(void 0===h.position)continue;for(let e=0,r=(N=h.position.array).length;e<r;e+=3){var y=N[e],x=N[e+1],g=N[e+2];if(!0===a.morphTargets){var w=s.morphAttributes.position,M=s.morphTargetsRelative,b=n.morphTargetInfluences;for(let r=0,t=w.length;r<t;r++){var j=b[r];if(0!==j){var S=w[r];M?(y+=S.getX(e/3)*j,x+=S.getY(e/3)*j,g+=S.getZ(e/3)*j):(y+=(S.getX(e/3)-N[e])*j,x+=(S.getY(e/3)-N[e+1])*j,g+=(S.getZ(e/3)-N[e+2])*j)}}}A.pushVertex(y,x,g)}if(void 0!==h.normal){var z=h.normal.array;for(let e=0,r=z.length;e<r;e+=3)A.pushNormal(z[e],z[e+1],z[e+2])}if(void 0!==h.color)for(let e=0,r=(C=h.color.array).length;e<r;e+=3)A.pushColor(C[e],C[e+1],C[e+2]);if(void 0!==h.uv){var V=h.uv.array;for(let e=0,r=V.length;e<r;e+=2)A.pushUv(V[e],V[e+1])}if(null!==s.index){var E=s.index.array;if(d.length>0)for(let e=0;e<d.length;e++){var R=d[e];if(void 0!==(a=!0===p?n.material[R.materialIndex]:n.material))for(let e=R.start,r=R.start+R.count;e<r;e+=3)A.pushTriangle(E[e],E[e+1],E[e+2],a)}else for(let e=0,r=E.length;e<r;e+=3)A.pushTriangle(E[e],E[e+1],E[e+2],a)}else if(d.length>0)for(let e=0;e<d.length;e++){R=d[e];if(void 0!==(a=!0===p?n.material[R.materialIndex]:n.material))for(let e=R.start,r=R.start+R.count;e<r;e+=3)A.pushTriangle(e,e+1,e+2,a)}else for(let e=0,r=N.length/3;e<r;e+=3)A.pushTriangle(e,e+1,e+2,a)}else if(s.isGeometry)return void console.error("THREE.Projector no longer supports Geometry. Use THREE.BufferGeometry instead.")}else if(n.isLine){if(B.multiplyMatrices(W,v),s.isBufferGeometry){if(void 0!==(h=s.attributes).position){var C;for(let e=0,r=(N=h.position.array).length;e<r;e+=3)A.pushVertex(N[e],N[e+1],N[e+2]);if(void 0!==h.color)for(let e=0,r=(C=h.color.array).length;e<r;e+=3)A.pushColor(C[e],C[e+1],C[e+2]);if(null!==s.index){for(let e=0,r=(E=s.index.array).length;e<r;e+=2)A.pushLine(E[e],E[e+1])}else{var P=n.isLineSegments?2:1;for(let e=0,r=N.length/3-1;e<r;e+=P)A.pushLine(e,e+1)}}}else if(s.isGeometry)return void console.error("THREE.Projector no longer supports Geometry. Use THREE.BufferGeometry instead.")}else if(n.isPoints){if(B.multiplyMatrices(W,v),s.isGeometry)return void console.error("THREE.Projector no longer supports Geometry. Use THREE.BufferGeometry instead.");var N;if(s.isBufferGeometry&&void 0!==(h=s.attributes).position)for(let e=0,t=(N=h.position.array).length;e<t;e+=3)T.set(N[e],N[e+1],N[e+2],1),T.applyMatrix4(B),F(T,n,r)}else n.isSprite&&(n.modelViewMatrix.multiplyMatrices(r.matrixWorldInverse,n.matrixWorld),T.set(v.elements[12],v.elements[13],v.elements[14],1),T.applyMatrix4(W),F(T,n,r))}return!0===i&&O.elements.sort(k),O}},exports.RenderableFace=t,exports.RenderableLine=o,exports.RenderableObject=r,exports.RenderableSprite=n,exports.RenderableVertex=i;