three-stdlib 2.25.0 → 2.26.0

package/postprocessing/WaterPass.js

@@ -1,72 +0,0 @@
-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;
-};
-import { UniformsUtils, Vector2, ShaderMaterial } from "three";
-import { Pass, FullScreenQuad } from "./Pass.js";
-class WaterPass extends Pass {
-  constructor() {
-    super();
-    __publicField(this, "material");
-    __publicField(this, "fsQuad");
-    __publicField(this, "factor");
-    __publicField(this, "time");
-    __publicField(this, "uniforms");
-    this.uniforms = UniformsUtils.clone({
-      tex: { value: null },
-      time: { value: 0 },
-      factor: { value: 0 },
-      resolution: { value: new Vector2(64, 64) }
-    });
-    this.material = new ShaderMaterial({
-      uniforms: this.uniforms,
-      vertexShader: `
-      varying vec2 vUv;
-      void main(){  
-        vUv = uv; 
-        vec4 modelViewPosition = modelViewMatrix * vec4(position, 1.0);
-        gl_Position = projectionMatrix * modelViewPosition;
-      }`,
-      fragmentShader: `
-      uniform float time;
-      uniform float factor;
-      uniform vec2 resolution;
-      uniform sampler2D tex;
-      varying vec2 vUv;
-      void main() {  
-        vec2 uv1 = vUv;
-        vec2 uv = gl_FragCoord.xy/resolution.xy;
-        float frequency = 6.0 * factor;
-        float amplitude = 0.015 * factor;
-        float x = uv1.y * frequency + time * .7; 
-        float y = uv1.x * frequency + time * .3;
-        uv1.x += cos(x+y) * amplitude * cos(y);
-        uv1.y += sin(x-y) * amplitude * cos(y);
-        vec4 rgba = texture2D(tex, uv1);
-        gl_FragColor = rgba;
-      }`
-    });
-    this.fsQuad = new FullScreenQuad(this.material);
-    this.factor = 0;
-    this.time = 0;
-  }
-  render(renderer, writeBuffer, readBuffer) {
-    this.uniforms["tex"].value = readBuffer.texture;
-    this.uniforms["time"].value = this.time;
-    this.uniforms["factor"].value = this.factor;
-    if (this.renderToScreen) {
-      renderer.setRenderTarget(null);
-      this.fsQuad.render(renderer);
-    } else {
-      renderer.setRenderTarget(writeBuffer);
-      if (this.clear)
-        renderer.clear();
-      this.fsQuad.render(renderer);
-    }
-  }
-}
-export {
-  WaterPass
-};

package/renderers/CSS2DRenderer.cjs

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const THREE = require("three");
-class CSS2DObject extends THREE.Object3D {
-  constructor(element = document.createElement("div")) {
-    super();
-    this.isCSS2DObject = true;
-    this.element = element;
-    this.element.style.position = "absolute";
-    this.element.style.userSelect = "none";
-    this.element.setAttribute("draggable", false);
-    this.center = new THREE.Vector2(0.5, 0.5);
-    this.addEventListener("removed", function() {
-      this.traverse(function(object) {
-        if (object.element instanceof Element && object.element.parentNode !== null) {
-          object.element.parentNode.removeChild(object.element);
-        }
-      });
-    });
-  }
-  copy(source, recursive) {
-    super.copy(source, recursive);
-    this.element = source.element.cloneNode(true);
-    this.center = source.center;
-    return this;
-  }
-}
-const _vector = /* @__PURE__ */ new THREE.Vector3();
-const _viewMatrix = /* @__PURE__ */ new THREE.Matrix4();
-const _viewProjectionMatrix = /* @__PURE__ */ new THREE.Matrix4();
-const _a = /* @__PURE__ */ new THREE.Vector3();
-const _b = /* @__PURE__ */ new THREE.Vector3();
-class CSS2DRenderer {
-  constructor(parameters = {}) {
-    const _this = this;
-    let _width, _height;
-    let _widthHalf, _heightHalf;
-    const cache = {
-      objects: /* @__PURE__ */ new WeakMap()
-    };
-    const domElement = parameters.element !== void 0 ? parameters.element : document.createElement("div");
-    domElement.style.overflow = "hidden";
-    this.domElement = domElement;
-    this.getSize = function() {
-      return {
-        width: _width,
-        height: _height
-      };
-    };
-    this.render = function(scene, camera) {
-      if (scene.matrixWorldAutoUpdate === true)
-        scene.updateMatrixWorld();
-      if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
-        camera.updateMatrixWorld();
-      _viewMatrix.copy(camera.matrixWorldInverse);
-      _viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix, _viewMatrix);
-      renderObject(scene, scene, camera);
-      zOrder(scene);
-    };
-    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";
-    };
-    function renderObject(object, scene, camera) {
-      if (object.isCSS2DObject) {
-        _vector.setFromMatrixPosition(object.matrixWorld);
-        _vector.applyMatrix4(_viewProjectionMatrix);
-        const visible = object.visible === true && _vector.z >= -1 && _vector.z <= 1 && object.layers.test(camera.layers) === true;
-        object.element.style.display = visible === true ? "" : "none";
-        if (visible === true) {
-          object.onBeforeRender(_this, scene, camera);
-          const element = object.element;
-          element.style.transform = "translate(" + -100 * object.center.x + "%," + -100 * object.center.y + "%)translate(" + (_vector.x * _widthHalf + _widthHalf) + "px," + (-_vector.y * _heightHalf + _heightHalf) + "px)";
-          if (element.parentNode !== domElement) {
-            domElement.appendChild(element);
-          }
-          object.onAfterRender(_this, scene, camera);
-        }
-        const objectData = {
-          distanceToCameraSquared: getDistanceToSquared(camera, object)
-        };
-        cache.objects.set(object, objectData);
-      }
-      for (let i = 0, l = object.children.length; i < l; i++) {
-        renderObject(object.children[i], scene, camera);
-      }
-    }
-    function getDistanceToSquared(object1, object2) {
-      _a.setFromMatrixPosition(object1.matrixWorld);
-      _b.setFromMatrixPosition(object2.matrixWorld);
-      return _a.distanceToSquared(_b);
-    }
-    function filterAndFlatten(scene) {
-      const result = [];
-      scene.traverse(function(object) {
-        if (object.isCSS2DObject)
-          result.push(object);
-      });
-      return result;
-    }
-    function zOrder(scene) {
-      const sorted = filterAndFlatten(scene).sort(function(a, b) {
-        if (a.renderOrder !== b.renderOrder) {
-          return b.renderOrder - a.renderOrder;
-        }
-        const distanceA = cache.objects.get(a).distanceToCameraSquared;
-        const distanceB = cache.objects.get(b).distanceToCameraSquared;
-        return distanceA - distanceB;
-      });
-      const zMax = sorted.length;
-      for (let i = 0, l = sorted.length; i < l; i++) {
-        sorted[i].element.style.zIndex = zMax - i;
-      }
-    }
-  }
-}
-exports.CSS2DObject = CSS2DObject;
-exports.CSS2DRenderer = CSS2DRenderer;

package/renderers/CSS2DRenderer.js

@@ -1,122 +0,0 @@
-import { Object3D, Vector2, Vector3, Matrix4 } from "three";
-class CSS2DObject extends Object3D {
-  constructor(element = document.createElement("div")) {
-    super();
-    this.isCSS2DObject = true;
-    this.element = element;
-    this.element.style.position = "absolute";
-    this.element.style.userSelect = "none";
-    this.element.setAttribute("draggable", false);
-    this.center = new Vector2(0.5, 0.5);
-    this.addEventListener("removed", function() {
-      this.traverse(function(object) {
-        if (object.element instanceof Element && object.element.parentNode !== null) {
-          object.element.parentNode.removeChild(object.element);
-        }
-      });
-    });
-  }
-  copy(source, recursive) {
-    super.copy(source, recursive);
-    this.element = source.element.cloneNode(true);
-    this.center = source.center;
-    return this;
-  }
-}
-const _vector = /* @__PURE__ */ new Vector3();
-const _viewMatrix = /* @__PURE__ */ new Matrix4();
-const _viewProjectionMatrix = /* @__PURE__ */ new Matrix4();
-const _a = /* @__PURE__ */ new Vector3();
-const _b = /* @__PURE__ */ new Vector3();
-class CSS2DRenderer {
-  constructor(parameters = {}) {
-    const _this = this;
-    let _width, _height;
-    let _widthHalf, _heightHalf;
-    const cache = {
-      objects: /* @__PURE__ */ new WeakMap()
-    };
-    const domElement = parameters.element !== void 0 ? parameters.element : document.createElement("div");
-    domElement.style.overflow = "hidden";
-    this.domElement = domElement;
-    this.getSize = function() {
-      return {
-        width: _width,
-        height: _height
-      };
-    };
-    this.render = function(scene, camera) {
-      if (scene.matrixWorldAutoUpdate === true)
-        scene.updateMatrixWorld();
-      if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
-        camera.updateMatrixWorld();
-      _viewMatrix.copy(camera.matrixWorldInverse);
-      _viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix, _viewMatrix);
-      renderObject(scene, scene, camera);
-      zOrder(scene);
-    };
-    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";
-    };
-    function renderObject(object, scene, camera) {
-      if (object.isCSS2DObject) {
-        _vector.setFromMatrixPosition(object.matrixWorld);
-        _vector.applyMatrix4(_viewProjectionMatrix);
-        const visible = object.visible === true && _vector.z >= -1 && _vector.z <= 1 && object.layers.test(camera.layers) === true;
-        object.element.style.display = visible === true ? "" : "none";
-        if (visible === true) {
-          object.onBeforeRender(_this, scene, camera);
-          const element = object.element;
-          element.style.transform = "translate(" + -100 * object.center.x + "%," + -100 * object.center.y + "%)translate(" + (_vector.x * _widthHalf + _widthHalf) + "px," + (-_vector.y * _heightHalf + _heightHalf) + "px)";
-          if (element.parentNode !== domElement) {
-            domElement.appendChild(element);
-          }
-          object.onAfterRender(_this, scene, camera);
-        }
-        const objectData = {
-          distanceToCameraSquared: getDistanceToSquared(camera, object)
-        };
-        cache.objects.set(object, objectData);
-      }
-      for (let i = 0, l = object.children.length; i < l; i++) {
-        renderObject(object.children[i], scene, camera);
-      }
-    }
-    function getDistanceToSquared(object1, object2) {
-      _a.setFromMatrixPosition(object1.matrixWorld);
-      _b.setFromMatrixPosition(object2.matrixWorld);
-      return _a.distanceToSquared(_b);
-    }
-    function filterAndFlatten(scene) {
-      const result = [];
-      scene.traverse(function(object) {
-        if (object.isCSS2DObject)
-          result.push(object);
-      });
-      return result;
-    }
-    function zOrder(scene) {
-      const sorted = filterAndFlatten(scene).sort(function(a, b) {
-        if (a.renderOrder !== b.renderOrder) {
-          return b.renderOrder - a.renderOrder;
-        }
-        const distanceA = cache.objects.get(a).distanceToCameraSquared;
-        const distanceB = cache.objects.get(b).distanceToCameraSquared;
-        return distanceA - distanceB;
-      });
-      const zMax = sorted.length;
-      for (let i = 0, l = sorted.length; i < l; i++) {
-        sorted[i].element.style.zIndex = zMax - i;
-      }
-    }
-  }
-}
-export {
-  CSS2DObject,
-  CSS2DRenderer
-};

package/renderers/CSS3DRenderer.cjs

@@ -1,167 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const THREE = require("three");
-const _position = /* @__PURE__ */ new THREE.Vector3();
-const _quaternion = /* @__PURE__ */ new THREE.Quaternion();
-const _scale = /* @__PURE__ */ new THREE.Vector3();
-class CSS3DObject extends THREE.Object3D {
-  constructor(element = document.createElement("div")) {
-    super();
-    this.isCSS3DObject = true;
-    this.element = element;
-    this.element.style.position = "absolute";
-    this.element.style.pointerEvents = "auto";
-    this.element.style.userSelect = "none";
-    this.element.setAttribute("draggable", false);
-    this.addEventListener("removed", function() {
-      this.traverse(function(object) {
-        if (object.element instanceof Element && object.element.parentNode !== null) {
-          object.element.parentNode.removeChild(object.element);
-        }
-      });
-    });
-  }
-  copy(source, recursive) {
-    super.copy(source, recursive);
-    this.element = source.element.cloneNode(true);
-    return this;
-  }
-}
-class CSS3DSprite extends CSS3DObject {
-  constructor(element) {
-    super(element);
-    this.isCSS3DSprite = true;
-    this.rotation2D = 0;
-  }
-  copy(source, recursive) {
-    super.copy(source, recursive);
-    this.rotation2D = source.rotation2D;
-    return this;
-  }
-}
-const _matrix = /* @__PURE__ */ new THREE.Matrix4();
-const _matrix2 = /* @__PURE__ */ new THREE.Matrix4();
-class CSS3DRenderer {
-  constructor(parameters = {}) {
-    const _this = this;
-    let _width, _height;
-    let _widthHalf, _heightHalf;
-    const cache = {
-      camera: { fov: 0, style: "" },
-      objects: /* @__PURE__ */ new WeakMap()
-    };
-    const domElement = parameters.element !== void 0 ? parameters.element : document.createElement("div");
-    domElement.style.overflow = "hidden";
-    this.domElement = domElement;
-    const viewElement = document.createElement("div");
-    viewElement.style.transformOrigin = "0 0";
-    viewElement.style.pointerEvents = "none";
-    domElement.appendChild(viewElement);
-    const cameraElement = document.createElement("div");
-    cameraElement.style.transformStyle = "preserve-3d";
-    viewElement.appendChild(cameraElement);
-    this.getSize = function() {
-      return {
-        width: _width,
-        height: _height
-      };
-    };
-    this.render = function(scene, camera) {
-      const fov = camera.projectionMatrix.elements[5] * _heightHalf;
-      if (cache.camera.fov !== fov) {
-        viewElement.style.perspective = camera.isPerspectiveCamera ? fov + "px" : "";
-        cache.camera.fov = fov;
-      }
-      if (camera.view && camera.view.enabled) {
-        viewElement.style.transform = `translate( ${-camera.view.offsetX * (_width / camera.view.width)}px, ${-camera.view.offsetY * (_height / camera.view.height)}px )`;
-        viewElement.style.transform += `scale( ${camera.view.fullWidth / camera.view.width}, ${camera.view.fullHeight / camera.view.height} )`;
-      } else {
-        viewElement.style.transform = "";
-      }
-      if (scene.matrixWorldAutoUpdate === true)
-        scene.updateMatrixWorld();
-      if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
-        camera.updateMatrixWorld();
-      let tx, ty;
-      if (camera.isOrthographicCamera) {
-        tx = -(camera.right + camera.left) / 2;
-        ty = (camera.top + camera.bottom) / 2;
-      }
-      const scaleByViewOffset = camera.view && camera.view.enabled ? camera.view.height / camera.view.fullHeight : 1;
-      const cameraCSSMatrix = camera.isOrthographicCamera ? `scale( ${scaleByViewOffset} )scale(` + fov + ")translate(" + epsilon(tx) + "px," + epsilon(ty) + "px)" + getCameraCSSMatrix(camera.matrixWorldInverse) : `scale( ${scaleByViewOffset} )translateZ(` + fov + "px)" + getCameraCSSMatrix(camera.matrixWorldInverse);
-      const 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);
-    };
-    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";
-      viewElement.style.width = width + "px";
-      viewElement.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(matrix) {
-      const 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(matrix) {
-      const elements = matrix.elements;
-      const 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.isCSS3DObject) {
-        const visible = object.visible === true && object.layers.test(camera.layers) === true;
-        object.element.style.display = visible === true ? "" : "none";
-        if (visible === true) {
-          object.onBeforeRender(_this, scene, camera);
-          let style;
-          if (object.isCSS3DSprite) {
-            _matrix.copy(camera.matrixWorldInverse);
-            _matrix.transpose();
-            if (object.rotation2D !== 0)
-              _matrix.multiply(_matrix2.makeRotationZ(object.rotation2D));
-            object.matrixWorld.decompose(_position, _quaternion, _scale);
-            _matrix.setPosition(_position);
-            _matrix.scale(_scale);
-            _matrix.elements[3] = 0;
-            _matrix.elements[7] = 0;
-            _matrix.elements[11] = 0;
-            _matrix.elements[15] = 1;
-            style = getObjectCSSMatrix(_matrix);
-          } else {
-            style = getObjectCSSMatrix(object.matrixWorld);
-          }
-          const element = object.element;
-          const cachedObject = cache.objects.get(object);
-          if (cachedObject === void 0 || cachedObject.style !== style) {
-            element.style.transform = style;
-            const objectData = { style };
-            cache.objects.set(object, objectData);
-          }
-          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);
-      }
-    }
-  }
-}
-exports.CSS3DObject = CSS3DObject;
-exports.CSS3DRenderer = CSS3DRenderer;
-exports.CSS3DSprite = CSS3DSprite;

package/renderers/CSS3DRenderer.js

@@ -1,167 +0,0 @@
-import { Vector3, Quaternion, Object3D, Matrix4 } from "three";
-const _position = /* @__PURE__ */ new Vector3();
-const _quaternion = /* @__PURE__ */ new Quaternion();
-const _scale = /* @__PURE__ */ new Vector3();
-class CSS3DObject extends Object3D {
-  constructor(element = document.createElement("div")) {
-    super();
-    this.isCSS3DObject = true;
-    this.element = element;
-    this.element.style.position = "absolute";
-    this.element.style.pointerEvents = "auto";
-    this.element.style.userSelect = "none";
-    this.element.setAttribute("draggable", false);
-    this.addEventListener("removed", function() {
-      this.traverse(function(object) {
-        if (object.element instanceof Element && object.element.parentNode !== null) {
-          object.element.parentNode.removeChild(object.element);
-        }
-      });
-    });
-  }
-  copy(source, recursive) {
-    super.copy(source, recursive);
-    this.element = source.element.cloneNode(true);
-    return this;
-  }
-}
-class CSS3DSprite extends CSS3DObject {
-  constructor(element) {
-    super(element);
-    this.isCSS3DSprite = true;
-    this.rotation2D = 0;
-  }
-  copy(source, recursive) {
-    super.copy(source, recursive);
-    this.rotation2D = source.rotation2D;
-    return this;
-  }
-}
-const _matrix = /* @__PURE__ */ new Matrix4();
-const _matrix2 = /* @__PURE__ */ new Matrix4();
-class CSS3DRenderer {
-  constructor(parameters = {}) {
-    const _this = this;
-    let _width, _height;
-    let _widthHalf, _heightHalf;
-    const cache = {
-      camera: { fov: 0, style: "" },
-      objects: /* @__PURE__ */ new WeakMap()
-    };
-    const domElement = parameters.element !== void 0 ? parameters.element : document.createElement("div");
-    domElement.style.overflow = "hidden";
-    this.domElement = domElement;
-    const viewElement = document.createElement("div");
-    viewElement.style.transformOrigin = "0 0";
-    viewElement.style.pointerEvents = "none";
-    domElement.appendChild(viewElement);
-    const cameraElement = document.createElement("div");
-    cameraElement.style.transformStyle = "preserve-3d";
-    viewElement.appendChild(cameraElement);
-    this.getSize = function() {
-      return {
-        width: _width,
-        height: _height
-      };
-    };
-    this.render = function(scene, camera) {
-      const fov = camera.projectionMatrix.elements[5] * _heightHalf;
-      if (cache.camera.fov !== fov) {
-        viewElement.style.perspective = camera.isPerspectiveCamera ? fov + "px" : "";
-        cache.camera.fov = fov;
-      }
-      if (camera.view && camera.view.enabled) {
-        viewElement.style.transform = `translate( ${-camera.view.offsetX * (_width / camera.view.width)}px, ${-camera.view.offsetY * (_height / camera.view.height)}px )`;
-        viewElement.style.transform += `scale( ${camera.view.fullWidth / camera.view.width}, ${camera.view.fullHeight / camera.view.height} )`;
-      } else {
-        viewElement.style.transform = "";
-      }
-      if (scene.matrixWorldAutoUpdate === true)
-        scene.updateMatrixWorld();
-      if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
-        camera.updateMatrixWorld();
-      let tx, ty;
-      if (camera.isOrthographicCamera) {
-        tx = -(camera.right + camera.left) / 2;
-        ty = (camera.top + camera.bottom) / 2;
-      }
-      const scaleByViewOffset = camera.view && camera.view.enabled ? camera.view.height / camera.view.fullHeight : 1;
-      const cameraCSSMatrix = camera.isOrthographicCamera ? `scale( ${scaleByViewOffset} )scale(` + fov + ")translate(" + epsilon(tx) + "px," + epsilon(ty) + "px)" + getCameraCSSMatrix(camera.matrixWorldInverse) : `scale( ${scaleByViewOffset} )translateZ(` + fov + "px)" + getCameraCSSMatrix(camera.matrixWorldInverse);
-      const 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);
-    };
-    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";
-      viewElement.style.width = width + "px";
-      viewElement.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(matrix) {
-      const 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(matrix) {
-      const elements = matrix.elements;
-      const 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.isCSS3DObject) {
-        const visible = object.visible === true && object.layers.test(camera.layers) === true;
-        object.element.style.display = visible === true ? "" : "none";
-        if (visible === true) {
-          object.onBeforeRender(_this, scene, camera);
-          let style;
-          if (object.isCSS3DSprite) {
-            _matrix.copy(camera.matrixWorldInverse);
-            _matrix.transpose();
-            if (object.rotation2D !== 0)
-              _matrix.multiply(_matrix2.makeRotationZ(object.rotation2D));
-            object.matrixWorld.decompose(_position, _quaternion, _scale);
-            _matrix.setPosition(_position);
-            _matrix.scale(_scale);
-            _matrix.elements[3] = 0;
-            _matrix.elements[7] = 0;
-            _matrix.elements[11] = 0;
-            _matrix.elements[15] = 1;
-            style = getObjectCSSMatrix(_matrix);
-          } else {
-            style = getObjectCSSMatrix(object.matrixWorld);
-          }
-          const element = object.element;
-          const cachedObject = cache.objects.get(object);
-          if (cachedObject === void 0 || cachedObject.style !== style) {
-            element.style.transform = style;
-            const objectData = { style };
-            cache.objects.set(object, objectData);
-          }
-          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);
-      }
-    }
-  }
-}
-export {
-  CSS3DObject,
-  CSS3DRenderer,
-  CSS3DSprite
-};