Examples: add resize event for webgl_postprocessing_crossfade.html (#…

…28172)
mrdoob · Apr 21, 2024 · e462f0e · e462f0e
1 parent 46e25b0
commit e462f0e
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/examples/webgl_postprocessing_crossfade.html b/examples/webgl_postprocessing_crossfade.html
@@ -72,6 +72,16 @@
 
 				transition = new Transition( sceneA, sceneB );
 
+				window.addEventListener( 'resize', onWindowResize );
+
+				function onWindowResize() {
+
+					sceneA.resize();
+					sceneB.resize();
+					renderer.setSize( window.innerWidth, window.innerHeight );
+
+				}
+
 			}
 
 			function animate() {
@@ -208,6 +218,14 @@
 
 				};
 
+				this.resize = function () {
+
+					camera.aspect = window.innerWidth / window.innerHeight;
+					camera.updateProjectionMatrix();
+					this.fbo.setSize( window.innerWidth, window.innerHeight );
+
+				};
+
 			}
 
 			function Transition( sceneA, sceneB ) {