rayzee 5.9.2 → 5.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayzee",
-  "version": "5.9.2",
+  "version": "5.9.4",
   "type": "module",
   "description": "Real-time WebGPU path tracing engine built on Three.js",
   "main": "dist/rayzee.umd.js",

package/src/Passes/OIDNDenoiser.js

@@ -1,12 +1,17 @@
 import { EventDispatcher, ACESFilmicToneMapping } from 'three';
 
 let _initUNetFromURL = null;
+let _tfEngine = null;
 async function getInitUNetFromURL() {
 
 	if ( ! _initUNetFromURL ) {
 
-		const mod = await import( 'oidn-web' );
-		_initUNetFromURL = mod.initUNetFromURL;
+		const [ oidnMod, tfMod ] = await Promise.all( [
+			import( 'oidn-web' ),
+			import( '@tensorflow/tfjs-core' )
+		] );
+		_initUNetFromURL = oidnMod.initUNetFromURL;
+		_tfEngine = tfMod.engine;
 
 	}
 
@@ -14,6 +19,29 @@ async function getInitUNetFromURL() {
 
 }
 
+// oidn-web caches its WebGPUBackend in TFJS's global ENGINE under 'webgpu-oidn'.
+// On dispose, drop it so the next instance binds to the new GPUDevice instead of
+// reusing the destroyed one (which would produce black tiles).
+function removeOidnTfjsBackend() {
+
+	if ( ! _tfEngine ) return;
+	try {
+
+		const eng = _tfEngine();
+		if ( eng?.registryFactory && 'webgpu-oidn' in eng.registryFactory ) {
+
+			eng.removeBackend( 'webgpu-oidn' );
+
+		}
+
+	} catch ( e ) {
+
+		console.warn( 'OIDNDenoiser: failed to clear cached TFJS backend', e );
+
+	}
+
+}
+
 import { createRenderTargetHelper } from '../Processor/createRenderTargetHelper.js';
 import { TONE_MAP_FNS, linearToSRGB, applySaturation } from '../Processor/ToneMapCPU.js';
 
@@ -966,6 +994,9 @@ export class OIDNDenoiser extends EventDispatcher {
 
 		// Dispose resources
 		this.unet?.dispose();
+		// Must precede renderer.dispose() so the GPUDevice is still alive when
+		// TFJS tears down the cached backend's buffers/textures.
+		removeOidnTfjsBackend();
 		this._destroyGPUInputBuffers();
 
 		// Dispose debug helpers

package/src/managers/helpers/TileHelper.js

@@ -31,9 +31,12 @@ export class TileHelper {
 		// Whether the user has enabled the tile helper via UI toggle
 		this.enabled = true;
 
-		// Style
+		// Style — line width derives from display size each frame so the
+		// border looks the same thickness regardless of canvas resolution.
 		this._borderColor = 'rgba(255, 0, 0, 0.6)';
-		this._borderWidth = 2;
+		this._borderWidthRatio = 1 / 540; // ~2px on 1080p, ~4px on 4K
+		this._borderWidthMin = 1.5;
+		this._borderWidthMax = 4;
 
 	}
 
@@ -87,9 +90,13 @@ export class TileHelper {
 		const w = bounds.width * scaleX;
 		const h = bounds.height * scaleY;
 
-		// Active tile border
+		const lineWidth = Math.min(
+			this._borderWidthMax,
+			Math.max( this._borderWidthMin, Math.min( displayW, displayH ) * this._borderWidthRatio )
+		);
+
 		ctx.strokeStyle = this._borderColor;
-		ctx.lineWidth = this._borderWidth;
+		ctx.lineWidth = lineWidth;
 		ctx.strokeRect( x, y, w, h );
 
 	}