gl-draw 0.12.21 → 0.12.23

package/dist/index.module.js

@@ -12,27 +12,28 @@ var Ot = (g, t, e) => t in g ? Xt(g, t, { enumerable: !0, configurable: !0, writ
 }, mt = (g, t) => Kt(g, qt(t));
 import * as w from "three";
 import { Vector3 as et, Quaternion as $t, Matrix4 as ct, UniformsUtils as Jt, RawShaderMaterial as te } from "three";
+import { Timer as ee } from "three/examples/jsm/misc/Timer";
 import * as vt from "@tweenjs/tween.js";
 import { e as st } from "./events.module.js";
-import ee from "deepmerge";
-import se from "stats-gl";
-import ie from "lil-gui";
-import { C as re } from "./colorCorrection.module.js";
-import { d as oe } from "./parseVector.module.js";
+import se from "deepmerge";
+import ie from "stats-gl";
+import re from "lil-gui";
+import { C as oe } from "./colorCorrection.module.js";
+import { d as ne } from "./parseVector.module.js";
 import "idb-keyval";
 import "esus-lite";
 import "d3-geo";
 import "d3-geo-projection";
-import { RectAreaLightHelper as ne } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as ae } from "three/examples/jsm/helpers/ViewHelper";
-import { TransformControls as he } from "three/examples/jsm/controls/TransformControls";
+import { RectAreaLightHelper as ae } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { ViewHelper as he } from "three/examples/jsm/helpers/ViewHelper";
+import { TransformControls as le } from "three/examples/jsm/controls/TransformControls";
 import { EffectComposer as Tt } from "three/examples/jsm/postprocessing/EffectComposer";
-import { RenderPass as le } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as ce } from "three/examples/jsm/postprocessing/SSAOPass";
-import { FullScreenQuad as de } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as me } from "three/examples/jsm/postprocessing/OutputPass";
-import { ShaderPass as pe } from "three/examples/jsm/postprocessing/ShaderPass";
-import { UnrealBloomPass as _e } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+import { RenderPass as ce } from "three/examples/jsm/postprocessing/RenderPass";
+import { SSAOPass as de } from "three/examples/jsm/postprocessing/SSAOPass";
+import { FullScreenQuad as me } from "three/examples/jsm/postprocessing/Pass";
+import { OutputPass as pe } from "three/examples/jsm/postprocessing/OutputPass";
+import { ShaderPass as _e } from "three/examples/jsm/postprocessing/ShaderPass";
+import { UnrealBloomPass as ue } from "three/examples/jsm/postprocessing/UnrealBloomPass";
 import "three/examples/jsm/renderers/CSS2DRenderer";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "three/examples/jsm/lights/RectAreaLightUniformsLib";
@@ -41,8 +42,8 @@ import { M as Bt } from "./index.module2.js";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/lines/LineMaterial";
 import "three-bvh-csg";
-import { i as ue } from "./isPlainObject.module.js";
-import { B as As } from "./BaseObject.module.js";
+import { i as fe } from "./isPlainObject.module.js";
+import { B as bs } from "./BaseObject.module.js";
 const U = {
   LEFT: 1,
   RIGHT: 2,
@@ -129,7 +130,7 @@ function pt(g, t) {
 function _t(g, t) {
   return k(g) ? (console.warn(`${t} is not supported in OrthographicCamera`), !0) : !1;
 }
-class fe {
+class ge {
   constructor() {
     this._listeners = {};
   }
@@ -193,9 +194,9 @@ class fe {
     }
   }
 }
-const nt = 1 / 8, ge = /Mac/.test(navigator.platform);
+const nt = 1 / 8, Ce = /Mac/.test(navigator.platform);
 let T, Pt, at, ut, L, S, P, W, J, F, I, N, At, Dt, z, tt, G, bt, ft, Ut, gt, Ct, ht;
-class q extends fe {
+class q extends ge {
   /**
        * Injects THREE as the dependency. You can then proceed to use CameraControls.
        *
@@ -413,7 +414,7 @@ class q extends fe {
         const O = performance.now();
         d - O < 1e3 && this._getClientRect(this._elementRect), d = O;
       }
-      const m = ge ? -1 : -3, E = o.deltaMode === 1 ? o.deltaY / m : o.deltaY / (m * 10), f = this.dollyToCursor ? (o.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, x = this.dollyToCursor ? (o.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const m = Ce ? -1 : -3, E = o.deltaMode === 1 ? o.deltaY / m : o.deltaY / (m * 10), f = this.dollyToCursor ? (o.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, x = this.dollyToCursor ? (o.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case h.ROTATE: {
           this._rotateInternal(o.deltaX, o.deltaY), this._isUserControllingRotate = !0;
@@ -1718,20 +1719,20 @@ class q extends fe {
     }), s.radius = Math.sqrt(r), s;
   }
 }
-const Ce = {
+const ye = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: re.sRGB,
+  outputColorSpace: oe.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
   depth: !1,
   physicallyCorrectLights: !1
 };
-class ye {
+class Ee {
   constructor(t) {
     this.options = t;
     const { width: e, height: s, rendererParams: i } = t, {
@@ -1789,11 +1790,11 @@ class ye {
     this.setSize(1, 1), (t = this.renderer) == null || t.clear(), (e = this.renderer) == null || e.dispose();
   }
 }
-const Ee = {
+const Oe = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
-class Oe {
+class ve {
   constructor(t) {
     this.options = t;
     const { width: e, height: s, rendererParams: i, renderer: r } = t, { devicePixelRatio: n, antialias: a } = i, l = new r({
@@ -1812,13 +1813,13 @@ class Oe {
     this.setSize(1, 1), (t = this.renderer) == null || t.clear(), (e = this.renderer) == null || e.dispose();
   }
 }
-const ve = {
+const Te = {
   fov: 45,
   near: 1,
   far: 1e3,
   up: new w.Vector3(0, 1, 0)
 };
-class Te {
+class xe {
   constructor(t) {
     this.event = new st.EventEmitter(), this.cameraArr = [], this.cameraActiveIndex = 0, this.customCamera = !1, this.width = 0, this.height = 0, this.width = t.width, this.height = t.height;
   }
@@ -1894,15 +1895,15 @@ class Te {
     }
   }
 }
-const xe = {
+const we = {
   background: null
-}, we = new w.Scene();
-class Se {
+}, Se = new w.Scene();
+class Pe {
   constructor(t) {
     this.event = new st.EventEmitter(), this.sceneArr = [], this.sceneActiveIndex = 0, this.overrideMaterial = !1, this.options = t;
   }
   get scene() {
-    return this.sceneActiveIndex == -1 ? we : this.sceneArr[this.sceneActiveIndex];
+    return this.sceneActiveIndex == -1 ? Se : this.sceneArr[this.sceneActiveIndex];
   }
   addScene(t) {
     const e = new w.Scene();
@@ -1917,12 +1918,12 @@ class Se {
   dispose() {
     this.sceneArr.forEach((t) => {
       t.traverse((e) => {
-        oe(e);
+        ne(e);
       });
     });
   }
 }
-class Pe {
+class Ae {
   constructor(t) {
     this.helpers = {}, this.options = t;
   }
@@ -1943,7 +1944,7 @@ class Pe {
       else if (t.isHemisphereLight)
         i = new w.HemisphereLightHelper(t, 10);
       else if (t.isRectAreaLight)
-        i = new ne(t);
+        i = new ae(t);
       else {
         const r = new w.Box3();
         if (r.setFromObject(t, !0), r.isEmpty() === !1) {
@@ -1957,7 +1958,7 @@ class Pe {
     }
   }
   addViewHelper() {
-    const { cameraController: t, container: e } = this.options, s = new ae(t.camera, e);
+    const { cameraController: t, container: e } = this.options, s = new he(t.camera, e);
     e.addEventListener("pointerdown", (i) => {
       i.preventDefault(), s.handleClick(i);
     }), this.viewHelper = s;
@@ -2007,7 +2008,7 @@ class Pe {
     this.helpers = {}, (t = this.viewHelper) == null || t.dispose();
   }
 }
-class Ae {
+class De {
   constructor(t) {
     this.event = new st.EventEmitter(), this.cameraControlsArr = [], this.cameraControlsActiveIndex = 0, this.autoRotateSpeed = 0, this.options = t, q.install({ THREE: w });
   }
@@ -2054,10 +2055,10 @@ class Ae {
     });
   }
 }
-class De {
+class be {
   constructor(t) {
     this.event = new st.EventEmitter();
-    const { renderer: e, scene: s, camera: i } = t, r = new he(
+    const { renderer: e, scene: s, camera: i } = t, r = new le(
       i,
       e.domElement
     );
@@ -2123,8 +2124,8 @@ class De {
     this.event.removeAllListeners(), (t = this.controls) == null || t.dispose();
   }
 }
-const Rt = new et(), be = new $t(), Lt = new et(), H = new ct(), Ue = new ct();
-class Re {
+const Rt = new et(), Ue = new $t(), Lt = new et(), H = new ct(), Re = new ct();
+class Le {
   constructor(t = {}) {
     const e = this;
     let s, i, r, n;
@@ -2177,7 +2178,7 @@ class Re {
         if (x.style.display = f === !0 ? "" : "none", f === !0) {
           _.onBeforeRender(e, o, m);
           let O;
-          _.isCSS3DSprite ? (H.copy(m.matrixWorldInverse), H.transpose(), _.rotation2D !== 0 && H.multiply(Ue.makeRotationZ(_.rotation2D)), _.matrixWorld.decompose(Rt, be, Lt), H.setPosition(Rt), H.scale(Lt), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, O = C(H)) : O = C(_.matrixWorld);
+          _.isCSS3DSprite ? (H.copy(m.matrixWorldInverse), H.transpose(), _.rotation2D !== 0 && H.multiply(Re.makeRotationZ(_.rotation2D)), _.matrixWorld.decompose(Rt, Ue, Lt), H.setPosition(Rt), H.scale(Lt), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, O = C(H)) : O = C(_.matrixWorld);
           const D = a.objects.get(_);
           if (D === void 0 || D.style !== O) {
             x.style.transform = O;
@@ -2193,7 +2194,7 @@ class Re {
   }
 }
 const X = new et(), zt = new ct(), Mt = new ct(), Ft = new et(), It = new et();
-class Le {
+class ze {
   constructor(t = {}) {
     const e = this;
     let s, i, r, n;
@@ -2256,12 +2257,12 @@ class Le {
 const Ht = {
   zIndex: "auto"
 };
-class ze {
+class Me {
   constructor(t) {
     this.container = t;
   }
   addRenderer(t, e) {
-    const s = e.container || this.container, i = s.offsetWidth, r = s.offsetHeight, n = t === "css2d" ? new Le() : new Re();
+    const s = e.container || this.container, i = s.offsetWidth, r = s.offsetHeight, n = t === "css2d" ? new ze() : new Le();
     n.domElement.style.position = "absolute", n.domElement.style.top = "0", n.domElement.style.pointerEvents = "none", n.domElement.style.zIndex = e.zIndex, n.setSize(i, r), s.appendChild(n.domElement), t === "css2d" ? this.css2Drenderer = n : t === "css3d" && (this.css3Drenderer = n);
   }
   setSize(t, e) {
@@ -2334,7 +2335,7 @@ class kt {
     });
   }
 }
-const Me = {
+const Fe = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2424,20 +2425,20 @@ const Me = {
 		}`
   )
 };
-class Fe extends me {
+class Ie extends pe {
   constructor() {
     super();
-    const t = Me;
+    const t = Fe;
     this.uniforms = Jt.clone(t.uniforms), this.material = new te({
       name: t.name,
       uniforms: this.uniforms,
       vertexShader: t.vertexShader,
       fragmentShader: t.fragmentShader
-    }), this.fsQuad = new de(this.material);
+    }), this.fsQuad = new me(this.material);
   }
 }
-const Ie = (g) => {
-  const t = new pe(
+const He = (g) => {
+  const t = new _e(
     new w.ShaderMaterial({
       uniforms: {
         baseTexture: { value: null },
@@ -2472,36 +2473,36 @@ const Ie = (g) => {
     "baseTexture"
   );
   return t.needsSwap = !0, t;
-}, yt = 1, K = !1, He = new w.MeshBasicMaterial({ color: "black" }), ke = new w.PointsMaterial({
+}, yt = 1, K = !1, ke = new w.MeshBasicMaterial({ color: "black" }), Ve = new w.PointsMaterial({
   color: "black",
   sizeAttenuation: !1
-}), Ve = new w.PointsMaterial({
+}), Be = new w.PointsMaterial({
   color: "black",
   sizeAttenuation: !0
-}), Be = new w.SpriteMaterial({
+}), Ne = new w.SpriteMaterial({
   color: "black",
   sizeAttenuation: !0
-}), Ne = new w.SpriteMaterial({
+}), Ye = new w.SpriteMaterial({
   color: "black",
   sizeAttenuation: !1
-}), Ye = new Bt({
+}), Ze = new Bt({
   color: "black",
   sizeAttenuation: 0,
   lineWidth: 0
-}), Ze = {
+}), We = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
-}, We = {
+}, Ge = {
   threshold: 0,
   strength: 0.4,
   radius: 0.1,
   bloomAlphaType: 0
-}, Ge = {
+}, Xe = {
   multisampling: 4,
   premultiplieAlpha: !1
 };
-class Xe {
+class Ke {
   constructor(t) {
     this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new w.Layers(), this.bloomMaterials = {}, this.bloomVisible = {}, this.pipViewportState = null, this.options = t;
     const {
@@ -2509,7 +2510,9 @@ class Xe {
       sceneController: s,
       cameraController: i,
       composerParams: r
-    } = t, { renderer: n } = e, { multisampling: a } = r, { maxSamples: l } = n.capabilities, d = n.getDrawingBufferSize(
+    } = t, { renderer: n } = e;
+    this.renderer = n;
+    const { multisampling: a } = r, { maxSamples: l } = n.capabilities, d = n.getDrawingBufferSize(
       new w.Vector2()
     ), y = new w.WebGLRenderTarget(
       d.width,
@@ -2518,13 +2521,13 @@ class Xe {
         samples: Math.min(a, l),
         type: w.HalfFloatType
       }
-    ), c = new le(
+    ), c = new Tt(n, y), v = this.getSize();
+    c.setSize(v.width, v.height);
+    const C = new ce(
       s.scene,
       i.camera
-    ), v = new Tt(n, y);
-    v.addPass(c), this.renderer = n, this.scene = s.scene, this.camera = i.camera, this.finalComposer = v, this.renderPass = c;
-    const C = this.getSize();
-    this.setSize(C.width, C.height), i.event.on("cameraChange", (u) => {
+    );
+    c.addPass(C), this.scene = s.scene, this.camera = i.camera, this.finalComposer = c, this.renderPass = C, i.event.on("cameraChange", (u) => {
       this.changeCamera(u);
     }), s.event.on("sceneChange", (u) => {
       this.changeScene(u);
@@ -2537,14 +2540,14 @@ class Xe {
     this.renderPass.scene = t, this.ssaoPass && (this.ssaoPass.scene = t), this.scene = t;
   }
   addOutputPass() {
-    const { premultiplieAlpha: t } = this.options.composerParams, e = new Fe();
+    const { premultiplieAlpha: t } = this.options.composerParams, e = new Ie();
     this.outputPass = e, this.setPremultiplieAlpha(t), this.finalComposer.addPass(e);
   }
   setPremultiplieAlpha(t) {
     this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = t ? 1 : 0);
   }
   addSSAOPass(t) {
-    const { scene: e, camera: s, renderer: i } = this, r = i.getSize(new w.Vector2()), n = r.width, a = r.height, l = new ce(e, s, n, a);
+    const { scene: e, camera: s, renderer: i } = this, r = i.getSize(new w.Vector2()), n = r.width, a = r.height, l = new de(e, s, n, a);
     l.kernelRadius = t.kernelRadius, l.minDistance = t.minDistance, l.maxDistance = t.maxDistance, this.ssaoPass = l, this.finalComposer.addPass(l);
   }
   addSSAOGui(t) {
@@ -2570,7 +2573,7 @@ class Xe {
     }).showGui(t);
   }
   addBloomPass(t) {
-    const { renderer: e } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: n } = t, a = new _e(
+    const { renderer: e } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: n } = t, a = new ue(
       new w.Vector2(window.innerWidth, window.innerHeight),
       i,
       r,
@@ -2579,7 +2582,7 @@ class Xe {
     this.bloomPass = a;
     const l = new Tt(e);
     l.renderToScreen = !1, l.addPass(this.renderPass), l.addPass(a), this.bloomComposer = l;
-    const d = Ie(l);
+    const d = He(l);
     d.uniforms.bloomAlphaType.value = n, this.bloomComposer = l, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(yt);
   }
   addBloomGui(t) {
@@ -2645,7 +2648,7 @@ class Xe {
     }), e.forEach((s) => {
       s.traverse((i) => {
         const r = i, n = i, a = i;
-        r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, n.isSprite ? n.material.sizeAttenuation ? n.material = Be : n.material = Ne : r.material instanceof Bt ? r.material = Ye : a.isPoints ? a.material.sizeAttenuation ? a.material = Ve : a.material = ke : r.material = He);
+        r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, n.isSprite ? n.material.sizeAttenuation ? n.material = Ne : n.material = Ye : r.material instanceof Bt ? r.material = Ze : a.isPoints ? a.material.sizeAttenuation ? a.material = Be : a.material = Ve : r.material = ke);
       });
     });
   }
@@ -2687,27 +2690,27 @@ class Xe {
   }
 }
 const lt = class lt {
-  constructor(t, e) {
-    this.raycaster = new w.Raycaster(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new w.Vector3(), this._cameraTarget = new w.Vector3(), this.event = new st.EventEmitter(), this.clock = new w.Clock(), this.userData = {}, this.pageActiveIndex = -1, this.dprCache = 1, this.options = ee(lt.options, t, {
-      isMergeableObject: ue
-    }), this.dprCache = this.options.renderer.devicePixelRatio, this.event.setMaxListeners(1 / 0);
+  constructor(t) {
+    this.raycaster = new w.Raycaster(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new w.Vector3(), this._cameraTarget = new w.Vector3(), this.event = new st.EventEmitter(), this.timer = new ee(), this.userData = {}, this.pageActiveIndex = -1, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), this.timer.connect(document), this.options = se(lt.options, t, {
+      isMergeableObject: fe
+    }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
-      container: s,
-      stats: i,
-      gui: r,
-      transformControls: n
+      container: e,
+      stats: s,
+      gui: i,
+      transformControls: r
     } = this.options;
-    if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), n && this.initTransformControls(), i) {
-      const a = new se({ horizontal: !1 });
-      a.init(this.renderer), a.dom.style.position = "absolute", s.appendChild(a.dom), this.stats = a;
+    if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), r && this.initTransformControls(), s) {
+      const n = new ie({
+        horizontal: !1
+      });
+      n.init(this.renderer), e.appendChild(n.dom), this.stats = n;
     }
-    if (r) {
-      const a = new ie();
-      a.open(!1), this.gui = a;
+    if (i) {
+      const n = new re();
+      n.open(!1), this.gui = n;
     }
-    this.initResizeObserver(), this.clock.getDelta(), this.clock.getElapsedTime(), e && (Array.isArray(e) || (e = [e]), e.forEach((a) => {
-      Array.isArray(a) || (a = [a]), this.use(a[0], a[1]);
-    }));
+    this.initResizeObserver();
   }
   getPlugin(t) {
     return this.installPlugins.get(t);
@@ -2763,21 +2766,21 @@ const lt = class lt {
       viewHelper: i,
       renderer: r,
       controlsParams: n
-    } = this.options, { width: a, height: l } = this.getSize(), d = e ? new Oe({
+    } = this.options, { width: a, height: l } = this.getSize(), d = e ? new ve({
       width: a,
       height: l,
       renderer: e.WebGPURenderer,
-      rendererParams: Ee
-    }) : new ye({
+      rendererParams: Oe
+    }) : new Ee({
       width: a,
       height: l,
       rendererParams: mt(V({}, r), {
         antialias: !1
       })
-    }), y = new Te({
+    }), y = new xe({
       width: a,
       height: l
-    }), c = new Se({}), v = new Ae({
+    }), c = new Pe({}), v = new De({
       controlsParams: {
         domElement: (n == null ? void 0 : n.domElement) || d.renderer.domElement
       }
@@ -2788,7 +2791,7 @@ const lt = class lt {
       cameraOptions: this.options.camera
     });
     if (this.pageActiveIndex = C, this.controls.setLookAt(0, 0, 400, 0, 0, 0, !1), s) {
-      const u = new Pe({
+      const u = new Ae({
         container: t,
         sceneController: c,
         cameraController: y
@@ -2804,7 +2807,7 @@ const lt = class lt {
       ssao: s,
       ssaoParams: i,
       composer: r
-    } = this.options, n = new Xe({
+    } = this.options, n = new Ke({
       rendererController: this.rendererController,
       sceneController: this.sceneController,
       cameraController: this.cameraController,
@@ -2821,12 +2824,12 @@ const lt = class lt {
       css3DRendererParams: r
     } = this.options;
     if (e || s) {
-      const n = new ze(t);
+      const n = new Me(t);
       e && n.addRenderer("css2d", i), s && n.addRenderer("css3d", r), this.cssRendererController = n;
     }
   }
   initTransformControls() {
-    const t = new De({
+    const t = new be({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -2852,24 +2855,11 @@ const lt = class lt {
     const e = new ResizeObserver((s) => {
       for (const i of s) {
         const r = i.contentRect;
-        this.handeleResize(r.width, r.height), this.checkBackufferArea();
+        this.handeleResize(r.width, r.height), this.setDevicePixelRatio(this.userSetDprCache);
       }
     });
     e.observe(t), this.resizeObserver = e;
   }
-  checkBackufferArea(t = this.maxBackufferArea) {
-    t > this.maxBackufferArea && (t = this.maxBackufferArea);
-    const e = this.dprCache, { width: s, height: i } = this.getSize();
-    let r = Math.sqrt(t / (s * i));
-    r = (r * 100 | 0) / 100;
-    const n = Math.min(e, r);
-    this.setDevicePixelRatio(n), this.dprCache = e, n !== e && console.warn(
-      "maxBackufferArea:",
-      t,
-      " the pixel ratio is set to",
-      n
-    );
-  }
   handeleResize(t, e, s = !0) {
     const {
       rendererController: i,
@@ -2883,9 +2873,20 @@ const lt = class lt {
     }), this.render(), s && this.event.emit("resize", { width: t, height: e }));
   }
   setDevicePixelRatio(t) {
-    var s;
+    var a;
+    this.userSetDprCache = t;
     const e = this.renderer.getPixelRatio();
-    t !== e && (this.dprCache = t, this.rendererController.setPixelRatio(t), (s = this.composerController) == null || s.setPixelRatio(t));
+    if (t === e) return;
+    const { width: s, height: i } = this.getSize();
+    let r = Math.sqrt(this.maxBackufferArea / (s * i));
+    r = (r * 100 | 0) / 100;
+    const n = Math.min(t, r);
+    n !== t && console.warn(
+      "maxBackufferArea:",
+      this.maxBackufferArea,
+      " the pixel ratio is set to",
+      n
+    ), this.rendererController.setPixelRatio(n), (a = this.composerController) == null || a.setPixelRatio(n);
   }
   pick(t, e, s = !0) {
     const { raycaster: i, options: r } = this, { container: n } = r, a = new w.Vector2(), l = n.getBoundingClientRect();
@@ -2905,8 +2906,10 @@ const lt = class lt {
   }
   render() {
     var n, a, l, d, y, c, v;
-    const { scene: t, camera: e, clock: s } = this, i = s.getDelta(), r = s.getElapsedTime();
-    vt.update(), (n = this.controlsController) == null || n.update(i), this.installPlugins.forEach((C) => {
+    const { scene: t, camera: e, timer: s } = this;
+    s.update(), vt.update();
+    const i = s.getDelta(), r = s.getElapsed();
+    (n = this.controlsController) == null || n.update(i), this.installPlugins.forEach((C) => {
       var u;
       (u = C.update) == null || u.call(C, i, r);
     }), (a = this.helperController) == null || a.update(
@@ -2963,7 +2966,7 @@ const lt = class lt {
   }
   dispose() {
     var t, e, s, i, r, n, a, l, d, y, c;
-    this.stop(), vt.removeAll(), this.event.removeAllListeners(), (t = this.resizeObserver) == null || t.unobserve(this.options.container), this.installPlugins.forEach((v) => {
+    this.stop(), this.timer.dispose(), vt.removeAll(), this.event.removeAllListeners(), (t = this.resizeObserver) == null || t.unobserve(this.options.container), this.installPlugins.forEach((v) => {
       var C;
       (C = v.dispose) == null || C.call(v);
     }), (e = this.controlsController) == null || e.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (l = this.rendererController) == null || l.dispose(), this.cssRendererController = void 0, (d = this.gui) == null || d.destroy(), this.installPlugins.clear(), (y = this.stats) == null || y.dom.remove(), (c = this.renderer) == null || c.domElement.remove();
@@ -2977,25 +2980,25 @@ lt.options = {
   viewHelper: K,
   controls: !0,
   transformControls: K,
-  renderer: Ce,
-  composer: Ge,
-  scene: xe,
-  camera: ve,
+  renderer: ye,
+  composer: Xe,
+  scene: we,
+  camera: Te,
   bloom: !1,
-  bloomParams: We,
+  bloomParams: Ge,
   ssao: !1,
-  ssaoParams: Ze,
+  ssaoParams: We,
   css2DRenderer: !1,
   css2DRendererParams: V({}, Ht),
   css3DRenderer: !1,
   css3DRendererParams: V({}, Ht)
 };
 let Vt = lt;
-const ws = q.ACTION;
+const Ps = q.ACTION;
 export {
-  As as BaseObject,
+  bs as BaseObject,
   kt as GUIObject,
   Vt as Pencil,
-  ws as cameraControlsAction,
+  Ps as cameraControlsAction,
   Vt as default
 };