PMREMGenerator extension: Now you can set texture size and position

examples/webgpu_ocean.html

@@ -122,7 +122,7 @@
 					if ( renderTarget !== undefined ) renderTarget.dispose();
 
 					sceneEnv.add( sky );
-					renderTarget = pmremGenerator.fromScene( sceneEnv );
+					renderTarget = pmremGenerator.fromScene( { scene: sceneEnv } );
 					scene.add( sky );
 
 					scene.environment = renderTarget.texture;

examples/webgpu_pmrem_scene.html

@@ -63,42 +63,55 @@
 				scene.background = await loader.loadAsync( [ 'px.jpg', 'nx.jpg', 'py.jpg', 'ny.jpg', 'pz.jpg', 'nz.jpg' ] );
 
 				let model;
+				let center = new THREE.Vector3( 0.5, 0, 0 );
+
 
 				model = new THREE.Mesh( new THREE.SphereGeometry( .2, 64, 64 ), new THREE.MeshBasicMaterial( { color: 0x0000ff } ) );
+				model.position.copy( center );
 				model.position.z -= 1;
 				scene.add( model );
 
 				model = new THREE.Mesh( new THREE.SphereGeometry( .2, 64, 64 ), new THREE.MeshBasicMaterial( { color: 0xff0000 } ) );
+				model.position.copy( center );
 				model.position.z += 1;
 				scene.add( model );
 
 				model = new THREE.Mesh( new THREE.SphereGeometry( .2, 64, 64 ), new THREE.MeshBasicMaterial( { color: 0xff00ff } ) );
+				model.position.copy( center );
 				model.position.x += 1;
 				scene.add( model );
 
 				model = new THREE.Mesh( new THREE.SphereGeometry( .2, 64, 64 ), new THREE.MeshBasicMaterial( { color: 0x00ffff } ) );
+				model.position.copy( center );
 				model.position.x -= 1;
 				scene.add( model );
 
 				model = new THREE.Mesh( new THREE.SphereGeometry( .2, 64, 64 ), new THREE.MeshBasicMaterial( { color: 0xffff00 } ) );
+				model.position.copy( center );
 				model.position.y -= 1;
 				scene.add( model );
 
 				model = new THREE.Mesh( new THREE.SphereGeometry( .2, 64, 64 ), new THREE.MeshBasicMaterial( { color: 0x00ff00 } ) );
+				model.position.copy( center );
 				model.position.y += 1;
 				scene.add( model );
 
 				//while ( scene.children.length > 0 ) scene.remove( scene.children[ 0 ] );
 
-				const sceneRT = new THREE.PMREMGenerator( renderer ).fromScene( scene );
-
+				const sceneRT = new THREE.PMREMGenerator( renderer ).fromScene( {
+					scene: scene,
+					size: 512,
+					position: center
+				} );
 
 				//
 
 				const pmremRoughness = uniform( .5 );
 				const pmremNode = pmremTexture( sceneRT.texture, normalWorld, pmremRoughness );
 
-				scene.add( new THREE.Mesh( new THREE.SphereGeometry( .5, 64, 64 ), new THREE.MeshBasicNodeMaterial( { colorNode: pmremNode } ) ) );
+				const mirror = new THREE.Mesh( new THREE.SphereGeometry( .5, 64, 64 ), new THREE.MeshBasicNodeMaterial( { colorNode: pmremNode } ) );
+				mirror.position.copy( center );
+				scene.add( mirror );
 
 				// gui
 

examples/webgpu_postprocessing_ao.html

@@ -79,7 +79,7 @@
 				const pmremGenerator = new THREE.PMREMGenerator( renderer );
 
 				scene.background = new THREE.Color( 0x666666 );
-				scene.environment = pmremGenerator.fromScene( environment ).texture;
+				scene.environment = pmremGenerator.fromScene( { scene: environment } ).texture;
 				environment.dispose();
 				pmremGenerator.dispose();
 

examples/webgpu_postprocessing_ssr.html

@@ -98,7 +98,7 @@
 			const environment = new RoomEnvironment();
 			const pmremGenerator = new THREE.PMREMGenerator( renderer );
 
-			scene.environment = pmremGenerator.fromScene( environment ).texture;
+			scene.environment = pmremGenerator.fromScene( { scene: environment } ).texture;
 			scene.environmentIntensity = 1.25;
 			pmremGenerator.dispose();
 

src/renderers/common/extras/PMREMGenerator.js

@@ -135,13 +135,15 @@ class PMREMGenerator {
 	 * @param {Number} [sigma=0] - The blur radius in radians.
 	 * @param {Number} [near=0.1] - The near plane distance.
 	 * @param {Number} [far=100] - The far plane distance.
+	 * @param {Number} [size=256] - The size (resolution) of the cube texture,
+	 * @param {Number} [position = new Vector3( 0, 0, 0 )] - The cubeCamera position
 	 * @param {RenderTarget?} [renderTarget=null] - The render target to use.
 	 * @return {RenderTarget} The resulting PMREM.
 	 * @see fromSceneAsync
 	 */
-	fromScene( scene, sigma = 0, near = 0.1, far = 100, renderTarget = null ) {
+	fromScene( { scene, sigma = 0, near = 0.1, far = 100, size = 256, position = new Vector3( 0, 0, 0 ), renderTarget = null } ) {
 
-		this._setSize( 256 );
+		this._setSize( size );
 
 		if ( this._hasInitialized === false ) {
 
@@ -162,7 +164,7 @@ class PMREMGenerator {
 		const cubeUVRenderTarget = renderTarget || this._allocateTargets();
 		cubeUVRenderTarget.depthBuffer = true;
 
-		this._sceneToCubeUV( scene, near, far, cubeUVRenderTarget );
+		this._sceneToCubeUV( scene, near, far, position, cubeUVRenderTarget );
 
 		if ( sigma > 0 ) {
 
@@ -458,7 +460,7 @@ class PMREMGenerator {
 
 	}
 
-	_sceneToCubeUV( scene, near, far, cubeUVRenderTarget ) {
+	_sceneToCubeUV( scene, near, far, position, cubeUVRenderTarget ) {
 
 		const cubeCamera = _cubeCamera;
 		cubeCamera.near = near;
@@ -528,17 +530,20 @@ class PMREMGenerator {
 			if ( col === 0 ) {
 
 				cubeCamera.up.set( 0, upSign[ i ], 0 );
-				cubeCamera.lookAt( forwardSign[ i ], 0, 0 );
+				cubeCamera.position.set( position.x, position.y, position.z );
+				cubeCamera.lookAt( position.x + forwardSign[ i ], position.y, position.z );
 
 			} else if ( col === 1 ) {
 
 				cubeCamera.up.set( 0, 0, upSign[ i ] );
-				cubeCamera.lookAt( 0, forwardSign[ i ], 0 );
+				cubeCamera.position.set( position.x, position.y, position.z );
+				cubeCamera.lookAt( position.x, position.y + forwardSign[ i ], position.z );
 
 			} else {
 
 				cubeCamera.up.set( 0, upSign[ i ], 0 );
-				cubeCamera.lookAt( 0, 0, forwardSign[ i ] );
+				cubeCamera.position.set( position.x, position.y, position.z );
+				cubeCamera.lookAt( position.x, position.y, position.z + forwardSign[ i ] );
 
 			}