@needle-tools/engine 3.32.18-alpha → 3.32.19-alpha

package/CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this package will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [3.32.19-alpha] - 2023-02-09
+- Fix: CanvasGroup causing performance to drop over time
+
 ## [3.32.18-alpha] - 2023-02-09
 - Add: vite plugin for collecting build information
 - Fix: USDZExporter not respecting button option so `Open in Quicklook` button was always created

package/dist/needle-engine.js

@@ -23335,13 +23335,13 @@ class zy {
 }
 r(zy, "eventListeners", /* @__PURE__ */ new Map());
 const RY = oA("debugdefines");
-TE('if(!globalThis[""3.32.18-alpha""]) globalThis[""3.32.18-alpha""] = "0.0.0";');
+TE('if(!globalThis[""3.32.19-alpha""]) globalThis[""3.32.19-alpha""] = "0.0.0";');
 TE('if(!globalThis[""undefined""]) globalThis[""undefined""] = "unknown";');
-TE('if(!globalThis[""Fri Feb 09 2024 20:31:55 GMT+0800 (Pacific Standard Time)""]) globalThis[""Fri Feb 09 2024 20:31:55 GMT+0800 (Pacific Standard Time)""] = "unknown";');
-TE('globalThis["__NEEDLE_ENGINE_VERSION__"] = "3.32.18-alpha";');
+TE('if(!globalThis[""Fri Feb 09 2024 21:56:34 GMT+0800 (Pacific Standard Time)""]) globalThis[""Fri Feb 09 2024 21:56:34 GMT+0800 (Pacific Standard Time)""] = "unknown";');
+TE('globalThis["__NEEDLE_ENGINE_VERSION__"] = "3.32.19-alpha";');
 TE('globalThis["__NEEDLE_ENGINE_GENERATOR__"] = "undefined";');
-TE('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Fri Feb 09 2024 20:31:55 GMT+0800 (Pacific Standard Time)";');
-const hC = "3.32.18-alpha", bR = "undefined", hz = "Fri Feb 09 2024 20:31:55 GMT+0800 (Pacific Standard Time)";
+TE('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Fri Feb 09 2024 21:56:34 GMT+0800 (Pacific Standard Time)";');
+const hC = "3.32.19-alpha", bR = "undefined", hz = "Fri Feb 09 2024 21:56:34 GMT+0800 (Pacific Standard Time)";
 RY && console.log(`Engine version: ${hC} (generator: ${bR})
 Project built at ${hz}`);
 const va = "needle_isActiveInHierarchy", MQ = "builtin_components", If = "needle_editor_guid";
@@ -52877,11 +52877,10 @@ const Xt = class {
   get isCreated() {
     return this._isCreated;
   }
-  createNewRenderer() {
+  /** calling this function will dispose the current renderer and create a new one */
+  createNewRenderer(A) {
     var e, t, g;
-    (e = this.renderer) == null || e.dispose();
-    const A = { ...Xt.DefaultWebGLRendererParameters };
-    if (!A.canvas) {
+    if ((e = this.renderer) == null || e.dispose(), A = { ...Xt.DefaultWebGLRendererParameters, ...A }, !A.canvas) {
       const I = (g = (t = this.domElement) == null ? void 0 : t.shadowRoot) == null ? void 0 : g.querySelector("canvas");
       I && (A.canvas = I, HI && console.log("Using canvas from shadow root", I));
     }
@@ -53295,7 +53294,9 @@ Start a coroutine from a component by calling "this.startCoroutine(myCoroutine()
         for (const A in this.post_render_callbacks)
           this.post_render_callbacks[A]();
     }
-    this._currentFrameEvent = -1, this.connection.sendBufferedMessagesNow(), this._stats && (this._stats.end(), this.time.frameCount % 150 === 0 && console.log({ ...this.renderer.info.memory }, { ...this.renderer.info.render })), this._dispatchReadyAfterFrame && (this._dispatchReadyAfterFrame = !1, this.domElement.dispatchEvent(new CustomEvent("ready")), Yt.dispatchCallback(og.ContextFirstFrameRendered, this));
+    this._currentFrameEvent = -1, this.connection.sendBufferedMessagesNow(), this._stats && (this._stats.end(), this.time.frameCount % 150 === 0 && console.log(this.renderer.info.render.calls + " DrawCalls", `
+Render:`, { ...this.renderer.info.render }, `
+Memory:`, { ...this.renderer.info.memory })), this._dispatchReadyAfterFrame && (this._dispatchReadyAfterFrame = !1, this.domElement.dispatchEvent(new CustomEvent("ready")), Yt.dispatchCallback(og.ContextFirstFrameRendered, this));
   }
   renderNow(A) {
     return !A && (A = this.mainCamera, !A) ? !1 : (this._isRendering = !0, this.renderRequiredTextures(), this.composer && !this.isInXR ? this.composer.render(this.time.deltaTime) : A && this.renderer.render(this.scene, A), this._isRendering = !1, !0);
@@ -60861,7 +60862,7 @@ let ZiA = class extends mg {
         return C = 1, G = !1, ht || j.distanceToSquared(t.object.position) > o || 8 * (1 - WA.dot(t.object.quaternion)) > o || $A.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(vb), j.copy(t.object.position), WA.copy(t.object.quaternion), $A.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", he), t.domElement.removeEventListener("pointerdown", F), t.domElement.removeEventListener("pointercancel", MA), t.domElement.removeEventListener("wheel", Ie), t.domElement.removeEventListener("pointermove", aA), t.domElement.removeEventListener("pointerup", MA), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", De), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", he), t.domElement.removeEventListener("pointerdown", F), t.domElement.removeEventListener("pointercancel", MA), t.domElement.removeEventListener("wheel", Ie), t.domElement.removeEventListener("pointermove", aA), window.removeEventListener("pointerup", MA), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", De), t._domElementKeyEvents = null);
     };
     const t = this, g = {
       NONE: -1,
@@ -61031,7 +61032,7 @@ let ZiA = class extends mg {
       t.enableZoom && VA(P), t.enableRotate && LA(P);
     }
     function F(P) {
-      t.enabled !== !1 && (R.length === 0 && (t.domElement.addEventListener("pointermove", aA), t.domElement.addEventListener("pointerup", MA)), le(P), P.pointerType === "touch" ? UA(P) : mA(P));
+      t.enabled !== !1 && (R.length === 0 && (t.domElement.addEventListener("pointermove", aA), window.addEventListener("pointerup", MA)), le(P), P.pointerType === "touch" ? UA(P) : mA(P));
     }
     function aA(P) {
       t.enabled !== !1 && (P.pointerType === "touch" ? Le(P) : NA(P));
@@ -68642,6 +68643,7 @@ class DB extends FA {
     this._isDirty = !1, this.applyChangesNow();
   }
   applyChangesNow() {
+    this._buffer.length = 0;
     for (const e of BA.getComponentsInChildren(this.gameObject, mn, this._buffer)) {
       const t = e;
       t.setAlphaFactor && t.setAlphaFactor(this._alpha);

package/dist/needle-engine.light.js

@@ -23335,13 +23335,13 @@ class Xb {
 }
 u(Xb, "eventListeners", /* @__PURE__ */ new Map());
 const XF = se("debugdefines");
-pp('if(!globalThis[""3.32.18-alpha""]) globalThis[""3.32.18-alpha""] = "0.0.0";');
+pp('if(!globalThis[""3.32.19-alpha""]) globalThis[""3.32.19-alpha""] = "0.0.0";');
 pp('if(!globalThis[""undefined""]) globalThis[""undefined""] = "unknown";');
-pp('if(!globalThis[""Fri Feb 09 2024 20:32:00 GMT+0800 (Pacific Standard Time)""]) globalThis[""Fri Feb 09 2024 20:32:00 GMT+0800 (Pacific Standard Time)""] = "unknown";');
-pp('globalThis["__NEEDLE_ENGINE_VERSION__"] = "3.32.18-alpha";');
+pp('if(!globalThis[""Fri Feb 09 2024 21:56:39 GMT+0800 (Pacific Standard Time)""]) globalThis[""Fri Feb 09 2024 21:56:39 GMT+0800 (Pacific Standard Time)""] = "unknown";');
+pp('globalThis["__NEEDLE_ENGINE_VERSION__"] = "3.32.19-alpha";');
 pp('globalThis["__NEEDLE_ENGINE_GENERATOR__"] = "undefined";');
-pp('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Fri Feb 09 2024 20:32:00 GMT+0800 (Pacific Standard Time)";');
-const il = "3.32.18-alpha", bT = "undefined", G9 = "Fri Feb 09 2024 20:32:00 GMT+0800 (Pacific Standard Time)";
+pp('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Fri Feb 09 2024 21:56:39 GMT+0800 (Pacific Standard Time)";');
+const il = "3.32.19-alpha", bT = "undefined", G9 = "Fri Feb 09 2024 21:56:39 GMT+0800 (Pacific Standard Time)";
 XF && console.log(`Engine version: ${il} (generator: ${bT})
 Project built at ${G9}`);
 const gh = "needle_isActiveInHierarchy", rf = "builtin_components", _0 = "needle_editor_guid";
@@ -52877,11 +52877,10 @@ const ji = class {
   get isCreated() {
     return this._isCreated;
   }
-  createNewRenderer() {
+  /** calling this function will dispose the current renderer and create a new one */
+  createNewRenderer(e) {
     var t, i, s;
-    (t = this.renderer) == null || t.dispose();
-    const e = { ...ji.DefaultWebGLRendererParameters };
-    if (!e.canvas) {
+    if ((t = this.renderer) == null || t.dispose(), e = { ...ji.DefaultWebGLRendererParameters, ...e }, !e.canvas) {
       const r = (s = (i = this.domElement) == null ? void 0 : i.shadowRoot) == null ? void 0 : s.querySelector("canvas");
       r && (e.canvas = r, Or && console.log("Using canvas from shadow root", r));
     }
@@ -53295,7 +53294,9 @@ Start a coroutine from a component by calling "this.startCoroutine(myCoroutine()
         for (const e in this.post_render_callbacks)
           this.post_render_callbacks[e]();
     }
-    this._currentFrameEvent = -1, this.connection.sendBufferedMessagesNow(), this._stats && (this._stats.end(), this.time.frameCount % 150 === 0 && console.log({ ...this.renderer.info.memory }, { ...this.renderer.info.render })), this._dispatchReadyAfterFrame && (this._dispatchReadyAfterFrame = !1, this.domElement.dispatchEvent(new CustomEvent("ready")), Ui.dispatchCallback(cs.ContextFirstFrameRendered, this));
+    this._currentFrameEvent = -1, this.connection.sendBufferedMessagesNow(), this._stats && (this._stats.end(), this.time.frameCount % 150 === 0 && console.log(this.renderer.info.render.calls + " DrawCalls", `
+Render:`, { ...this.renderer.info.render }, `
+Memory:`, { ...this.renderer.info.memory })), this._dispatchReadyAfterFrame && (this._dispatchReadyAfterFrame = !1, this.domElement.dispatchEvent(new CustomEvent("ready")), Ui.dispatchCallback(cs.ContextFirstFrameRendered, this));
   }
   renderNow(e) {
     return !e && (e = this.mainCamera, !e) ? !1 : (this._isRendering = !0, this.renderRequiredTextures(), this.composer && !this.isInXR ? this.composer.render(this.time.deltaTime) : e && this.renderer.render(this.scene, e), this._isRendering = !1, !0);
@@ -60861,7 +60862,7 @@ let xie = class extends ms {
         return l = 1, T = !1, fi || q.distanceToSquared(i.object.position) > o || 8 * (1 - je.dot(i.object.quaternion)) > o || Ke.distanceToSquared(i.target) > 0 ? (i.dispatchEvent(jO), q.copy(i.object.position), je.copy(i.object.quaternion), Ke.copy(i.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      i.domElement.removeEventListener("contextmenu", pt), i.domElement.removeEventListener("pointerdown", B), i.domElement.removeEventListener("pointercancel", Ce), i.domElement.removeEventListener("wheel", nt), i.domElement.removeEventListener("pointermove", ce), i.domElement.removeEventListener("pointerup", Ce), i._domElementKeyEvents !== null && (i._domElementKeyEvents.removeEventListener("keydown", bt), i._domElementKeyEvents = null);
+      i.domElement.removeEventListener("contextmenu", pt), i.domElement.removeEventListener("pointerdown", B), i.domElement.removeEventListener("pointercancel", Ce), i.domElement.removeEventListener("wheel", nt), i.domElement.removeEventListener("pointermove", ce), window.removeEventListener("pointerup", Ce), i._domElementKeyEvents !== null && (i._domElementKeyEvents.removeEventListener("keydown", bt), i._domElementKeyEvents = null);
     };
     const i = this, s = {
       NONE: -1,
@@ -61031,7 +61032,7 @@ let xie = class extends ms {
       i.enableZoom && qe(j), i.enableRotate && Le(j);
     }
     function B(j) {
-      i.enabled !== !1 && (I.length === 0 && (i.domElement.addEventListener("pointermove", ce), i.domElement.addEventListener("pointerup", Ce)), mt(j), j.pointerType === "touch" ? Me(j) : xe(j));
+      i.enabled !== !1 && (I.length === 0 && (i.domElement.addEventListener("pointermove", ce), window.addEventListener("pointerup", Ce)), mt(j), j.pointerType === "touch" ? Me(j) : xe(j));
     }
     function ce(j) {
       i.enabled !== !1 && (j.pointerType === "touch" ? Ft(j) : Ie(j));
@@ -68642,6 +68643,7 @@ class Zu extends Re {
     this._isDirty = !1, this.applyChangesNow();
   }
   applyChangesNow() {
+    this._buffer.length = 0;
     for (const t of le.getComponentsInChildren(this.gameObject, mc, this._buffer)) {
       const i = t;
       i.setAlphaFactor && i.setAlphaFactor(this._alpha);