@needle-tools/engine 4.7.0-next.22483b4 → 4.7.0-next.4bd7749

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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).
 
+## [4.7.0] - 2025-07-28
+- Improved Postprocessing performance and stability
+- Fix: Issue where Tonemapping would not be applied
+- Change: Improve `<needle-engine background-image="<url>" />` support and deprecate the old `skybox-image` attribute
+
+## [4.6.3] - 2025-07-25
+- Update Vite alias plugin to make sure the same postprocessing module is used
+- Improve postprocessing stability
+- Fix: Postprocessing with transparent background
+
 ## [4.6.2] - 2025-07-23
 - Postprocessing performance and stability improvements
 - Add: Custom postprocessing effects can now use `PostProcessingEffectPriority` to ensure effects are correctly sorted (e.g. before DepthOfField)

package/dist/{needle-engine.bundle-RgZNbAgp.js → needle-engine.bundle-BGHUA0S1.js}

@@ -1279,7 +1279,7 @@ function Fi(o, t = void 0, e = void 0, i = void 0) {
             console.warn(`Object "${c.name}" has NaN values in position or scale.... will ignore it`, u, f);
             return;
           }
-          n.expandByObject(c, !0), c.children = d;
+          c.geometry === null && (c.geometry = void 0), n.expandByObject(c, !0), c.children = d;
         }
         for (const d of c.children)
           a(d);
@@ -1804,11 +1804,11 @@ qo('if(!globalThis["NEEDLE_ENGINE_VERSION"]) globalThis["NEEDLE_ENGINE_VERSION"]
 qo('if(!globalThis["NEEDLE_ENGINE_GENERATOR"]) globalThis["NEEDLE_ENGINE_GENERATOR"] = "unknown";');
 qo('if(!globalThis["NEEDLE_PROJECT_BUILD_TIME"]) globalThis["NEEDLE_PROJECT_BUILD_TIME"] = "unknown";');
 qo('if(!globalThis["NEEDLE_PUBLIC_KEY"]) globalThis["NEEDLE_PUBLIC_KEY"] = "unknown";');
-qo('globalThis["__NEEDLE_ENGINE_VERSION__"] = "4.7.0-alpha";');
+qo('globalThis["__NEEDLE_ENGINE_VERSION__"] = "4.7.0";');
 qo('globalThis["__NEEDLE_ENGINE_GENERATOR__"] = "undefined";');
-qo('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Thu Jul 24 2025 13:57:39 GMT+0000 (Coordinated Universal Time)";');
+qo('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Mon Jul 28 2025 09:07:25 GMT+0000 (Coordinated Universal Time)";');
 qo('globalThis["__NEEDLE_PUBLIC_KEY__"] = "' + NEEDLE_PUBLIC_KEY + '";');
-const es = "4.7.0-alpha", Tg = "undefined", av = "Thu Jul 24 2025 13:57:39 GMT+0000 (Coordinated Universal Time)";
+const es = "4.7.0", Tg = "undefined", av = "Mon Jul 28 2025 09:07:25 GMT+0000 (Coordinated Universal Time)";
 rv && console.log(`Engine version: ${es} (generator: ${Tg})
 Project built at ${av}`);
 const cc = NEEDLE_PUBLIC_KEY, zo = "needle_isActiveInHierarchy", Sa = "builtin_components", bd = "needle_editor_guid";
@@ -16943,7 +16943,7 @@ const Vt = (Sn = class extends j {
       const s = `[Camera] Apply ClearFlags: ${$r[this._clearFlags]} - "${this.name}"`;
       console.debug(s);
     }
-    const i = this.context.domElement.getAttribute("background-image") || this.context.domElement.getAttribute("background-color") || this.context.domElement.getAttribute("skybox-image");
+    const i = this.context.domElement.getAttribute("background-image") || this.context.domElement.getAttribute("background-color");
     switch (this._clearFlags) {
       case 0:
         return;
@@ -33418,7 +33418,7 @@ class Mf extends ft {
       // predicationMode: MODULES.POSTPROCESSING.MODULE.PredicationMode.DEPTH,
     });
     return this.preset.onValueChanged = (n) => {
-      QE && console.log("Antialiasing preset changed to", n, e), e.applyPreset(n);
+      QE && console.log("Antialiasing preset changed to", n), e.applyPreset(n);
     }, e;
   }
 }
@@ -33897,7 +33897,7 @@ class ms extends ft {
       i,
       n
     );
-    s.name = "SSAO N8";
+    s.name = "SSAO_N8";
     const a = lg[this.quality];
     s.setQualityMode(a), s.configuration.transparencyAware = !1;
     const l = new ns(i, n);
@@ -34465,7 +34465,9 @@ class Th extends j {
     if (!this.context.isInXR && (this.context.mainCamera && this._isDirty && this.apply(), this.context.composer && this._postprocessing && this._postprocessing.composer === this.context.composer)) {
       if (this.context.renderer.getContext().isContextLost() && this.context.renderer.forceContextRestore(), this.context.composer.getRenderer() !== this.context.renderer && this.context.composer.setRenderer(this.context.renderer), this.context.composer.setMainScene(this.context.scene), this.multisampling === "auto")
         if (this._postprocessing && this._postprocessing.hasSmaaEffect)
-          this._postprocessing.multisampling !== 0 && (this._postprocessing.multisampling = 0, (mr || z()) && console.warn("[PostProcessing] Disabling multisampling you're using SMAA and have set the 'multisampling: auto' on your PostprocessingManager/Volume component. If you need anti-aliasing, consider adding an Antialiasing component or SMAA effect to the PostprocessingManager."));
+          this._postprocessing.multisampling !== 0 && (this._postprocessing.multisampling = 0, (mr || z()) && console.log(`[PostProcessing] multisampling is disabled because it's set to 'auto' on your PostprocessingManager/Volume component that also has an SMAA effect.
+
+If you need multisampling consider changing 'auto' to a fixed value (e.g. 4).`));
         else {
           const e = this.context.time.realtimeSinceStartup - this._multisampleAutoChangeTime;
           if (this.context.time.realtimeSinceStartup - this._componentEnabledTime > 2 && e > 0.5) {
@@ -36175,7 +36177,7 @@ var RA = Object.defineProperty, Ah = (o, t, e, i) => {
   return n && RA(t, e, n), n;
 };
 const Lt = S("debugskybox");
-By("skybox-image");
+By("background-image");
 By("environment-image");
 function n0(o, t, e, i, n) {
   const s = new Fy();
@@ -36190,10 +36192,10 @@ function n0(o, t, e, i, n) {
 const _u = new Array();
 fe.registerCallback(me.ContextCreationStart, (o) => {
   var n;
-  const t = o.context, e = t.domElement.getAttribute("skybox-image") || t.domElement.getAttribute("background-image"), i = t.domElement.getAttribute("environment-image");
+  const t = o.context, e = t.domElement.getAttribute("background-image"), i = t.domElement.getAttribute("environment-image");
   if (e) {
-    Lt && console.log("Creating remote skybox to load " + e), ((n = t.mainCameraComponent) == null ? void 0 : n.clearFlags) !== $r.Skybox && console.warn('"skybox-image"/"background-image" attribute has no effect: camera clearflags are not set to "Skybox"');
-    const s = n0(t, e, !0, !1, "skybox-image");
+    Lt && console.log("Creating remote skybox to load " + e), ((n = t.mainCameraComponent) == null ? void 0 : n.clearFlags) !== $r.Skybox && console.warn('"background-image" attribute has no effect: camera clear flags are not set to "Skybox"');
+    const s = n0(t, e, !0, !1, "background-image");
     _u.push(s);
   }
   if (i) {
@@ -43007,23 +43009,23 @@ const O2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __Ignore: KI
 }, Symbol.toStringTag, { value: "Module" })), Cu = S("debugmissingcamera");
 fe.registerCallback(me.MissingCamera, (o) => {
-  var l, c, h, d;
+  var l, c, h;
   Cu && console.warn("Creating missing camera");
   const t = o.context.scene, e = new ve();
   e.name = "Default Fallback Camera", t.add(e);
   const i = new Ai();
   if (i.sourceId = ((c = (l = o.files) == null ? void 0 : l[0]) == null ? void 0 : c.src) ?? "unknown", i.fieldOfView = 35, o.context.domElement.getAttribute("transparent") != null)
     i.clearFlags = $r.Uninitialized;
-  else if ((h = o.context.domElement.getAttribute("skybox-image")) != null && h.length || (d = o.context.domElement.getAttribute("background-image")) != null && d.length || o.context.lightmaps.tryGetSkybox(i.sourceId))
-    i.clearFlags = $r.Skybox, i.backgroundBlurriness = 0.2;
+  else if ((h = o.context.domElement.getAttribute("background-image")) != null && h.length || o.context.lightmaps.tryGetSkybox(i.sourceId))
+    i.clearFlags = $r.Skybox, o.context.domElement.getAttribute("background-blurriness") === null && (o.context.scene.backgroundBlurriness = 0.2);
   else {
     if (i.clearFlags = $r.SolidColor, !o.context.domElement.getAttribute("background-color")) {
-      let u = "#efefef";
-      typeof window !== void 0 && window.matchMedia("(prefers-color-scheme: dark)").matches && (u = "#1f1f1f"), t.background = new re(u);
+      let d = "#efefef";
+      typeof window !== void 0 && window.matchMedia("(prefers-color-scheme: dark)").matches && (d = "#1f1f1f"), t.background = new re(d);
     }
     if (!t.environment) {
-      const u = new wC(o.context.renderer), f = new Xy("neutral");
-      t.environment = u.fromScene(f, 0.025).texture;
+      const d = new wC(o.context.renderer), u = new Xy("neutral");
+      t.environment = d.fromScene(u, 0.025).texture;
     }
   }
   const s = qa(e, i, !0);