Updated builds.

Author: mrdoob

build/three.cjs

@@ -46680,6 +46680,15 @@ class RectAreaLight extends Light {
 		 */
 		this.height = height;
 
+		/**
+		 * A texture that modulates the light color. The texture is
+		 * projected onto the light's surface and sampled during shading.
+		 *
+		 * @type {?Texture}
+		 * @default null
+		 */
+		this.map = null;
+
 	}
 
 	/**
@@ -46708,6 +46717,7 @@ class RectAreaLight extends Light {
 
 		this.width = source.width;
 		this.height = source.height;
+		this.map = source.map;
 
 		return this;
 
@@ -46720,6 +46730,8 @@ class RectAreaLight extends Light {
 		data.object.width = this.width;
 		data.object.height = this.height;
 
+		if ( this.map && this.map.isTexture ) data.object.map = this.map.toJSON( meta ).uuid;
+
 		return data;
 
 	}

build/three.core.js

@@ -50160,9 +50160,16 @@ class NodeBuilder {
 	 */
 	getSharedContext() {
 
-		({ ...this.context });
+		const context = { ...this.context };
 
-		return this.context;
+		delete context.material;
+		delete context.getUV;
+		delete context.getOutput;
+		delete context.getTextureLevel;
+		delete context.getAO;
+		delete context.getShadow;
+
+		return context;
 
 	}
 

build/three.core.min.js

@@ -50160,9 +50160,16 @@ class NodeBuilder {
 	 */
 	getSharedContext() {
 
-		({ ...this.context });
+		const context = { ...this.context };
 
-		return this.context;
+		delete context.material;
+		delete context.getUV;
+		delete context.getOutput;
+		delete context.getTextureLevel;
+		delete context.getAO;
+		delete context.getShadow;
+
+		return context;
 
 	}
 

build/three.module.js

@@ -38,14 +38,24 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
+			import { RapierPhysics } from 'three/addons/physics/RapierPhysics.js';
+			import { RapierHelper } from 'three/addons/helpers/RapierHelper.js';
+
 			import { Inspector } from 'three/addons/inspector/Inspector.js';
 
 			let camera, scene, renderer, postProcessing, controls;
 
+			let physics, position;
+
+			let boxes, spheres;
+
 			init();
 
 			async function init() {
 
+				physics = await RapierPhysics();
+				position = new THREE.Vector3();
+
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 0.1, 100 );
 				camera.position.set( 0, 10, 30 );
 
@@ -125,6 +135,49 @@
 				const traaPass = traa( compositePass, scenePassDepth, scenePassVelocity, camera );
 				postProcessing.outputNode = traaPass;
 
+				//
+
+				const material = new THREE.MeshStandardMaterial();
+
+				const matrix = new THREE.Matrix4();
+				const color = new THREE.Color();
+
+				// Boxes
+
+				const geometryBox = new THREE.BoxGeometry( 0.75, 0.75, 0.75 );
+				boxes = new THREE.InstancedMesh( geometryBox, material, 100 );
+				boxes.instanceMatrix.setUsage( THREE.DynamicDrawUsage ); // will be updated every frame
+				boxes.castShadow = true;
+				boxes.receiveShadow = true;
+				boxes.userData.physics = { mass: 1, restitution: 1 };
+				// scene.add( boxes );
+
+				for ( let i = 0; i < boxes.count; i ++ ) {
+
+					matrix.setPosition( Math.random() - 0.5, Math.random() * 10, Math.random() - 0.5 );
+					boxes.setMatrixAt( i, matrix );
+					boxes.setColorAt( i, color.setHex( 0xffffff * Math.random() ) );
+
+				}
+
+				// Spheres
+
+				const geometrySphere = new THREE.IcosahedronGeometry( 0.75, 4 );
+				spheres = new THREE.InstancedMesh( geometrySphere, material, 100 );
+				spheres.instanceMatrix.setUsage( THREE.DynamicDrawUsage ); // will be updated every frame
+				spheres.castShadow = true;
+				spheres.receiveShadow = true;
+				spheres.userData.physics = { mass: 1, restitution: 1 };
+				scene.add( spheres );
+
+				for ( let i = 0; i < spheres.count; i ++ ) {
+
+					matrix.setPosition( ( Math.random() - 0.5 ) * 10, Math.random() * 2 + 10, ( Math.random() - 0.5 ) * 10 );
+					spheres.setMatrixAt( i, matrix );
+					spheres.setColorAt( i, color.setHex( 0xffffff * Math.random() ) );
+
+				}
+
 				// Cornell Box inspired scene
 
 				// Walls
@@ -137,6 +190,7 @@
 				leftWall.rotation.y = Math.PI * 0.5;
 				leftWall.position.set( - 10, 7.5, 0 );
 				leftWall.receiveShadow = true;
+				leftWall.userData.physics = { mass: 0 };
 				scene.add( leftWall );
 
 				// Right wall - green
@@ -146,6 +200,7 @@
 				rightWall.rotation.y = Math.PI * - 0.5;
 				rightWall.position.set( 10, 7.5, 0 );
 				rightWall.receiveShadow = true;
+				rightWall.userData.physics = { mass: 0 };
 				scene.add( rightWall );
 
 				// White walls and boxes
@@ -156,6 +211,7 @@
 				floor.scale.set( 20, 20, 1 );
 				floor.rotation.x = Math.PI * - .5;
 				floor.receiveShadow = true;
+				floor.userData.physics = { mass: 0 };
 				scene.add( floor );
 
 				// Back wall
@@ -164,14 +220,25 @@
 				backWall.rotation.z = Math.PI * - 0.5;
 				backWall.position.set( 0, 7.5, - 10 );
 				backWall.receiveShadow = true;
+				backWall.userData.physics = { mass: 0 };
 				scene.add( backWall );
 
+				// Front wall
+				const frontWall = new THREE.Mesh( wallGeometry, whiteMaterial );
+				frontWall.scale.set( 15, 20, 1 );
+				frontWall.rotation.z = Math.PI * - 0.5;
+				frontWall.position.set( 0, 7.5, 10 );
+				frontWall.visible = false;
+				frontWall.userData.physics = { mass: 0 };
+				scene.add( frontWall );
+
 				// Ceiling
 				const ceiling = new THREE.Mesh( wallGeometry, whiteMaterial );
 				ceiling.scale.set( 20, 20, 1 );
 				ceiling.rotation.x = Math.PI * 0.5;
 				ceiling.position.set( 0, 15, 0 );
 				ceiling.receiveShadow = true;
+				ceiling.userData.physics = { mass: 0 };
 				scene.add( ceiling );
 
 				// Boxes
@@ -181,6 +248,7 @@
 				tallBox.position.set( - 3, 3.5, - 2 );
 				tallBox.castShadow = true;
 				tallBox.receiveShadow = true;
+				tallBox.userData.physics = { mass: 1 };
 				scene.add( tallBox );
 
 				const shortBoxGeometry = new THREE.BoxGeometry( 4, 4, 4 );
@@ -189,11 +257,13 @@
 				shortBox.position.set( 4, 2, 4 );
 				shortBox.castShadow = true;
 				shortBox.receiveShadow = true;
+				shortBox.userData.physics = { mass: 1 };
 				scene.add( shortBox );
 
 				// Light source geometry
 				const lightSourceGeometry = new THREE.CylinderGeometry( 2.5, 2.5, 1, 64 );
 				const lightSourceMaterial = new THREE.MeshBasicMaterial();
+				lightSourceMaterial.color.setScalar( 2 );
 				const lightSource = new THREE.Mesh( lightSourceGeometry, lightSourceMaterial );
 				lightSource.position.y = 15;
 				scene.add( lightSource );
@@ -208,6 +278,28 @@
 				pointLight.shadow.bias = - 0.0025;
 				scene.add( pointLight );
 
+				physics.addScene( scene );
+
+				scene.add( new RapierHelper( physics.world ) );
+
+				/*
+				setInterval( () => {
+
+					let index = Math.floor( Math.random() * boxes.count );
+
+					position.set( 0, Math.random() * 10 + 1, 0 );
+					physics.setMeshPosition( boxes, position, index );
+
+					//
+
+					index = Math.floor( Math.random() * spheres.count );
+
+					position.set( 0, Math.random() * 10 + 1, 0 );
+					physics.setMeshPosition( spheres, position, index );
+
+				}, 1000 / 60 );
+				*/
+
 				// Ambient light
 				const ambientLight = new THREE.AmbientLight( '#0c0c0c' );
 				scene.add( ambientLight );