Update demos

vanruesc · vanruesc · commit 052705d467ec · 2026-03-20T15:37:10.000+01:00
diff --git a/manual/assets/js/src/demos/ascii.js b/manual/assets/js/src/demos/ascii.js
@@ -83,9 +83,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/bloom.js b/manual/assets/js/src/demos/bloom.js
@@ -88,9 +88,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	const orbs = new Group();
 
diff --git a/manual/assets/js/src/demos/blur.js b/manual/assets/js/src/demos/blur.js
@@ -4,7 +4,6 @@ import {
 	PerspectiveCamera,
 	Scene,
 	SRGBColorSpace,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -63,7 +62,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -87,6 +85,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
diff --git a/manual/assets/js/src/demos/chromatic-aberration.js b/manual/assets/js/src/demos/chromatic-aberration.js
@@ -82,9 +82,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/color-depth.js b/manual/assets/js/src/demos/color-depth.js
@@ -82,9 +82,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/depth-of-field.js b/manual/assets/js/src/demos/depth-of-field.js
@@ -84,9 +84,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/depth-picking.js b/manual/assets/js/src/demos/depth-picking.js
@@ -8,7 +8,6 @@ import {
 	SphereGeometry,
 	SRGBColorSpace,
 	Vector3,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -66,7 +65,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -90,6 +88,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
diff --git a/manual/assets/js/src/demos/dot-screen.js b/manual/assets/js/src/demos/dot-screen.js
@@ -82,9 +82,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0xffffff, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/fxaa.js b/manual/assets/js/src/demos/fxaa.js
@@ -4,7 +4,6 @@ import {
 	PerspectiveCamera,
 	Scene,
 	SRGBColorSpace,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -63,7 +62,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -87,6 +85,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
diff --git a/manual/assets/js/src/demos/glitch.js b/manual/assets/js/src/demos/glitch.js
@@ -94,9 +94,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/god-rays.js b/manual/assets/js/src/demos/god-rays.js
@@ -87,9 +87,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	const sun = new Mesh(
 		new IcosahedronGeometry(1, 3),
diff --git a/manual/assets/js/src/demos/grid.js b/manual/assets/js/src/demos/grid.js
@@ -82,9 +82,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/msaa.js b/manual/assets/js/src/demos/msaa.js
@@ -4,7 +4,6 @@ import {
 	PerspectiveCamera,
 	Scene,
 	SRGBColorSpace,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -56,7 +55,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -80,6 +78,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
diff --git a/manual/assets/js/src/demos/outline.js b/manual/assets/js/src/demos/outline.js
@@ -10,7 +10,6 @@ import {
 	SRGBColorSpace,
 	TextureLoader,
 	Vector2,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -96,7 +95,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -120,6 +118,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(Shapes.createLights());
 	const actors = Shapes.createActors();
 	scene.add(actors);
diff --git a/manual/assets/js/src/demos/pixelation.js b/manual/assets/js/src/demos/pixelation.js
@@ -81,9 +81,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/scanlines.js b/manual/assets/js/src/demos/scanlines.js
@@ -82,9 +82,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/smaa.js b/manual/assets/js/src/demos/smaa.js
@@ -4,7 +4,6 @@ import {
 	PerspectiveCamera,
 	Scene,
 	SRGBColorSpace,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -67,7 +66,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -91,6 +89,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
diff --git a/manual/assets/js/src/demos/ssao.js b/manual/assets/js/src/demos/ssao.js
@@ -5,14 +5,14 @@ import {
 	PerspectiveCamera,
 	Scene,
 	SRGBColorSpace,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
 import {
 	BlendFunction,
 	EffectComposer,
 	EffectPass,
+	FXAAEffect,
 	NormalPass,
 	RenderPass,
 	SSAOEffect
@@ -65,7 +65,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -89,6 +88,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
@@ -114,6 +115,7 @@ window.addEventListener("load", () => load().then((assets) => {
 	composer.addPass(new RenderPass(scene, camera));
 	composer.addPass(normalPass);
 	composer.addPass(effectPass);
+	composer.addPass(new EffectPass(camera, new FXAAEffect()));
 
 	// Settings
 
diff --git a/manual/assets/js/src/demos/texture.js b/manual/assets/js/src/demos/texture.js
@@ -6,7 +6,6 @@ import {
 	Scene,
 	SRGBColorSpace,
 	TextureLoader,
-	VSMShadowMap,
 	WebGLRenderer
 } from "three";
 
@@ -74,7 +73,6 @@ window.addEventListener("load", () => load().then((assets) => {
 	});
 
 	renderer.debug.checkShaderErrors = (window.location.hostname === "localhost");
-	renderer.shadowMap.type = VSMShadowMap;
 	renderer.shadowMap.autoUpdate = false;
 	renderer.shadowMap.needsUpdate = true;
 	renderer.shadowMap.enabled = true;
@@ -98,6 +96,8 @@ window.addEventListener("load", () => load().then((assets) => {
 
 	const scene = new Scene();
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
+	scene.environmentIntensity = 0.33;
 	scene.add(CornellBox.createLights());
 	scene.add(CornellBox.createEnvironment());
 	scene.add(CornellBox.createActors());
diff --git a/manual/assets/js/src/demos/tone-mapping.js b/manual/assets/js/src/demos/tone-mapping.js
@@ -84,9 +84,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/demos/vignette.js b/manual/assets/js/src/demos/vignette.js
@@ -83,9 +83,10 @@ window.addEventListener("load", () => load().then((assets) => {
 	const scene = new Scene();
 	scene.fog = new FogExp2(0x373134, 0.06);
 	scene.background = assets.get("sky");
+	scene.environment = assets.get("sky");
 	scene.add(Domain.createLights());
-	scene.add(Domain.createEnvironment(scene.background));
-	scene.add(Domain.createActors(scene.background));
+	scene.add(Domain.createEnvironment());
+	scene.add(Domain.createActors());
 
 	// Post Processing
 
diff --git a/manual/assets/js/src/objects/CornellBox.js b/manual/assets/js/src/objects/CornellBox.js
diff --git a/manual/assets/js/src/objects/Domain.js b/manual/assets/js/src/objects/Domain.js
