@woosh/meep-engine 3.49.0 → 3.50.0

package/src/shade/playground/ssr_motion/README.md

@@ -1,22 +1,24 @@
-# SSR cross camera playground
-
-Open `/src/shade/playground/ssr_motion/` on the engine's Vite development server.
-It shares the exact scene, camera lens, resolution and fixed exposure of
-`ssr_variance`: one metallic floor and an emissive cross card with two colored
-markers. Final-image TAA and raster jitter default off independently.
-
-Drag to orbit, right-drag to pan, wheel to zoom, or focus the canvas and use WASD.
-Floor roughness changes live from 0.01 to 1.00. Material changes clear history;
-ordinary camera movement does not. The lateral path uses the same motion-speed
-scale as `ssr_reprojection` (x = 2 sin(phase), phase rate = 0.7 × speed).
-Choose speed 2.0 to reproduce the faster lateral movement.
-
-Pause motion continues sampling at the current pose. Pause rendering freezes the
-image. Step frame submits one 1/60-second frame. SSR parallax, surface-only and
-no-history modes, spatial denoising, final TAA and jitter can be compared separately.
-
-Query controls: `?motion=lateral&speed=2&roughness=0.3`, `taa=on`, `jitter=on`,
-`spatial=off`, and `temporal=0|1|2`. `manual` starts at frame zero with rendering
-paused. `await ssr_motion_ready` exposes the renderer, camera, scene, `pose`,
-`frame`, and `step(n, advance=true)` for controlled experiments. `advance=false`
-keeps the current pose while sampling. Exact stepping requires rendering paused.
+# SSR cross camera playground
+
+Open `/src/shade/playground/ssr_motion/` on the engine's Vite development server.
+It shares the exact scene, camera lens, resolution and fixed exposure of
+`ssr_variance`: one metallic floor and an emissive cross card with two colored
+markers. Final-image TAA and raster jitter default off independently.
+
+Drag to orbit, right-drag to pan, wheel to zoom, or focus the canvas and use WASD.
+Floor roughness changes live from 0.01 to 1.00. Material changes clear history;
+ordinary camera movement does not. The lateral path uses the same motion-speed
+scale as `ssr_reprojection` (x = 2 sin(phase), phase rate = 0.7 × speed).
+Choose speed 2.0 to reproduce the faster lateral movement.
+
+Pause motion continues sampling at the current pose. Pause rendering freezes the
+image. Step frame submits one 1/60-second frame. SSR parallax, surface-only and
+no-history modes, spatial denoising, final TAA and jitter can be compared separately.
+
+Query controls: `?motion=lateral&speed=2&roughness=0.3`, `taa=on`, `jitter=on`,
+`spatial=off`, and `temporal=0|1|2`. `manual` starts at frame zero with rendering
+paused. `await ssr_motion_ready` exposes the renderer, camera, scene, `pose`,
+`frame`, and `step(n, advance=true)` for controlled experiments; both resolve
+once their frames are submitted, so `await ssr_motion_lab.step(n)` is n frames even
+while the renderer is still compiling. `advance=false` keeps the current pose
+while sampling. Exact stepping requires rendering paused.

package/src/shade/playground/ssr_motion/main.js

@@ -1,149 +1,150 @@
-import Vector3 from "../../../core/geom/Vector3.js";
-import { PerspectiveCamera } from "../../renderer/camera/PerspectiveCamera.js";
-import { OrbitalCameraController } from "../../renderer/camera/OrbitalCameraController.js";
-import { Renderer } from "../../renderer/Renderer.js";
-import { ShadeIndirectLightingMode } from "../../renderer/ShadeIndirectLightingMode.js";
-import { FixedProjection } from "../ssr_variance/capture.js";
-import { create_scene } from "../ssr_variance/scene.js";
-
-const element = id => document.getElementById(id);
-const params = new URLSearchParams(location.search);
-const number = (name, fallback, min, max) => {
-    const value = Number(params.get(name) ?? fallback);
-    return Number.isFinite(value) ? Math.min(max, Math.max(min, value)) : fallback;
-};
-element('roughness').value = number('roughness', 0.3, 0.01, 1);
-element('speed').value = number('speed', 1, 0.1, 3);
-if (['free', 'lateral', 'forward', 'orbit', 'still'].includes(params.get('motion'))) { element('motion').value = params.get('motion'); }
-if (['0', '1', '2'].includes(params.get('temporal'))) { element('temporal').value = params.get('temporal'); }
-element('spatial').checked = params.get('spatial') !== 'off';
-for (const name of ['taa', 'jitter']) { element(name).checked = params.get(name) === 'on'; }
-
-async function start() {
-    const canvas = element('view'), renderer = new Renderer();
-    await renderer.initialize({ context: canvas.getContext('webgpu'), pixelRatio: 1 });
-    renderer.feature_ssr_enabled = true;
-    renderer.indirect_lighting_mode = ShadeIndirectLightingMode.IBL;
-    for (const name of ['ssao', 'bloom', 'sharpening', 'motion_blur', 'automatic_exposure']) { renderer[`feature_${name}_enabled`] = false; }
-    renderer.exposure_compensation = 1;
-    renderer.internal_resolution_scale = 1;
-    renderer.feature_taa_enabled = element('taa').checked;
-    renderer.ssr.spatial_denoising_enabled = element('spatial').checked;
-    renderer.ssr.reprojection_mode = Number(element('temporal').value);
-    const world = await create_scene();
-    world.ground_material.roughness_factor = Number(element('roughness').value);
-    const floor_materials = new Map([[world.ground_material.roughness_factor, world.ground_material]]);
-    const camera = new PerspectiveCamera();
-    camera.near = 0.1; camera.far = 50; camera.fov = 50 * Math.PI / 180;
-    camera.aspect = canvas.width / canvas.height;
-    const controller = new OrbitalCameraController(camera, canvas);
-    controller.movement_speed_scale = 2;
-    renderer.resize(canvas.width, canvas.height);
-    class ProjectionControl extends FixedProjection {
-        record(frame) { if (!element('jitter').checked) { super.record(frame); } }
-    }
-    renderer.add_extension(new ProjectionControl());
-    let phase = 0, frame_count = 0, motion_paused = false;
-    let rendering_paused = params.has('manual'), stopped = false, request, last_time, last_status = 0;
-    const pose = (position, target) => {
-        camera.transform.setTranslation(...position);
-        camera.transform.lookAt(new Vector3(...target));
-        camera.transform.updateMatrix();
-        controller.look(new Vector3(...position), new Vector3(...target));
-    };
-    function status() {
-        element('status').textContent = `Frame ${frame_count} · roughness ${world.ground_material.roughness_factor.toFixed(2)}\n${rendering_paused ? 'Rendering paused' : motion_paused ? 'Motion paused · sampling continues' : 'Running'} · final TAA ${renderer.feature_taa_enabled ? 'on' : 'off'}`;
-        element('render-pause').textContent = rendering_paused ? 'Resume rendering' : 'Pause rendering';
-    }
-    function fail(error) {
-        stopped = true; cancelAnimationFrame(request);
-        element('status').textContent = error.message ?? String(error);
-        element('status').classList.add('error'); console.error(error);
-    }
-    function reset_camera() {
-        phase = 0; pose([0, 3.2, 7], [0, 0.2, -2]);
-        renderer.indicate_view_change(); status();
-    }
-    function set_roughness() {
-        const roughness = Number(element('roughness').value);
-        // GPU material contexts are immutable after upload. Reuse at most one
-        // material per slider value, and refresh the scene's material membership.
-        let material = floor_materials.get(roughness);
-        if (!material) {
-            material = world.ground_material.clone();
-            material.roughness_factor = roughness;
-            floor_materials.set(roughness, material);
-        }
-        if (material !== world.ground_material) {
-            world.scene.remove(world.ground);
-            world.ground.material = world.ground_material = material;
-            world.ground.updateMatrices();
-            renderer.graphics.materials.obtain(material);
-            world.scene.add(world.ground);
-        }
-        element('roughness-value').textContent = world.ground_material.roughness_factor.toFixed(2);
-        renderer.indicate_view_change(); status();
-    }
-    function frame(dt = 1 / 60, advance = true) {
-        if (stopped) { throw new Error('Renderer stopped after an error'); }
-        const mode = element('motion').value;
-        if (advance && !motion_paused) {
-            phase += dt * Number(element('speed').value) * 0.7;
-            const t = Math.sin(phase);
-            if (mode === 'free') { controller.update(dt); }
-            else if (mode === 'lateral') { pose([2 * t, 3.2, 7], [2 * t, 0.2, -2]); }
-            else if (mode === 'forward') { pose([0, 3.2, 7 + 1.6 * t], [0, 0.2, -2 + 1.6 * t]); }
-            else if (mode === 'orbit') { pose([4 * t, 3.2, 7 - 0.7 * t * t], [0, 0.2, -2]); }
-        }
-        if (renderer.render(camera, world.scene, dt) === false) { throw new Error('Renderer did not submit the frame'); }
-        frame_count++;
-        if (performance.now() - last_status > 250 || rendering_paused) { status(); last_status = performance.now(); }
-        return frame_count;
-    }
-    function tick(time) {
-        if (stopped) { return; }
-        const dt = last_time === undefined ? 1 / 60 : Math.min((time - last_time) / 1000, 0.05);
-        last_time = time;
-        try { if (!rendering_paused) { frame(dt); } }
-        catch (error) { fail(error); return; }
-        request = requestAnimationFrame(tick);
-    }
-    element('roughness').oninput = set_roughness;
-    element('speed').oninput = () => { element('speed-value').textContent = `${Number(element('speed').value).toFixed(1)}×`; };
-    element('speed').oninput();
-    element('motion').onchange = () => {
-        if (element('motion').value !== 'free') { reset_camera(); }
-    };
-    canvas.addEventListener('pointerdown', () => { canvas.focus(); element('motion').value = 'free'; motion_paused = false; element('motion-pause').textContent = 'Pause motion'; });
-    canvas.addEventListener('contextmenu', event => event.preventDefault());
-    element('temporal').onchange = () => { renderer.ssr.reprojection_mode = Number(element('temporal').value); };
-    element('spatial').onchange = () => { renderer.ssr.spatial_denoising_enabled = element('spatial').checked; };
-    element('taa').onchange = () => { renderer.feature_taa_enabled = element('taa').checked; renderer.indicate_view_change(); status(); };
-    element('jitter').onchange = () => renderer.indicate_view_change();
-    element('motion-pause').onclick = () => { motion_paused = !motion_paused; element('motion-pause').textContent = motion_paused ? 'Resume motion' : 'Pause motion'; status(); };
-    element('render-pause').onclick = () => { rendering_paused = !rendering_paused; status(); };
-    element('step').onclick = () => { rendering_paused = true; try { frame(); } catch (error) { fail(error); } };
-    element('restart').onclick = reset_camera;
-    element('reset').onclick = () => { renderer.ssr.reset_history = true; };
-    const device = renderer.graphics.device;
-    device.addEventListener('uncapturederror', event => fail(event.error));
-    device.lost.then(info => { if (!stopped) { fail(new Error(`GPU device lost: ${info.message}`)); } });
-    addEventListener('pagehide', () => { stopped = true; cancelAnimationFrame(request); controller.pointer.stop(); controller.keyboard.stop(); renderer.destroy(); device.destroy(); });
-    addEventListener('pageshow', event => { if (event.persisted) { location.reload(); } });
-    reset_camera(); set_roughness();
-    const lab = globalThis.ssr_motion_lab = {
-        renderer, camera, world, frame, pose,
-        step(n = 1, advance = true) {
-            if (!rendering_paused) { throw new Error('Pause rendering before exact stepping'); }
-            if (!Number.isSafeInteger(n) || n < 1) { throw new Error('Step count must be a positive integer'); }
-            for (let i = 0; i < n; i++) { frame(1 / 60, advance); }
-            return frame_count;
-        },
-        get frame_count() { return frame_count; },
-    };
-    request = requestAnimationFrame(tick);
-    return lab;
-}
-globalThis.ssr_motion_ready = start().catch(error => {
-    element('status').textContent = error.message ?? String(error); console.error(error); throw error;
-});
+import Vector3 from "../../../core/geom/Vector3.js";
+import { PerspectiveCamera } from "../../renderer/camera/PerspectiveCamera.js";
+import { OrbitalCameraController } from "../../renderer/camera/OrbitalCameraController.js";
+import { Renderer } from "../../renderer/Renderer.js";
+import { ShadeIndirectLightingMode } from "../../renderer/ShadeIndirectLightingMode.js";
+import { FixedProjection } from "../ssr_variance/capture.js";
+import { create_scene } from "../ssr_variance/scene.js";
+import { submit_frame } from "../submit_frame.js";
+
+const element = id => document.getElementById(id);
+const params = new URLSearchParams(location.search);
+const number = (name, fallback, min, max) => {
+    const value = Number(params.get(name) ?? fallback);
+    return Number.isFinite(value) ? Math.min(max, Math.max(min, value)) : fallback;
+};
+element('roughness').value = number('roughness', 0.3, 0.01, 1);
+element('speed').value = number('speed', 1, 0.1, 3);
+if (['free', 'lateral', 'forward', 'orbit', 'still'].includes(params.get('motion'))) { element('motion').value = params.get('motion'); }
+if (['0', '1', '2'].includes(params.get('temporal'))) { element('temporal').value = params.get('temporal'); }
+element('spatial').checked = params.get('spatial') !== 'off';
+for (const name of ['taa', 'jitter']) { element(name).checked = params.get(name) === 'on'; }
+
+async function start() {
+    const canvas = element('view'), renderer = new Renderer();
+    await renderer.initialize({ context: canvas.getContext('webgpu'), pixelRatio: 1 });
+    renderer.feature_ssr_enabled = true;
+    renderer.indirect_lighting_mode = ShadeIndirectLightingMode.IBL;
+    for (const name of ['ssao', 'bloom', 'sharpening', 'motion_blur', 'automatic_exposure']) { renderer[`feature_${name}_enabled`] = false; }
+    renderer.exposure_compensation = 1;
+    renderer.internal_resolution_scale = 1;
+    renderer.feature_taa_enabled = element('taa').checked;
+    renderer.ssr.spatial_denoising_enabled = element('spatial').checked;
+    renderer.ssr.reprojection_mode = Number(element('temporal').value);
+    const world = await create_scene(renderer);
+    world.ground_material.roughness_factor = Number(element('roughness').value);
+    const floor_materials = new Map([[world.ground_material.roughness_factor, world.ground_material]]);
+    const camera = new PerspectiveCamera();
+    camera.near = 0.1; camera.far = 50; camera.fov = 50 * Math.PI / 180;
+    camera.aspect = canvas.width / canvas.height;
+    const controller = new OrbitalCameraController(camera, canvas);
+    controller.movement_speed_scale = 2;
+    renderer.resize(canvas.width, canvas.height);
+    class ProjectionControl extends FixedProjection {
+        record(frame) { if (!element('jitter').checked) { super.record(frame); } }
+    }
+    renderer.add_extension(new ProjectionControl());
+    let phase = 0, frame_count = 0, motion_paused = false;
+    let rendering_paused = params.has('manual'), stopped = false, request, last_time, last_status = 0;
+    const pose = (position, target) => {
+        camera.transform.setTranslation(...position);
+        camera.transform.lookAt(new Vector3(...target));
+        camera.transform.updateMatrix();
+        controller.look(new Vector3(...position), new Vector3(...target));
+    };
+    function status() {
+        element('status').textContent = `Frame ${frame_count} · roughness ${world.ground_material.roughness_factor.toFixed(2)}\n${rendering_paused ? 'Rendering paused' : motion_paused ? 'Motion paused · sampling continues' : 'Running'} · final TAA ${renderer.feature_taa_enabled ? 'on' : 'off'}`;
+        element('render-pause').textContent = rendering_paused ? 'Resume rendering' : 'Pause rendering';
+    }
+    function fail(error) {
+        stopped = true; cancelAnimationFrame(request);
+        element('status').textContent = error.message ?? String(error);
+        element('status').classList.add('error'); console.error(error);
+    }
+    function reset_camera() {
+        phase = 0; pose([0, 3.2, 7], [0, 0.2, -2]);
+        renderer.indicate_view_change(); status();
+    }
+    function set_roughness() {
+        const roughness = Number(element('roughness').value);
+        // GPU material contexts are immutable after upload. Reuse at most one
+        // material per slider value, and refresh the scene's material membership.
+        let material = floor_materials.get(roughness);
+        if (!material) {
+            material = world.ground_material.clone();
+            material.roughness_factor = roughness;
+            floor_materials.set(roughness, material);
+        }
+        if (material !== world.ground_material) {
+            world.scene.remove(world.ground);
+            world.ground.material = world.ground_material = material;
+            world.ground.updateMatrices();
+            renderer.graphics.materials.obtain(material);
+            world.scene.add(world.ground);
+        }
+        element('roughness-value').textContent = world.ground_material.roughness_factor.toFixed(2);
+        renderer.indicate_view_change(); status();
+    }
+    async function frame(dt = 1 / 60, advance = true) {
+        if (stopped) { throw new Error('Renderer stopped after an error'); }
+        const mode = element('motion').value;
+        if (advance && !motion_paused) {
+            phase += dt * Number(element('speed').value) * 0.7;
+            const t = Math.sin(phase);
+            if (mode === 'free') { controller.update(dt); }
+            else if (mode === 'lateral') { pose([2 * t, 3.2, 7], [2 * t, 0.2, -2]); }
+            else if (mode === 'forward') { pose([0, 3.2, 7 + 1.6 * t], [0, 0.2, -2 + 1.6 * t]); }
+            else if (mode === 'orbit') { pose([4 * t, 3.2, 7 - 0.7 * t * t], [0, 0.2, -2]); }
+        }
+        // Counted once submitted: the first calls are refused while the renderer's prepared pipelines compile.
+        await submit_frame(renderer, camera, world.scene, dt);
+        frame_count++;
+        if (performance.now() - last_status > 250 || rendering_paused) { status(); last_status = performance.now(); }
+        return frame_count;
+    }
+    function tick(time) {
+        if (stopped) { return; }
+        const dt = last_time === undefined ? 1 / 60 : Math.min((time - last_time) / 1000, 0.05);
+        last_time = time;
+        // the next frame is asked for once this one is submitted, so the loop never has two in flight
+        (rendering_paused ? Promise.resolve() : frame(dt)).then(() => { if (!stopped) { request = requestAnimationFrame(tick); } }, fail);
+    }
+    element('roughness').oninput = set_roughness;
+    element('speed').oninput = () => { element('speed-value').textContent = `${Number(element('speed').value).toFixed(1)}×`; };
+    element('speed').oninput();
+    element('motion').onchange = () => {
+        if (element('motion').value !== 'free') { reset_camera(); }
+    };
+    canvas.addEventListener('pointerdown', () => { canvas.focus(); element('motion').value = 'free'; motion_paused = false; element('motion-pause').textContent = 'Pause motion'; });
+    canvas.addEventListener('contextmenu', event => event.preventDefault());
+    element('temporal').onchange = () => { renderer.ssr.reprojection_mode = Number(element('temporal').value); };
+    element('spatial').onchange = () => { renderer.ssr.spatial_denoising_enabled = element('spatial').checked; };
+    element('taa').onchange = () => { renderer.feature_taa_enabled = element('taa').checked; renderer.indicate_view_change(); status(); };
+    element('jitter').onchange = () => renderer.indicate_view_change();
+    element('motion-pause').onclick = () => { motion_paused = !motion_paused; element('motion-pause').textContent = motion_paused ? 'Resume motion' : 'Pause motion'; status(); };
+    element('render-pause').onclick = () => { rendering_paused = !rendering_paused; status(); };
+    element('step').onclick = () => { rendering_paused = true; frame().catch(fail); };
+    element('restart').onclick = reset_camera;
+    element('reset').onclick = () => { renderer.ssr.reset_history = true; };
+    const device = renderer.graphics.device;
+    device.addEventListener('uncapturederror', event => fail(event.error));
+    device.lost.then(info => { if (!stopped) { fail(new Error(`GPU device lost: ${info.message}`)); } });
+    addEventListener('pagehide', () => { stopped = true; cancelAnimationFrame(request); controller.pointer.stop(); controller.keyboard.stop(); renderer.destroy(); device.destroy(); });
+    addEventListener('pageshow', event => { if (event.persisted) { location.reload(); } });
+    reset_camera(); set_roughness();
+    const lab = globalThis.ssr_motion_lab = {
+        renderer, camera, world, frame, pose,
+        async step(n = 1, advance = true) {
+            if (!rendering_paused) { throw new Error('Pause rendering before exact stepping'); }
+            if (!Number.isSafeInteger(n) || n < 1) { throw new Error('Step count must be a positive integer'); }
+            for (let i = 0; i < n; i++) { await frame(1 / 60, advance); }
+            return frame_count;
+        },
+        get frame_count() { return frame_count; },
+    };
+    request = requestAnimationFrame(tick);
+    return lab;
+}
+globalThis.ssr_motion_ready = start().catch(error => {
+    element('status').textContent = error.message ?? String(error); console.error(error); throw error;
+});

package/src/shade/playground/ssr_reprojection/SpatialFilterProbe.js

@@ -36,7 +36,7 @@ export class SpatialFilterProbe extends RenderExtension {
         if (!this.enabled) { return; }
         // This diagnostic intentionally inspects the playground's production graph.
         const pass=frame.graph.__pass_nodes.find(p=>p.name.startsWith('SSR / spatial denoise with metadata'));
-        const resolve=frame.graph.__pass_nodes.find(p=>p.name==='SSR resolve / IBL');
+        const resolve=frame.graph.__pass_nodes.find(p=>p.name.startsWith('SSR resolve'));
         if (!resolve) { throw new Error('Enable SSR to measure its spatial filter.'); }
         const before=pass ? pass.data.tInput : resolve.data['@output'][0];
         const after=pass ? pass.data['@output'][0] : before;

package/src/shade/playground/ssr_reprojection/main.js

@@ -6,8 +6,9 @@ import { create_frame_loop } from "../../renderer/create_frame_loop.js";
 import { Renderer } from "../../renderer/Renderer.js";
 import { ShadeIndirectLightingMode } from "../../renderer/ShadeIndirectLightingMode.js";
 import { ssr_trace_shader } from "../../renderer/postprocess/ssr/ssr_trace_shader.js";
-import { ssr_resolve_shader_IBL } from "../../renderer/postprocess/ssr/resolve/ssr_resolve_shader_IBL.js";
-import { ssr_resolve_shader_LPV } from "../../renderer/postprocess/ssr/resolve/ssr_resolve_shader_LPV.js";
+import { ssr_resolve_shader } from "../../renderer/postprocess/ssr/resolve/ssr_resolve_shader.js";
+import { INDIRECT_LIGHTING } from "../../renderer/INDIRECT_LIGHTING.js";
+import { ShaderSwitchSet } from "../../renderer/shader/compiler/ShaderSwitchSet.js";
 import { ssr_reproject_shader, ssr_reproject_tile_shader } from "../../renderer/postprocess/ssr/ssr_reproject_shader.js";
 import { ssr_spatial_denoise_shader, ssr_spatial_denoise_metadata_shader,
     ssr_spatial_denoise_tile_shader, ssr_spatial_denoise_metadata_tile_shader } from "../../renderer/postprocess/ssr/ssr_spatial_denoise_shader.js";
@@ -227,7 +228,8 @@ Input variance ≤1e-6: ${r.zero_variance_percent.toFixed(2)}%`);
         check_busy = true; element('compile').disabled = true;
         try {
             const messages = [];
-            for (const shader of [ssr_trace_shader, ssr_resolve_shader_IBL, ssr_resolve_shader_LPV,
+            for (const shader of [ssr_trace_shader,
+                ...INDIRECT_LIGHTING.values.map(mode => ssr_resolve_shader.variant(ShaderSwitchSet.EMPTY.with(INDIRECT_LIGHTING, mode))),
                 ssr_reproject_shader, ssr_spatial_denoise_shader, ssr_spatial_denoise_metadata_shader,
                 shader_ssr_denoise_tile_classify, shader_ssr_denoise_tile_dilate,
                 ssr_reproject_tile_shader, ssr_spatial_denoise_tile_shader, ssr_spatial_denoise_metadata_tile_shader]) {

package/src/shade/playground/ssr_variance/capture.js

@@ -50,7 +50,7 @@ export class CaptureSSR extends RenderExtension {
         if (!this.enabled) { return; }
         this.jitter = Array.from(frame.view.jitter);
         const passes = frame.graph.__pass_nodes;
-        const resolve = passes.find(p => p.name === 'SSR resolve / IBL');
+        const resolve = passes.find(p => p.name.startsWith('SSR resolve'));
         const spatial1 = passes.find(p => p.name.startsWith('SSR / spatial denoise with metadata'));
         const temporal = passes.find(p => p.name.startsWith('SSR Reproject'));
         const spatial = passes.filter(p => p.name === 'SSR / spatial denoise' || p.name === 'SSR / spatial denoise / tiles');