rayzee 5.3.3 → 5.3.5

package/package.json

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

package/src/PathTracerApp.js

@@ -645,8 +645,6 @@ export class PathTracerApp extends EventDispatcher {
 		this.cameraManager.camera.aspect = width / height;
 		this.cameraManager.camera.updateProjectionMatrix();
 
-		this.denoisingManager?.syncCanvasStyle( width, height );
-
 		// Overlay helpers always render at display resolution
 		const dpr = window.devicePixelRatio || 1;
 		this.overlayManager?.setSize(
@@ -679,10 +677,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;
 
 		this.renderer.setPixelRatio( 1.0 );

package/src/managers/DenoisingManager.js

@@ -64,8 +64,10 @@ export class DenoisingManager extends EventDispatcher {
 		const dc = document.createElement( 'canvas' );
 		dc.width = mainCanvas.width;
 		dc.height = mainCanvas.height;
-		dc.style.width = `${mainCanvas.clientWidth}px`;
-		dc.style.height = `${mainCanvas.clientHeight}px`;
+		dc.style.position = 'absolute';
+		dc.style.inset = '0';
+		dc.style.width = '100%';
+		dc.style.height = '100%';
 
 		parent.insertBefore( dc, mainCanvas );
 		return dc;
@@ -86,21 +88,6 @@ export class DenoisingManager extends EventDispatcher {
 
 	}
 
-	/**
-	 * Syncs the denoiser canvas CSS dimensions to match display size.
-	 * @param {number} width
-	 * @param {number} height
-	 */
-	syncCanvasStyle( width, height ) {
-
-		if ( this.denoiserCanvas ) {
-
-			this.denoiserCanvas.style.width = `${width}px`;
-			this.denoiserCanvas.style.height = `${height}px`;
-
-		}
-
-	}
 
 	/**
 	 * Restores the denoiser canvas to base render resolution after upscaling.