rayzee 5.3.2 → 5.3.4

package/package.json

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

package/src/PathTracerApp.js

@@ -128,9 +128,6 @@ export class PathTracerApp extends EventDispatcher {
 
 		// Resolution state
 		this._resizeDebounceTimer = null;
-		this._resizeObserver = null;
-		this._lastObservedWidth = 0;
-		this._lastObservedHeight = 0;
 
 	}
 
@@ -386,7 +383,7 @@ export class PathTracerApp extends EventDispatcher {
 		}
 
 		clearTimeout( this._resizeDebounceTimer );
-		this._resizeObserver?.disconnect();
+		window.removeEventListener( 'resize', this.resizeHandler );
 
 		this.isInitialized = false;
 
@@ -642,9 +639,6 @@ export class PathTracerApp extends EventDispatcher {
 		const width = this.canvas.clientWidth;
 		const height = this.canvas.clientHeight;
 		if ( width === 0 || height === 0 ) return;
-		if ( width === this._lastObservedWidth && height === this._lastObservedHeight ) return;
-		this._lastObservedWidth = width;
-		this._lastObservedHeight = height;
 
 		this.renderer.setPixelRatio( 1.0 );
 		this.renderer.setSize( width, height, false );
@@ -685,8 +679,6 @@ export class PathTracerApp extends EventDispatcher {
 
 	setCanvasSize( width, height ) {
 
-		this.canvas.style.width = `${width}px`;
-		this.canvas.style.height = `${height}px`;
 		this.denoisingManager?.syncCanvasStyle( width, height );
 
 		if ( width === 0 || height === 0 ) return;
@@ -1161,10 +1153,10 @@ export class PathTracerApp extends EventDispatcher {
 
 		// Resize handling
 		this.onResize();
+		this.resizeHandler = () => this.onResize();
 		if ( this._autoResize ) {
 
-			this._resizeObserver = new ResizeObserver( () => this.onResize() );
-			this._resizeObserver.observe( this.canvas );
+			window.addEventListener( 'resize', this.resizeHandler );
 
 		}