rayzee 4.8.12 → 4.8.14

package/README.md

@@ -178,6 +178,7 @@ const engine = new PathTracerApp(canvas, options?)
 |---|---|---|
 | `canvas` | `HTMLCanvasElement` | Rendering target |
 | `options.autoResize` | `boolean` | Auto-resize on window resize (default: `true`) |
+| `options.showStats` | `boolean` | Show the performance stats panel (default: `true`) |
 | `options.statsContainer` | `HTMLElement` | DOM element to append the stats panel to (defaults to `document.body`) |
 
 #### Lifecycle
@@ -233,6 +234,7 @@ Key settings:
 | `focalLength` | `number` | 50 | DOF focal length (mm) |
 | `adaptiveSampling` | `boolean` | false | Variance-guided sample distribution |
 | `transparentBackground` | `boolean` | false | Transparent canvas background |
+| `interactionModeEnabled` | `boolean` | true | Lower quality during camera movement for smoother navigation |
 | `debugMode` | `number` | 0 | Debug visualization mode (0 = off) |
 | `environmentMode` | `string` | 'hdri' | Sky mode: `'hdri'` \| `'procedural'` \| `'gradient'` \| `'color'` |
 
@@ -540,6 +542,30 @@ OIDN provides high-quality AI denoising for final renders. It runs automatically
 
 ## Troubleshooting
 
+**OIDN: `Cannot find module './tza'` (webpack)**
+The `oidn-web` package uses dynamic imports that webpack cannot resolve. This does not affect Vite or other ESM-native bundlers. Add `oidn-web` to your webpack externals:
+
+```js
+// webpack.config.js
+module.exports = {
+  externals: {
+    'oidn-web': 'oidn-web'
+  }
+};
+```
+
+Then load it via a script tag or import map instead:
+
+```html
+<script type="importmap">
+{
+  "imports": {
+    "oidn-web": "https://cdn.jsdelivr.net/npm/oidn-web@0.3.0/+esm"
+  }
+}
+</script>
+```
+
 **Black screen / "WebGPU not supported"**
 Your browser may not support WebGPU. Use Chrome 113+, Edge 113+, Safari 18+, or Firefox 141+. Ensure you're on HTTPS or localhost.
 

package/dist/rayzee.es.js

@@ -2181,10 +2181,10 @@ var Xr = X("\n	fn constructTBN( N: vec3f ) -> mat3x3f {\n\n		var majorAxis: vec3
 		let t = z(1).sub(o).sub(s), r = $(n, a, B(6), B(ui)), c = $(n, a, B(7), B(ui));
 		i.uv.assign(r.xy.mul(t).add(r.zw.mul(o)).add(c.xy.mul(s))), i.triangleIndex.assign(a);
 	}), i;
-}), bi = M(([e, t, n, r]) => {
-	let i = Tr({
+}), bi = M(([e, t, n, r, i]) => {
+	let a = Tr({
 		didHit: !1,
-		dst: z(0x56bc75e2d63100000),
+		dst: i,
 		hitPoint: J(0),
 		normal: J(0),
 		uv: q(0),
@@ -2192,62 +2192,62 @@ var Xr = X("\n	fn constructTBN( N: vec3f ) -> mat3x3f {\n\n		var majorAxis: vec3
 		meshIndex: B(-1),
 		boxTests: B(0),
 		triTests: B(0)
-	}).toVar(), a = fi(), o = B(1).toVar();
-	a.element(B(0)).assign(B(0));
-	let s = H(J(1), pt(e.direction), ct(e.direction, J(0))), c = H(J(1).div(e.direction), J(di).mul(s), nt(F(e.direction), J(1e-8))).toVar(), l = B(0).toVar();
-	return P(o.greaterThan(B(0)).and(i.didHit.not()).and(l.lessThan(B(ci))), () => {
-		l.addAssign(1), o.subAssign(1);
-		let s = a.element(o).toVar(), u = $(t, s, B(0), B(li));
-		N(u.w.lessThan(0), () => {
-			N(u.w.greaterThan(z(-1.5)), () => {
-				let t = B(u.x).toVar(), a = B(u.y).toVar();
+	}).toVar(), o = fi(), s = B(1).toVar();
+	o.element(B(0)).assign(B(0));
+	let c = H(J(1), pt(e.direction), ct(e.direction, J(0))), l = H(J(1).div(e.direction), J(di).mul(c), nt(F(e.direction), J(1e-8))).toVar(), u = B(0).toVar();
+	return P(s.greaterThan(B(0)).and(a.didHit.not()).and(u.lessThan(B(ci))), () => {
+		u.addAssign(1), s.subAssign(1);
+		let i = o.element(s).toVar(), c = $(t, i, B(0), B(li));
+		N(c.w.lessThan(0), () => {
+			N(c.w.greaterThan(z(-1.5)), () => {
+				let t = B(c.x).toVar(), i = B(c.y).toVar();
 				P({
 					start: B(0),
-					end: a
-				}, ({ i: a }) => {
-					let o = t.add(a).toVar(), s = $(n, o, B(0), B(ui)).xyz, c = $(n, o, B(1), B(ui)).xyz, l = $(n, o, B(2), B(ui)).xyz, u = pi({
+					end: i
+				}, ({ i }) => {
+					let o = t.add(i).toVar(), s = $(n, o, B(0), B(ui)).xyz, c = $(n, o, B(1), B(ui)).xyz, l = $(n, o, B(2), B(ui)).xyz, u = pi({
 						rayOrigin: e.origin,
 						rayDir: e.direction,
 						pA: s,
 						pB: c,
 						pC: l,
-						closestHitDst: i.dst
+						closestHitDst: a.dst
 					});
 					N(u.w.greaterThan(.5), () => {
-						let t = $(n, o, B(7), B(ui)), a = B(t.z);
-						N(gi(a, r), () => {
-							i.didHit.assign(!0), i.dst.assign(u.x), i.materialIndex.assign(a), i.meshIndex.assign(B(t.w)), i.hitPoint.assign(e.origin.add(e.direction.mul(u.x))), i.normal.assign(U(Xe(c.sub(s), l.sub(s)))), He();
+						let t = $(n, o, B(7), B(ui)), i = B(t.z);
+						N(gi(i, r), () => {
+							a.didHit.assign(!0), a.dst.assign(u.x), a.materialIndex.assign(i), a.meshIndex.assign(B(t.w)), a.hitPoint.assign(e.origin.add(e.direction.mul(u.x))), a.normal.assign(U(Xe(c.sub(s), l.sub(s)))), He();
 						});
 					});
 				});
 			}).Else(() => {
-				let e = B(u.x).toVar();
-				N(o.lessThan(B(si)), () => {
-					a.element(o).assign(e), o.addAssign(1);
+				let e = B(c.x).toVar();
+				N(s.lessThan(B(si)), () => {
+					o.element(s).assign(e), s.addAssign(1);
 				});
 			});
 		}).Else(() => {
-			let n = $(t, s, B(1), B(li)), r = $(t, s, B(2), B(li)), l = $(t, s, B(3), B(li)), d = B(u.w).toVar(), f = B(n.w).toVar(), p = mi({
+			let n = $(t, i, B(1), B(li)), r = $(t, i, B(2), B(li)), u = $(t, i, B(3), B(li)), d = B(c.w).toVar(), f = B(n.w).toVar(), p = mi({
 				rayOrigin: e.origin,
-				invDir: c,
-				boxMin: u.xyz,
+				invDir: l,
+				boxMin: c.xyz,
 				boxMax: n.xyz
 			}).toVar(), m = mi({
 				rayOrigin: e.origin,
-				invDir: c,
+				invDir: l,
 				boxMin: r.xyz,
-				boxMax: l.xyz
+				boxMax: u.xyz
 			}).toVar();
-			N(ot(p, m).lessThan(i.dst), () => {
+			N(ot(p, m).lessThan(a.dst), () => {
 				let e = p.lessThan(m), t = W(e, d, f).toVar(), n = W(e, f, d).toVar();
-				N(W(e, m, p).toVar().lessThan(i.dst).and(o.lessThan(B(si))), () => {
-					a.element(o).assign(n), o.addAssign(1);
-				}), N(o.lessThan(B(si)), () => {
-					a.element(o).assign(t), o.addAssign(1);
+				N(W(e, m, p).toVar().lessThan(a.dst).and(s.lessThan(B(si))), () => {
+					o.element(s).assign(n), s.addAssign(1);
+				}), N(s.lessThan(B(si)), () => {
+					o.element(s).assign(t), s.addAssign(1);
 				});
 			});
 		});
-	}), i;
+	}), a;
 }), xi = M(([e, t, n, r, i, a, o, s, c, l, u]) => {
 	let d = J(e.xy, 1), f = r.mul(Y(d, 1)), p = U(at(n[0].xyz, n[1].xyz, n[2].xyz).mul(f.xyz.div(f.w))).toVar(), m = J(n[3]).toVar(), h = m.toVar(), g = p.toVar();
 	return N(i.and(a.greaterThan(0)).and(o.lessThan(64)).and(s.greaterThan(.001)), () => {
@@ -3228,7 +3228,7 @@ M(([e, t, n]) => {
 	}), r;
 });
 var qa = M(([e, t, n, r, i, a, o, s]) => {
-	let c = z(1).toVar(), l = e.toVar();
+	let c = z(1).toVar(), l = e.toVar(), u = z(n).toVar();
 	return P({
 		start: B(0),
 		end: B(8)
@@ -3236,25 +3236,25 @@ var qa = M(([e, t, n, r, i, a, o, s]) => {
 		let e = Cr({
 			origin: l,
 			direction: t
-		}), r = Tr.wrap(i(e, a, o, s));
-		N(r.didHit.not().or(r.dst.greaterThan(n)), () => {
+		}), n = Tr.wrap(i(e, a, o, s, u));
+		N(n.didHit.not(), () => {
 			He();
 		});
-		let u = wr.wrap(ii(r.materialIndex, s));
-		N(u.transmission.greaterThan(0), () => {
-			let e = R(t, r.normal).lessThan(0), n = W(e, r.normal, r.normal.negate());
-			N(e.not().and(u.attenuationDistance.greaterThan(0)), () => {
-				let e = tt(r.hitPoint.sub(l)), t = Ca(u.attenuationColor, u.attenuationDistance, e);
+		let r = wr.wrap(ii(n.materialIndex, s));
+		N(r.transmission.greaterThan(0), () => {
+			let e = R(t, n.normal).lessThan(0), i = W(e, n.normal, n.normal.negate());
+			N(e.not().and(r.attenuationDistance.greaterThan(0)), () => {
+				let e = tt(n.hitPoint.sub(l)), t = Ca(r.attenuationColor, r.attenuationDistance, e);
 				c.mulAssign(t.x.add(t.y).add(t.z).div(3));
 			});
-			let i = qi(F(R(t, n)), Zi(u.ior, z(1))), a = z(1).sub(i).mul(u.transmission);
-			c.mulAssign(a), N(c.lessThan(.005), () => {
+			let a = qi(F(R(t, i)), Zi(r.ior, z(1))), o = z(1).sub(a).mul(r.transmission);
+			c.mulAssign(o), N(c.lessThan(.005), () => {
 				c.assign(0), He();
-			}), l.assign(r.hitPoint.add(t.mul(.001)));
-		}).ElseIf(u.transparent, () => {
-			c.mulAssign(z(1).sub(u.opacity)), N(c.lessThan(.005), () => {
+			}), l.assign(n.hitPoint.add(t.mul(.001))), u.subAssign(n.dst.add(.001));
+		}).ElseIf(r.transparent, () => {
+			c.mulAssign(z(1).sub(r.opacity)), N(c.lessThan(.005), () => {
 				c.assign(0), He();
-			}), l.assign(r.hitPoint.add(t.mul(.001)));
+			}), l.assign(n.hitPoint.add(t.mul(.001))), u.subAssign(n.dst.add(.001));
 		}).Else(() => {
 			c.assign(0), He();
 		});
@@ -11011,7 +11011,7 @@ var oc = class extends fn {
 		e.traverse((e) => {
 			let n = e.userData;
 			if (e.isRectAreaLight && !t.includes(e.uuid) && t.push(e.uuid), e.name.startsWith("RectAreaLightPlaceholder") && n.name && n.type === "RectAreaLight") {
-				let r = new we(new v(...n.color), n.intensity, n.width, n.height);
+				let r = new we(new v(...n.color), n.intensity / Math.PI, n.width, n.height);
 				r.position.z = -2, r.name = n.name, e.add(r), t.push(r.uuid);
 			}
 			if (e.isMesh && Array.isArray(e.material)) {
@@ -11398,6 +11398,10 @@ var oc = class extends fn {
 		uniform: "adaptiveSamplingMax",
 		reset: !0
 	},
+	interactionModeEnabled: {
+		handler: "handleInteractionModeEnabled",
+		reset: !1
+	},
 	maxSamples: {
 		handler: "handleMaxSamples",
 		reset: !1
@@ -12842,7 +12846,7 @@ var Wc = new Float32Array(3), Gc = {
 	}
 }, nl = class extends E {
 	constructor(e, t = {}) {
-		super(), this.canvas = e, this.denoiserCanvas = null, this._autoResize = t.autoResize !== !1, this._statsContainer = t.statsContainer || null, this.settings = new Tc(Z), this.renderer = null, this._camera = null, this.scene = null, this.meshScene = null, this._sceneHelpers = null, this._controls = null, this.assetLoader = null, this._sdf = null, this.animationManager = new Qc(), this._animRefitInFlight = !1, this.pipeline = null, this.stages = {}, this.cameraManager = null, this.lightManager = null, this.denoisingManager = null, this.overlayManager = null, this.isInitialized = !1, this.pauseRendering = !1, this.pathTracerEnabled = !0, this.animationId = null, this.needsReset = !1, this._renderCompleteDispatched = !1, this._loadingInProgress = !1, this._needsDisplayRefresh = !1, this._paused = !1, this.lastResetTime = performance.now(), this.timeElapsed = 0, this._lastRenderWidth = 0, this._lastRenderHeight = 0, this._resizeDebounceTimer = null, this._outputAPI = null, this._lightsAPI = null, this._animationAPI = null, this._selectionAPI = null, this._transformAPI = null, this._cameraAPI = null, this._environmentAPI = null, this._materialsAPI = null, this._denoisingAPI = null;
+		super(), this.canvas = e, this.denoiserCanvas = null, this._autoResize = t.autoResize !== !1, this._showStats = t.showStats !== !1, this._statsContainer = t.statsContainer || null, this.settings = new Tc(Z), this.renderer = null, this._camera = null, this.scene = null, this.meshScene = null, this._sceneHelpers = null, this._controls = null, this.assetLoader = null, this._sdf = null, this.animationManager = new Qc(), this._animRefitInFlight = !1, this.pipeline = null, this.stages = {}, this.cameraManager = null, this.lightManager = null, this.denoisingManager = null, this.overlayManager = null, this.isInitialized = !1, this.pauseRendering = !1, this.pathTracerEnabled = !0, this.animationId = null, this.needsReset = !1, this._renderCompleteDispatched = !1, this._loadingInProgress = !1, this._needsDisplayRefresh = !1, this._paused = !1, this.lastResetTime = performance.now(), this.timeElapsed = 0, this._lastRenderWidth = 0, this._lastRenderHeight = 0, this._resizeDebounceTimer = null, this._outputAPI = null, this._lightsAPI = null, this._animationAPI = null, this._selectionAPI = null, this._transformAPI = null, this._cameraAPI = null, this._environmentAPI = null, this._materialsAPI = null, this._denoisingAPI = null;
 	}
 	set(e, t, n) {
 		this.settings.set(e, t, n);
@@ -12954,7 +12958,7 @@ var Wc = new Float32Array(3), Gc = {
 		}, this.assetLoader.addEventListener("load", this._onAssetLoaded), this.assetLoader.addEventListener("modelProcessed", (e) => {
 			let t = [this._camera, ...e.cameras || []];
 			this.cameraManager.setCameras(t), this._floorPlane = this.assetLoader.floorPlane, this._interactionManager && (this._interactionManager.floorPlane = this._floorPlane);
-		}), this.stages.pathTracer.setTriangleData(new Float32Array(32), 0), this.stages.pathTracer.setBVHData(new Float32Array(16)), this.stages.pathTracer.materialData.setMaterialData(new Float32Array(16)), this.stages.pathTracer.setupMaterial(), this._initStats(), this.isInitialized = !0, console.log("WebGPU Path Tracer App initialized"), this;
+		}), this.stages.pathTracer.setTriangleData(new Float32Array(32), 0), this.stages.pathTracer.setBVHData(new Float32Array(16)), this.stages.pathTracer.materialData.setMaterialData(new Float32Array(16)), this.stages.pathTracer.setupMaterial(), this._showStats && this._initStats(), this.isInitialized = !0, console.log("WebGPU Path Tracer App initialized"), this;
 	}
 	animate() {
 		if (this.animationId = requestAnimationFrame(() => this.animate()), this._loadingInProgress || this._sdf?.isProcessing) {
@@ -13498,6 +13502,9 @@ var Wc = new Float32Array(3), Gc = {
 			},
 			handleEnvironmentRotation: (e) => {
 				this.stages.pathTracer?.environment.setEnvironmentRotation(e);
+			},
+			handleInteractionModeEnabled: (e) => {
+				this.setInteractionModeEnabled(e);
 			}
 		};
 	}