@woosh/meep-engine 2.170.0 → 3.0.1

package/src/shade/playground/main.js

@@ -0,0 +1,2727 @@
+import { downloadAsFile } from "../../core/binary/downloadAsFile.js";
+import { Color } from "../../core/color/Color.js";
+import { AABB3 } from "../../core/geom/3d/aabb/AABB3.js";
+import {
+    aabb3_intersects_frustum_degree
+} from "../../core/geom/3d/aabb/aabb3_intersects_frustum_degree.js";
+import Quaternion from "../../core/geom/Quaternion.js";
+import Vector3 from "../../core/geom/Vector3.js";
+import { DEG_TO_RAD } from "../../core/math/DEG_TO_RAD.js";
+import {
+    MIE_PARTICLES_STANDARD_PRECOMPUTED
+} from "../../core/math/physics/mie/MIE_PARTICLES_STANDARD_PRECOMPUTED.js";
+import { randomFloatBetween } from "../../core/math/random/randomFloatBetween.js";
+import { randomIntegerBetween } from "../../core/math/random/randomIntegerBetween.js";
+import { seededRandom } from "../../core/math/random/seededRandom.js";
+import ConcurrentExecutor from "../../core/process/executor/ConcurrentExecutor.js";
+import { Transform } from "../../engine/ecs/transform/Transform.js";
+import GUI from "lil-gui";
+import Stats from "stats.js/src/Stats.js";
+import { FramePerformanceMonitor } from "./FramePerformanceMonitor.js";
+// import { OrbitalCameraController } from "../renderer/camera/OrbitalCameraController.js"; // legacy (no inertia)
+import { OrbitalCameraController } from "../renderer/camera/orbital/index.js"; // direct-drive + release momentum
+import { PerspectiveCamera } from "../renderer/camera/PerspectiveCamera.js";
+import { create_frame_loop } from "../renderer/create_frame_loop.js";
+import { DynamicResolutionScaling } from "../renderer/DynamicResolutionScaling.js";
+import { enable_picker } from "./enable_picker.js";
+import { BoxGeometry } from "../renderer/geometry/BoxGeometry.js";
+import { make_box_geometry } from "../renderer/geometry/primitives/make_box_geometry.js";
+import { make_octahedron_geometry } from "../renderer/geometry/primitives/make_octahedron_geometry.js";
+import { make_plane_geometry } from "../renderer/geometry/primitives/make_plane_geometry.js";
+import { brick4_bake_for_scene } from "../renderer/global_illumination/brick4/cpu/brick4_bake_for_scene.js";
+import { lpv_visualise_probes } from "../renderer/global_illumination/lpv/lpv_visualise_probes.js";
+import {
+    lpv_generate_probe_locations2
+} from "../renderer/global_illumination/lpv/placement/software/lpv_generate_probe_locations2.js";
+import { load_environment_map, ProjectionMappingType } from "../renderer/light/environment/rgbe/load_environment_map.js";
+import { make_sunlight } from "../renderer/light/make_sunlight.js";
+import { SpotLight } from "../renderer/light/model/SpotLight.js";
+import { ParticipatingMediaVolume, VolumetricsParticleSpec } from "../renderer/volumetrics/ParticipatingMediaVolume.js";
+import { load_default_environment } from "./load_default_environment.js";
+import { load_gltf } from "../renderer/loader/gltf/load_gltf.js";
+import { StandardShadeMaterial } from "../renderer/material/StandardShadeMaterial.js";
+import { TransparencyMode } from "../renderer/material/TransparencyMode.js";
+import { Mesh } from "../renderer/scene/Mesh.js";
+import { DOF_PRESET_NAMES } from "../renderer/postprocess/dof/DOF_PRESETS.js";
+import { Renderer } from "../renderer/Renderer.js";
+import { scene_optimize } from "../renderer/scene/optimization/scene_optimize.js";
+import { Scene } from "../renderer/scene/Scene.js";
+import { serialize_scene } from "../renderer/scene/serialization/serialize_scene.js";
+import { verify_radix_sort_one_sweep } from "../renderer/gpu_primitive/sort/one_sweep/verify_radix_sort_one_sweep.js";
+import { get_single_pixel_texture } from "../renderer/texture/util/get_single_pixel_texture.js";
+import { make_checkers_texture } from "../renderer/texture/util/make_checkers_texture.js";
+import { add_random_meshes } from "./add_random_meshes.js";
+
+import { t64_look_rotation } from "../../engine/ecs/transform/t64_look_rotation.js";
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_Blender35(scene, camera) {
+
+    function add_bundle(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('Blender3.5-splash/model.gltf').then(add_bundle);
+
+    scene.lights.add(make_sunlight({
+        direction: new Vector3(-1, -1, 1)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 1.7463508196335535, y: 1.9190651121172662, z: 1.8690058269716217 },
+        rotation: { x: -0.008126135887431813, y: 0.9419140115684058, z: -0.022849665148099302, w: -0.33497739256444115 }
+
+    });
+
+    camera.far = 30;
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {string} url
+ */
+async function load_slpv(scene, url) {
+
+    const response = await fetch(url);
+    const buffer = await response.arrayBuffer();
+
+    renderer.scenes.obtain(scene).volumetric_light_map.upload(buffer);
+
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_Blender41(scene, camera) {
+
+    function add_bundle(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('Blender4.1-splash/model.gltf').then(add_bundle);
+
+    scene.lights.add(make_sunlight());
+
+    camera.transform.fromJSON({
+        position: { x: -14.823, y: 1.71024, z: 5.45426 },
+        rotation: Quaternion.fromEulerAngles(0, 180 * DEG_TO_RAD, 0),
+    });
+
+    load_default_environment(scene)
+
+    camera.far = 50;
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_flower_scattering(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    load_gltf('flower_scattering/model.gltf').then(add_nodes);
+
+    scene.lights.add(make_sunlight());
+
+    camera.transform.fromJSON({
+        position: { x: -6.4682708821438695, y: 5.878561621922152, z: -6.936678014165665 },
+        rotation: { x: 0.25841972623672294, y: 0.34462020646106367, z: -0.09928340561408339, w: 0.8969944056459552 },
+    });
+
+    load_default_environment(scene);
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_pebble_scattering(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('pebble_scattering/model.gltf').then(add_nodes);
+
+    scene.lights.add(make_sunlight({
+        direction: new Vector3(-1.5, -1, 1.5)
+    }));
+
+    const v_default = {
+        position: { x: -2.4354279345968988, y: 0.30977640357262476, z: -2.8011386726457594 },
+        rotation: { x: 0.1668703393578709, y: 0.3130673645258333, z: -0.05597646104601723, w: 0.9332790316514143 }
+    };
+    const v_stress = {
+        position: { x: -0.02432305358312252, y: 3.9703021885351473, z: -0.03367423494234176 },
+        rotation: { x: 0.7071061165730906, y: 0, z: 0, w: 0.7071068236795591 },
+    }
+
+    load_default_environment(scene);
+
+    camera.transform.fromJSON(v_default);
+
+    camera.far = 16;
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_powerplant(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('powerplant/model.gltf').then(add_nodes);
+
+    scene.lights.add(make_sunlight());
+
+    camera.transform.fromJSON({
+        position: { x: 50.34309806555996, y: 75.72974432754577, z: 97.060131115306 },
+        rotation: { x: -0.11422042118122494, y: 0.8529826504674208, z: -0.20998089073160459, w: -0.4639852572165621 }
+    });
+
+    load_default_environment(scene);
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_NormalTangentTest(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    load_gltf('glTF-Sample-Models/2.0/NormalTangentTest/glTF/NormalTangentTest.gltf').then(add_nodes);
+
+
+    scene.lights.add(make_sunlight({}));
+
+    camera.transform.fromJSON({
+        position: { x: 0.3125825233068688, y: -0.05614099272964101, z: 1.8286251743429103 },
+        rotation: {
+            x: -0.00018466271417495077,
+            y: 0.9993264049082066,
+            z: -0.005077478130592861,
+            w: -0.036344484708887966
+        }
+    });
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_WaterBottle(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    load_gltf('glTF-Sample-Models/2.0/WaterBottle/glTF/WaterBottle.gltf').then(add_nodes);
+
+
+    scene.lights.add(make_sunlight({}));
+    scene.lights.add(make_sunlight({
+        intensity: 1,
+        direction: Vector3.forward
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 0.004448837166293011, y: 0.035540680034447505, z: -0.9993583280838544 },
+        rotation: {
+            x: 0.017773103345215122,
+            y: -0.0022254787244741048,
+            z: 0.00003956001003957647,
+            w: 0.9998395683693124
+        }
+    });
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_MaterialsVariantsShoe(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('glTF-Sample-Models/2.0/MaterialsVariantsShoe/glTF/MaterialsVariantsShoe.gltf').then(add_nodes);
+
+
+    scene.lights.add(make_sunlight({
+        direction: new Vector3(-0.2, -1, 0.8),
+    }));
+
+    const v_default = {
+        position: { x: 0, y: 0.07, z: -0.24 },
+        rotation: {
+            x: 0,
+            y: 0,
+            z: 0,
+            w: 1
+        }
+    };
+
+    const v_terminator = {
+        position: { x: 0.19559476593453173, y: 0.09293976556177566, z: 0.10044825380016276 },
+        rotation: { x: -0.06768135072685622, y: 0.8930638771739731, z: -0.1435708651376218, w: -0.42100303174016906 },
+    }
+
+    camera.far = 5;
+    camera.transform.fromJSON(v_default);
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_MetalRoughSpheres(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('glTF-Sample-Models/2.0/MetalRoughSpheres/glTF/MetalRoughSpheres.gltf').then(add_nodes);
+
+
+    scene.lights.add(make_sunlight({
+        direction: new Vector3(-0.2, -1, 0.8)
+    }));
+
+    const v_main = {
+        position: { x: 0, y: 0, z: -12 },
+        rotation: {
+            x: 0,
+            y: 0,
+            z: 0,
+            w: 1
+        }
+    };
+
+    const v_main2 = {
+        position: { x: -0.008087582804548243, y: -0.08519009972495122, z: -9.98057115266989 },
+        rotation: {
+            x: 0,
+            y: 0,
+            z: 0,
+            w: 1
+        }
+    };
+
+    const v_pixel_bug = {
+        position: { x: -1.070048837802901, y: 3.5174314448172965, z: -0.4644000600621032 },
+        rotation: {
+            x: -2.1855695031547374e-8,
+            y: 4.371138995207255e-8,
+            z: 9.553428081975427e-16,
+            w: 0.9999999999999988
+        }
+    };
+
+    const v_reflections_0 = {
+        position: { x: -1.0786426150362676, y: 1.7054015934539062, z: 4.017754498922638 },
+        rotation: { x: 0.002683893129299963, y: 0.9952843779789958, z: -0.09256944346132598, w: 0.028856573010222465 }
+    }
+    const v_closeup = {
+        position: { x: 3.30239796672363, y: 2.1891135306983998, z: -3.8443340687524534 },
+        rotation: { x: -0.13316414067176083, y: 0.19398613316295302, z: 0.02658815103680908, w: 0.9715604777902817 },
+    }
+
+    camera.transform.fromJSON(v_main2);
+
+    load_environment_map("environments/octahedral/pretoria_gardens_2k.hdr", ProjectionMappingType.Octahedral)
+        .then(texture => {
+
+            scene.lights.environment = texture;
+        });
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_rungholt(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    camera.far = 700;
+
+    load_default_environment(scene);
+
+    const p = load_gltf('rungholt/v2/model.gltf').then(add_nodes);
+
+    scene.lights.add(make_sunlight({
+        intensity: 5
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 142.82152692901172, y: 206.9304200926864, z: 88.1237330266172 },
+        rotation: { x: -0.18746816342866535, y: 0.8110449076261371, z: -0.36362466298372104, w: -0.41813747737361334 }
+    });
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+async function sample_Blender2(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const p = load_gltf('Blender2-gltf/Blender 2.gltf').then(add_nodes);
+
+    scene.lights.add(make_sunlight({
+        intensity: 8,
+        direction: new Vector3(-0.2, -1, -0.2)
+    }));
+
+    const v_main = {
+        position: { x: 1.2551072414379085, y: 2.4910501690081395, z: 4.1322917192379105 },
+        rotation: { x: -0.025477322537200888, y: 0.9541455163739329, z: -0.08503280795263604, w: -0.2858787526059721 },
+    };
+
+    const v_bug_01 = {
+        position: { x: -15.129516254389948, y: 5.057020031317275, z: 0.09288128318520528 },
+        rotation: { x: 0.00037506475815295354, y: 0.9964050527935893, z: -0.004417403435695944, w: 0.0846009257674992 }
+    }
+
+    const v_hero_0 = {
+        position: { x: 2.223599481892907, y: 1.6722018700707628, z: 6.167739572612925 },
+        rotation: {
+            x: 0.00021324453847545806,
+            y: 0.9749165706301498,
+            z: 0.0009340745944802329,
+            w: -0.22256855649926593
+        }
+    }
+
+    camera.transform.fromJSON(v_hero_0);
+
+    load_default_environment(scene);
+
+    camera.far = 50;
+
+    await load_slpv(scene, 'Blender2-gltf/lightmap.svlm');
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+function sample_Blender2_spec_test(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    load_gltf('Blender2-gltf/Blender 2.gltf').then(add_nodes);
+
+    scene.lights.add(make_sunlight({
+        intensity: 6
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.5869416336109241, y: 0.6906890957245286, z: 2.6371570204147097 },
+        rotation: { x: 0.06115335483650239, y: 0.9166233444777053, z: -0.1541016669957492, w: 0.36375072203348 }
+    });
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {AABB3} bounds
+ * @param {Vector3} resolution
+ */
+function build_lpv_mesh(scene, resolution) {
+    console.log(`#build_lpv_mesh, ${resolution}`)
+
+    const bounds = scene.instances.bounding_box;
+
+    bounds.grow(Math.max(bounds.width, bounds.height, bounds.depth) * 0.05);
+
+    scene.light_probe_volume.build_grid(
+        bounds,
+        resolution
+    );
+
+    // // jitter points to avoid regular grid look
+    // const jitter = new Vector3();
+    // jitter.set(bounds.width, bounds.height, bounds.depth);
+    // jitter._multiply(
+    //     1 / resolution.x,
+    //     1 / resolution.y,
+    //     1 / resolution.z,
+    //     );
+    // jitter.multiplyScalar(0.2);
+    //
+    // lpv_jitter_points(
+    //     scene.light_probe_volume.positions,
+    //     0,
+    //     scene.light_probe_volume.probe_count,
+    //     jitter
+    // );
+
+}
+
+/**
+ *
+ * @type {number}
+ */
+const timestamp_main_parsed_ms = performance.now();
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {PerspectiveCamera} camera
+ */
+async function sample_Sponza(scene, camera) {
+
+    function add_nodes(bundle) {
+        bundle.scenes.forEach(n => scene.add(n));
+    }
+
+    const load_promise = load_gltf('Sponza/glTF/Sponza.gltf')
+        .then(add_nodes);
+
+    const light = make_sunlight({
+        intensity: 7.5,
+        temperature: 3500,
+        direction: new Vector3(-0.2, -1, 0.21),
+    });
+
+    scene.lights.add(light);
+
+    // camera-lion close-up
+    const transform_close_up_lion = Transform.fromJSON({
+        position: { x: -9.717819451746418, y: 1.3545300016789599, z: -0.2532305219160802 },
+        rotation: { x: -0.007464555805272171, y: -0.7040350876804718, z: -0.007400933001196929, w: 0.7100873903345221 }
+    })
+
+    const transform_ao_validation = Transform.fromJSON({
+        position: { x: 6.797289774373101, y: 3.4096001001163443, z: -1.8289157946422079 },
+        rotation: { x: 0.02690314252273821, y: -0.6849852484370184, z: 0.025326779193201573, w: 0.7276193954271535 }
+    });
+
+    const gi_view_0 = Transform.fromJSON({
+        position: { x: 8.573368095824236, y: 0.2941973473465046, z: -2.6852566883620366 },
+        rotation: { x: 0.049154929277954576, y: -0.5744610112446781, z: 0.03459123557196376, w: 0.816322109163427 }
+    });
+
+    const view_balcony_0 = Transform.fromJSON({
+        position: {
+            x: -0.49078825022791883,
+            y: 4.78451792229094,
+            z: -4.362871167702758
+        },
+        rotation: {
+            x: 0,
+            y: 0,
+            z: 0,
+            w: 1
+        },
+    });
+
+    const transform_hzb_bug_0 = Transform.fromJSON({
+        position: {
+            x: 6.152824559915167,
+            y: 3.217854454310324,
+            z: -2.512206533819479
+        },
+        rotation: {
+            w: 0.6845326358906514,
+            x: 0.02729685762631996,
+            y: -0.7278924707556823,
+            z: 0.02902590190697945
+        },
+    })
+
+    const v_main = Transform.fromJSON({
+        position: {
+            "x": 6.882350816359706,
+            "y": 3.46377271542073,
+            "z": -0.35451149125927056
+        },
+        rotation: {
+            "x": 0,
+            "y": -0.7071067811865476,
+            "z": 0,
+            "w": 0.7071067811865476
+        }
+    });
+
+    const v_terminator_column = Transform.fromJSON({
+        position: { x: 3.154283913825675, y: 4.489943035497312, z: 1.677231833825024 },
+        rotation: { x: -0.013922532338911293, y: -0.7271504395753207, z: -0.014753854506712625, w: 0.6861783478774922 },
+    });
+
+    const v_terminator_drape = Transform.fromJSON({
+        position: { x: 3.490824675095654, y: 3.6322529547592164, z: 0.00597384560351788 },
+        rotation: { x: 0.017382246091421583, y: 0.026076850851011926, z: -0.000453497039986395, w: 0.9995087041696766 }
+    });
+
+    const v_terminator_drape_0 = Transform.fromJSON({
+        position: { x: 4.344951054147374, y: 3.990828287929621, z: 1.0679631063393713 },
+        rotation: {
+            x: 0.017382246077006475,
+            y: 0.026076882621904787,
+            z: -0.00045349759250732405,
+            w: 0.999508703340784
+        },
+    });
+
+    const v_broken_clusters = Transform.fromJSON({
+        position: { x: -0.6989944062625513, y: 0.7955559229247222, z: -1.5901727118090194 },
+        rotation: { x: -0.08711217232943305, y: 0.9108561015638399, z: 0.31533742646869023, w: 0.2516245996401671 }
+    });
+
+    const v_csm_bug0 = Transform.fromJSON({
+        position: { x: 1.496414878399618, y: 2.5553749641849284, z: -1.6356492905885907 },
+        rotation: { x: 0.1612611060150937, y: -0.556325258333227, z: 0.11109200075590174, w: 0.8075615332563257 }
+    });
+
+    const v_csm_bug1 = Transform.fromJSON({
+        position: { x: 5.921343087423949, y: 2.5282490785875793, z: 0.3310384650765162 },
+        rotation: { x: 0.19685487689931777, y: -0.7788268451340126, z: 0.29700837262990126, w: 0.5162004739704265 }
+    });
+    const v_csm_bug2 = Transform.fromJSON({
+        position: { x: -1.8606525126360738, y: 2.012460328343715, z: 0.5264204830865257 },
+        rotation: { x: 0.24438857096312552, y: -0.7147978900872488, z: 0.2998369949894897, w: 0.5826113448475677 }
+    });
+    const v_csm_bug3 = Transform.fromJSON({
+        position: { x: -7.742480655513035, y: 0.1945624757616174, z: 2.0849360809488315 },
+        rotation: { x: -0.04015724245258378, y: 0.9554173423548293, z: -0.24841907381621356, w: -0.15444436399731087 }
+    })
+    const v_csm_bug4 = Transform.fromJSON({
+        position: { x: 3.211711160246605, y: 1.7430670321220587, z: -0.11893329862588438 },
+        rotation: { x: -0.013985978355409878, y: -0.7442104294103111, z: -0.015590547272532038, w: 0.6676167792994012 }
+    })
+
+    const v_csm_blend_bug0 = Transform.fromJSON({
+        position: { x: -4.225904341620395, y: 3.463743711332445, z: 4.475033277117049 },
+        rotation: { x: 0.0685720673385106, y: 0.7485445950285943, z: -0.07838262382305794, w: 0.6548549649479748 },
+    })
+
+    const v_ssgi_bug0 = Transform.fromJSON({
+        position: { x: 1.7623567689392967, y: 2.70670297934202, z: -0.4340710062119524 },
+        rotation: { x: 0.17705316728914253, y: 0.5717526681775746, z: -0.12801042067556012, w: 0.7907998448300135 }
+    });
+
+    const v_hashed_alpha_0 = Transform.fromJSON({
+        position: { x: -1.5887714801183048, y: 0.3501061407711964, z: 1.3395318836669996 },
+        rotation: { x: 0.16815564870502012, y: -0.4035703568180537, z: 0.07572519618248541, w: 0.8961698162566438 }
+    });
+
+    const v_hashed_alpha_1 = Transform.fromJSON({
+        position: { x: -1.6623734058708086, y: 1.3090366336333448, z: 0.6365927524443017 },
+        rotation: { x: 0.4254654649716964, y: -0.20415401068294317, z: 0.09914975336686183, w: 0.8760534255659168 }
+    });
+
+    camera.transform.copy(v_main);
+
+
+    // const probe_bounds = new AABB3(
+    //     ...camera.transform.position.asArray(),
+    //     ...camera.transform.position.asArray(),
+    //     );
+    //
+    // probe_bounds.grow(0.1);
+    //
+    // scene.light_probe_volume.build_grid(
+    //     probe_bounds,
+    //     new Vector3(2, 2, 2)
+    // );
+
+    camera.far = 50;
+
+    const env_map = "environments/octahedral/venice_sunset_4k.hdr";
+
+    await load_slpv(scene, "Sponza/glTF/lightmap-2.svlm")
+
+    scene.lights.environment = await load_environment_map(env_map, ProjectionMappingType.Octahedral);
+
+    await load_promise;
+
+}
+
+function sample_EldenRing0(scene, camera) {
+
+
+    const p = load_gltf('EldenRing/map/m10/m10_00_00_00/combined-model.glb').then(b => scene.add(b.scenes));
+
+    const light = make_sunlight();
+
+    scene.lights.add(light);
+    camera.transform.fromJSON({
+        position: { x: -268.8277181502093, y: 106.78324490323607, z: -182.09757478520098 },
+        rotation: { x: 0.13698650607681923, y: 0.8408518684798718, z: -0.2504861029753127, w: 0.4598473057907536 }
+    });
+
+    load_default_environment(scene);
+
+    return p;
+}
+
+function sample_EldenRing1(scene, camera) {
+
+
+    load_gltf('EldenRing/map/m10/m10_00_00_00_005002/combined-model.gltf').then(b => scene.add(b.scenes));
+
+    const light = make_sunlight();
+
+
+    scene.lights.add(light);
+    camera.transform.fromJSON({
+        position: { x: -274.6873386051618, y: 117.652285439949, z: -189.47627894544158 },
+        rotation: { x: 0.019642869777503548, y: 0.9767560210337751, z: -0.10246246087627864, w: 0.187251908274251 },
+    });
+}
+
+function sample_EldenRing2(scene, camera) {
+
+
+    load_gltf('EldenRing/map/m10/tangent_test/model.gltf').then(b => scene.add(b.scenes));
+
+    const light = make_sunlight();
+
+
+    scene.lights.add(light);
+    camera.transform.fromJSON({
+        position: { x: -268.5855976275191, y: 114.32201153034802, z: -206.6815780680543 },
+        rotation: { x: 0.016071580936215937, y: -0.859168337591329, z: 0.027036430229921284, w: 0.5107254677487556 },
+    });
+}
+
+function sample_italian_kitchen(scene, camera) {
+
+    const p = load_gltf('italian_kitchen/scene.gltf').then(b => scene.add(b.scenes));
+
+    const plane = Mesh.from(
+        make_box_geometry(100, 1, 100),
+        new StandardShadeMaterial(),
+        Transform.fromJSON({
+            position: { x: 0, y: -0.5, z: 0 }
+        }).matrix
+    );
+    scene.add(plane);
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.5, -1, 0.7)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -5.888507648629962, y: 22.123269699087274, z: 37.88011448200162 },
+        rotation: { x: 0.009246620025009488, y: 0.9893682629522365, z: -0.1255061382991719, w: 0.07289135428990696 }
+    });
+
+    return p;
+}
+
+function sample_country_kitchen_cycles(scene, camera) {
+
+    const p = load_gltf('country-kitchen-cycles/gltf/scene.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.5, -1, 0.7)
+    }));
+
+    const view_main = {
+        position: { x: 0.30194759981108865, y: 2.02149414430389, z: -4.215181352418013 },
+        rotation: { x: 0.05567752606385583, y: -0.0784643822386679, z: 0.004389106593464819, w: 0.9953512392892391 }
+    };
+
+    const view_shadow_glitch = {
+        position: { x: 0.5985769455694623, y: 1.933247106703753, z: -3.513577848876495 },
+        rotation: { x: 0.2576197080640052, y: -0.08706953833238104, z: 0.023316072186571838, w: 0.9620329216245114 }
+    }
+
+    camera.transform.fromJSON(view_shadow_glitch);
+
+    load_default_environment(scene);
+
+    camera.far = 15;
+
+    return p;
+}
+
+function sample_house_diorama(scene, camera) {
+
+    const p = load_gltf('house_diorama/v2/scene.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.5, -1, 0.7)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.20867290303933145, y: 3.878670459691777, z: 5.200458518006686 },
+        rotation: {
+            x: -0.0007302964919395506,
+            y: 0.9912801495707657,
+            z: -0.13165445692355932,
+            w: -0.005498700406178939
+        }
+    });
+
+    load_default_environment(scene)
+
+    camera.far = 10;
+
+    return p;
+}
+
+function sample_salle_de_bain(scene, camera) {
+
+    const p = load_gltf('salle_de_bain/model.glb').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.1, -1, 1)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 0.316127248092972, y: 22.709977038068786, z: 25.5284314719473 },
+        rotation: {
+            x: -0.0042827867293474126,
+            y: 0.9810612336178611,
+            z: -0.19241538785786377,
+            w: -0.021836486565822544
+        }
+    });
+
+    load_default_environment(scene);
+
+    return p;
+}
+
+
+function sample_harley_davidson_xr1200x(scene, camera) {
+
+    const p = load_gltf('harley_davidson_xr1200x/scene.gltf').then(b => scene.add(b.scenes));
+
+    const plane = Mesh.from(
+        make_box_geometry(10, 1, 10),
+        new StandardShadeMaterial(),
+        Transform.fromJSON({
+            position: { x: 0, y: -0.5, z: 0 }
+        }).matrix
+    );
+    scene.add(plane);
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(-2, -1, -1)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 1.1165812965622877, y: 0.8353902858093329, z: -0.8883911787074074 },
+        rotation: { x: 0.08765802959658824, y: -0.5083251961592707, z: 0.0521090800425825, w: 0.8551059633600963 }
+    });
+
+    camera.far = 10;
+
+    load_default_environment(scene);
+
+    return p;
+}
+
+function sample_csgo_de_inferno(scene, camera) {
+
+    load_gltf('csgo/de_inferno/de_inferno.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.3, -1, -0.3)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.32568158541374564, y: 0.6060166272297361, z: 0.5713064310120421 },
+        rotation: { x: 0.05514977858089271, y: 0.9414421705459582, z: -0.19031839914297508, w: 0.2728077132117947 }
+    });
+}
+
+function sample_csgo_de_ancient(scene, camera) {
+
+    load_gltf('csgo/de_ancient/de_ancient.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.3, -1, -0.3)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.32568158541374564, y: 0.6060166272297361, z: 0.5713064310120421 },
+        rotation: { x: 0.05514977858089271, y: 0.9414421705459582, z: -0.19031839914297508, w: 0.2728077132117947 }
+    });
+}
+
+function sample_csgo_de_gwalior(scene, camera) {
+
+    load_gltf('csgo/de_gwalior/de_gwalior.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.3, -1, -0.3)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.32568158541374564, y: 0.6060166272297361, z: 0.5713064310120421 },
+        rotation: { x: 0.05514977858089271, y: 0.9414421705459582, z: -0.19031839914297508, w: 0.2728077132117947 }
+    });
+}
+
+function sample_csgo_de_nuke(scene, camera) {
+
+    load_gltf('csgo/de_nuke/de_nuke.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.3, -1, -0.3)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.32568158541374564, y: 0.6060166272297361, z: 0.5713064310120421 },
+        rotation: { x: 0.05514977858089271, y: 0.9414421705459582, z: -0.19031839914297508, w: 0.2728077132117947 }
+    });
+}
+
+function sample_FlightHelmet(scene, camera) {
+
+    const p = load_gltf('glTF-Sample-Models/2.0/FlightHelmet/glTF/FlightHelmet.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2,
+        direction: new Vector3(0.3, -1, -0.3)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -0.32568158541374564, y: 0.6060166272297361, z: 0.5713064310120421 },
+        rotation: { x: 0.05514977858089271, y: 0.9414421705459582, z: -0.19031839914297508, w: 0.2728077132117947 }
+    });
+
+    load_default_environment(scene);
+
+    camera.far = 3;
+
+    return p;
+}
+
+async function sample_Bistro(scene, camera) {
+
+    const p = load_gltf('Bistro_v5_2/gltf-v1/model.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 5.2,
+        direction: new Vector3(0.5, -1, 0.3)
+    }));
+
+    const v_books = {
+        position: { x: 18.601740820267107, y: 3.186870770035556, z: -38.48390168174029 },
+        rotation: { x: 0.11838799028787608, y: 0.4899354967368206, z: -0.0673623752254661, w: 0.8610515682564118 }
+    };
+
+    const v_main = {
+        position: { x: -15.178634475900287, y: 8.19487549774558, z: 2.082348334498482 },
+        rotation: { x: 0.086751267628722, y: 0.7637693518798772, z: -0.10501233847843479, w: 0.63095404227336 }
+    };
+
+    camera.transform.fromJSON(v_main);
+
+    const env_map = "environments/octahedral/venice_sunset_2k.hdr";
+    // const env_map = "environments/octahedral/rustig_koppie_puresky_2k.hdr";
+    // const env_map = "environments/test4_16.hdr";
+    load_environment_map(env_map, ProjectionMappingType.Octahedral).then(texture => {
+
+        scene.lights.environment = texture;
+
+        renderer.indicate_view_change();
+
+    });
+
+    const lightmap_promise = load_slpv(scene, "Bistro_v5_2/gltf-v1/lightmap.svlm");
+
+    return Promise.all([p, lightmap_promise]);
+}
+
+
+function sample_Sibenik(scene, camera) {
+
+    const p = load_gltf('sibenik/model.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 15
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -11.508146013053528, y: -7.019423534356523, z: 0.22170187357721272 },
+        rotation: { x: 0.06335615464437039, y: 0.6884888029762511, z: -0.06058929259869287, w: 0.7199292350414709 }
+    });
+
+    const env_map = "environments/octahedral/venice_sunset_2k.hdr";
+    load_environment_map(env_map, ProjectionMappingType.Octahedral).then(texture => {
+
+        scene.lights.environment = texture;
+
+        renderer.indicate_view_change();
+
+    });
+
+    return p;
+}
+
+/**
+ *
+ * @param {Scene} scene
+ * @param {Camera} camera
+ * @returns {Promise<void>}
+ */
+function sample_PicaPica(scene, camera) {
+
+    const p = load_gltf('pica_pica/pica_pica.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        intensity: 2.2
+    }));
+
+    const view_0 = {
+        position: { x: 7.990444788625961, y: 27.102921043144782, z: 14.50242104415642 },
+        rotation: { x: -0.06467917148351163, y: 0.8954409270109066, z: -0.4181080310353906, w: -0.13852012631297853 }
+    };
+
+    const view_1 = {
+        position: { x: 27.608709796058342, y: 10.392400837998734, z: 28.419039946225517 },
+        rotation: { x: -0.044895638695714966, y: 0.9344647171665834, z: -0.12733934815048423, w: -0.32946132460349703 }
+    }
+    const view_shadow = {
+        position: { x: 2.5759440334688475, y: 0.43798173280282265, z: 13.845405474797067 },
+        rotation: { x: 0.01989389344176856, y: 0.939313054815156, z: -0.3379919449332818, w: 0.05528709811307331 }
+    };
+
+    const view_reprojection = {
+        position: { x: -3.492360513032427, y: 4.216132128296507, z: 12.328360034334205 },
+        rotation: { x: 0.01015610670901215, y: 0.9585852983120718, z: -0.28253090934728836, w: 0.03445815752279594 }
+    }
+
+    /**
+     * Shadows flicker via self-occlusion
+     */
+    const view_shadow_messed_up = {
+        position: { x: 2.4452539518710643, y: 13.843778843378821, z: 9.908749947483336 },
+        rotation: { x: -0.0016857710322627504, y: 0.9970493587577702, z: 0.022951603715497444, w: 0.07323222148503233 }
+    }
+
+    /**
+     * Depth occlusion via HiZ is messed up
+     */
+    const view_occlusion_messed_up = {
+        position: { x: 1.214641991766806, y: 1.4069866256727495, z: 7.159309200384172 },
+        rotation: { x: -0.003546427582025649, y: 0.9870500843846836, z: -0.15885199921399767, w: -0.022036245444962143 }
+    }
+
+    const view_reflections = {
+
+        position: { x: 16.457801772564125, y: 6.91539404807458, z: 17.821228326352184 },
+        rotation: { x: -0.09033405780797099, y: 0.8914656660916815, z: -0.2042845091317301, w: -0.3942037081363757 }
+    }
+    const view_reflections2 = {
+
+        position: { x: 3.1986735877702213, y: 31.9916047652275, z: 16.439765693328106 },
+        rotation: { x: 0.1328767675767749, y: 0.8636123331566495, z: -0.3831916091931462, w: 0.2994690189352531 }
+    }
+
+    /*
+     * [21/05/2025] at this specific camera state there was a huge black triangle connected to the clock hand rasterized incorrectly.
+     * Disappeared when changing the view within a few degrees.
+     * after reloading the page the problem did not reproduce
+     */
+    const view_bugged_raster = {
+        position: { x: -4.7934928685061, y: 14.804578193142104, z: 9.291182894913526 },
+        rotation: { x: 0.09768322312996866, y: 0.8804377633324317, z: -0.20714685069063818, w: 0.4151837124286984 },
+    }
+
+    /*
+     * flicked in the middle left of the screen at resolution 1080x1080.
+     */
+    const view_csm_bug_0 = {
+        position: { x: -0.5873810872638958, y: 24.97234351136642, z: 16.899311513786486 },
+        rotation: { x: -0.07004619535457735, y: 0.9257167832834796, z: -0.30473893356127196, w: -0.2127819307074132 }
+    }
+
+    const view_csm_bug_1 = {
+        position: { x: -16.523606106182925, y: 4.823308025044677, z: 8.71350625010329 },
+        rotation: { x: -0.06427824947885483, y: -0.7222231161759307, z: -0.06773878165112963, w: 0.6853273192901935 }
+    }
+
+    const view_oit_0 = {
+        position: { x: 4.997418245589089, y: 9.018463085496833, z: 14.898966499595447 },
+        rotation: { x: -0.0009360539523078567, y: 0.941375078430896, z: -0.3373503559774804, w: -0.002612055529676634 }
+    }
+    const view_oit_1 = {
+        position: { x: 3.3633691782203856, y: 7.261528718488533, z: 11.542850343640474 },
+        rotation: { x: -0.0005687153277725135, y: 0.6820020749726231, z: 0.0005303413235261416, w: 0.731349823978917 }
+    }
+
+    camera.transform.fromJSON(view_0);
+
+    // p.then(() => build_lpv_mesh(
+    //     scene,
+    //     new Vector3(32, 16, 32)
+    // ));
+
+    // add a bright cube
+    const material = new StandardShadeMaterial();
+    material.emissive_factor.set(20, 0, 0);
+    const box = Mesh.from(new BoxGeometry(2, 2, 2), material);
+    // scene.add(box);
+
+    const env_map = "environments/octahedral/venice_sunset_2k.hdr";
+    load_environment_map(env_map, ProjectionMappingType.Octahedral).then(texture => {
+
+        scene.lights.environment = texture;
+
+        renderer.indicate_view_change();
+
+    });
+
+    return p;
+}
+
+function sample_JustAGirl(scene, camera) {
+
+    load_gltf('just_a_girl/scene.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight({
+        direction: new Vector3(0.2, -1, -0.5)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: -11.283656511445908, y: 90.65578779568742, z: 25.972806145166548 },
+        rotation: { x: -0.005127058889583556, y: 0.9833683470015583, z: 0.028109772172140796, w: 0.17936066483762794 }
+    });
+
+    load_default_environment(scene);
+}
+
+function sample_CafeBernini(scene, camera) {
+
+    const p = load_gltf('caffe_bernini/scene.gltf').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight());
+
+    camera.transform.fromJSON({
+        position: { x: 630.8862665385361, y: 1481.1856917959858, z: 2122.944915799807 },
+        rotation: { x: 0.0033743306880141925, y: 0.9829829122453883, z: 0.018148275316988267, w: -0.1827671968078574 }
+    });
+
+    load_default_environment(scene);
+
+    return p;
+}
+
+function sample_Conference(scene, camera) {
+
+    const p = load_gltf('conference/model.glb').then(b => scene.add(b.scenes));
+
+    scene.lights.add(make_sunlight());
+
+    camera.transform.fromJSON({
+        position: { x: -32.56003483363031, y: 398.4662739124476, z: -321.8140581258559 },
+        rotation: { x: 0.11065255270495904, y: 0.49736196986724446, z: -0.06413785788114089, w: 0.8580637614397132 }
+    });
+
+
+    const plane = Mesh.from(
+        make_box_geometry(1000, 1, 1000),
+        new StandardShadeMaterial(),
+        Transform.fromJSON({
+            position: { x: 0, y: -0.5, z: 0 }
+        }).matrix
+    );
+    scene.add(plane);
+
+    return p;
+}
+
+function sample_Plane(scene, camera) {
+
+    scene.lights.add(make_sunlight());
+
+    const material = new StandardShadeMaterial();
+    material.texture_albedo = make_checkers_texture({
+        size: 64,
+        repeat: 8,
+        color1: Color.fromRGB(1, 0.6, 0),
+        color2: Color.fromRGB(1, 1, 1),
+    });
+    material.roughness_factor = 1;
+    material.metallic_factor = 0;
+
+    const transform = Transform.fromJSON({
+        position: { x: 0, y: -0.5, z: 0 },
+    });
+    transform.lookAt(Vector3.up);
+
+    const plane = Mesh.from(
+        make_plane_geometry(
+            100, 100,
+            5, 5,
+        ),
+        material,
+        transform.matrix
+    );
+
+    scene.add(plane);
+
+    camera.transform.fromJSON({
+        position: { x: 0, y: 2, z: 0 },
+        rotation: { x: 0.11065255270495904, y: 0.49736196986724446, z: -0.06413785788114089, w: 0.8580637614397132 }
+    });
+
+    load_default_environment(scene)
+    return Promise.resolve();
+}
+
+function sample_Classroom(scene, camera) {
+
+    const p = load_gltf('classroom/gltf2/model.gltf').then(b => scene.add(b.scenes[0]));
+
+    scene.lights.add(make_sunlight({
+        direction: new Vector3(-1, -1, -1)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 1.244353751164485, y: 1.1681474214190015, z: 0.8488125513802389 },
+        rotation: { x: -0.00006083963607998484, y: 0.999823003536261, z: 0.003283608695736593, w: 0.01852500505267974 }
+    });
+
+    load_default_environment(scene)
+
+    camera.far = 30;
+
+    return p;
+}
+
+
+async function sample_TrashGod(scene, camera) {
+    const env_map = "environments/octahedral/venice_sunset_2k.hdr";
+    // const env_map = "environments/octahedral/moonless_golf_4k.hdr";
+    // const env_map = "environments/octahedral/rustig_koppie_puresky_2k.hdr";
+    // const env_map = "environments/test4_16.hdr";
+    load_environment_map(env_map, ProjectionMappingType.Octahedral).then(texture => {
+
+        scene.lights.environment = texture;
+
+        renderer.indicate_view_change();
+
+    });
+
+    {
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-55, 4, -5.116);
+        fog.transform.scale.set(10, 3, 20);
+        fog.transform.rotation.fromAxisAngle(Vector3.up, 83 * (Math.PI / 180));
+        fog.fade_distance = 0.5;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.CLOUD_DROPLET_LARGE);
+
+        fog.target_extinction = 1;
+
+        console.log(fog);
+
+        scene.volumetrics.add(fog);
+    }
+
+
+    {
+        // test volume in the sky
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-55, 0, -5.116);
+        fog.transform.scale.set(200, 200, 200);
+        fog.fade_distance = 10;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.MARITIME_HAZE_SMALL);
+
+        fog.target_extinction = 0.003;
+
+        // scene.volumetrics.add(fog);
+    }
+
+    {
+        // graveyard
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-51.98019820725889, 7.899311905935347, -15.3228393616169);
+        fog.transform.scale.set(7, 5, 7);
+        fog.fade_distance = 1;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.FOG_DROPLET_SMALL);
+
+        fog.target_extinction = 0.4;
+
+        scene.volumetrics.add(fog);
+    }
+
+    {
+        // Mine
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-50.846390607312934, 0.3159949821015605, 17.89429433940319);
+        fog.transform.scale.set(10, 7, 10);
+        fog.fade_distance = 4;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.COARSE_DUST_MEDIUM);
+
+        fog.target_extinction = 0.4;
+
+        scene.volumetrics.add(fog);
+    }
+
+    {
+        // large crystal
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-53.41918585295826, 17.333878151116526, 29.90844167706601);
+        fog.transform.scale.set(18, 10, 18);
+        fog.fade_distance = 4;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.MARITIME_HAZE_MEDIUM);
+
+        fog.target_extinction = 0.1;
+
+        scene.volumetrics.add(fog);
+    }
+
+    {
+        // Low cloud
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-57.36387203979457, -15, 2.607232848593789);
+        fog.transform.scale.set(400, 20, 400);
+        fog.fade_distance = 4;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.CLOUD_DROPLET_LARGE);
+
+        fog.target_extinction = 0.1;
+
+        scene.volumetrics.add(fog);
+    }
+
+    {
+        // ball cloud
+        const fog = new ParticipatingMediaVolume();
+        fog.transform.position.set(-51.137423384559284, 33, 5.593067265589105);
+        fog.transform.scale.set(15, 15, 15);
+        fog.fade_distance = 7;
+
+        fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.CLOUD_DROPLET_LARGE);
+
+        fog.target_extinction = 1;
+
+        scene.volumetrics.add(fog);
+    }
+
+    const p = load_gltf('flying_world_-_battle_of_the_trash_god/v2/scene.gltf').then(b => scene.add(b.scenes[0]));
+
+    // p.then(() => {
+    //
+    //     scene.lights.elements
+    //         .filter(l => l.name === "Point Torch Yellow")
+    //         .forEach(l => {
+    //
+    //             const fog = new ParticipatingMediaVolume();
+    //
+    //             fog.transform.position.set(...l.position);
+    //             fog.transform.position._add(0, 0.7, 0);
+    //             fog.transform.scale.set(1, 2, 1);
+    //             fog.fade_distance = 0.5;
+    //
+    //             fog.particle_spec = VolumetricsParticleSpec.fromMeep(MIE_PARTICLES_STANDARD_PRECOMPUTED.SOOT_PARTICLE_SMALL);
+    //
+    //             fog.target_extinction = 1;
+    //
+    //             scene.volumetrics.add(fog);
+    //
+    //         })
+    //
+    // })
+
+    scene.lights.add(make_sunlight({
+        intensity: 0.6,
+        temperature: 5500,
+    }));
+
+    const skull_view = {
+        position: { x: -26.275197432538384, y: 7.498790962451237, z: -14.42467495393056 },
+        rotation: { x: 0.10177000778045209, y: -0.7321660020265738, z: 0.11220628445996303, w: 0.6640674368770687 }
+    };
+
+    const over_view = {
+        position: { x: 561.3195688834221, y: 3167.9298818170405, z: 1381.5435954300099 },
+        rotation: { x: 0.10177001090182168, y: -0.7321659835534557, z: 0.1122062816289112, w: 0.6640674572445613 }
+    }
+
+    const spider = {
+
+        position: { x: -5191.672826640803, y: 2892.1892981228802, z: -2043.5879697201829 },
+        rotation: { x: 0.080291737740006, y: -0.7631136560429292, z: 0.09665356975856286, w: 0.6339312835508361 }
+    }
+
+    const shadow_aliasing = {
+        position: { x: -4946.674267332207, y: 822.1640478401062, z: -392.519591814741 },
+        rotation: { x: 0.426693783608766, y: -0.5231794083976178, z: 0.34134946843470265, w: 0.6539849096559494 }
+    }
+
+    const inside_out = {
+        position: { x: -61.55864473831582, y: 23.7158848700074, z: -19.634434309820563 },
+        rotation: { x: 0.27745576215003553, y: 0.0922110339369582, z: -0.026764015593898134, w: 0.9559284035634205 }
+    }
+
+    /*
+     * Bits of the near cascade missing on the left side of the screen
+     */
+    const bug_csm_0 = {
+        position: { x: -39.15820039740183, y: 17.305095595368833, z: 44.319508050243655 },
+        rotation: { x: -0.035838706300981016, y: 0.9628441269037102, z: -0.161869537454111, w: -0.21317839304698766 }
+    }
+
+    const bug_csm_1 = {
+        position: { x: -43.91323377490874, y: 10.080327167610022, z: -4.1856509114938 },
+        rotation: { x: 0.020717047791664202, y: 0.968231065465529, z: -0.08572609843316348, w: 0.23398812757426804 }
+    }
+
+    const bug_csm_2 = {
+
+        position: { x: -42.67024163051378, y: 10.401522537349356, z: 0.6341511635976064 },
+        rotation: { x: -0.11791330161935587, y: 0.8722587201986901, z: -0.2583114533866139, w: -0.39816626098636393 }
+    }
+
+    const bug_csm_3 = {
+        position: { x: -58.73836000019737, y: 9.641602065925643, z: 10.126891117770958 },
+        rotation: { x: 0.280837710090786, y: -0.04708735441480127, z: 0.013796455012015974, w: 0.9585001927356509 }
+    }
+
+    const v_dead_overview = {
+        position: { x: -44.23572420730413, y: 16.787419516572818, z: -0.3908097424888902 },
+        rotation: { x: -0.10289617976426199, y: 0.8965686124184902, z: -0.32052909150868936, w: -0.2878162624184363 }
+    }
+
+    const v_shadow_filter_size = {
+        position: { x: -75.55871135386205, y: 1.9080206598480183, z: -18.294818145397606 },
+        rotation: { x: -0.16327189433088332, y: 0.8004006042626218, z: -0.518922071596019, w: -0.25183535261779855 }
+    }
+
+    const v_volumetrics_0 = {
+        position: { x: -39.165083083628595, y: 9.002002938463146, z: -12.822321096883556 },
+        rotation: { x: 0.0461501744849993, y: 0.9414711984407541, z: -0.14428237367052793, w: 0.3011390717750397 }
+    }
+
+    const v_volumetrics_1 = {
+        position: { x: -57.19543561067503, y: 4.497368033549733, z: -5.431935542965578 },
+        rotation: {
+            x: 0.0012158994167123557,
+            y: 0.9584376528911036,
+            z: -0.0040851224490818586,
+            w: 0.28527022081489145
+        },
+    }
+
+    const v_volumetrics_aliasing_0 = {
+        position: { x: -44.358600521646366, y: 8.13976892720825, z: 2.6707745658793725 },
+        rotation: { x: -0.07197787209539422, y: 0.9277035010259875, z: -0.24609398688026018, w: -0.2713358614966388 }
+    }
+    const v_volumetrics_aliasing_1 = {
+        position: { x: -36.56903863396318, y: 19.1017887067011, z: 13.881382214134083 },
+        rotation: { x: -0.0961072760435774, y: 0.9036695806244697, z: -0.3054532939528032, w: -0.28432897453277794 }
+    }
+
+    const v_volumetrics_light_extinction_0 = {
+        position: { x: -47.074886781095216, y: 0.0051172127701454295, z: 0.46145311799353866 },
+        rotation: { x: -0.04468415098642029, y: 0.7811718063448942, z: 0.620166060884645, w: 0.056284922930574056 }
+    }
+
+    const v_volumetrics_light_extinction_1 = {
+        position: { x: -54.94436821717198, y: 72.07148512632519, z: -4.2209546627188335 },
+        rotation: { x: 0.0051060368457535015, y: 0.7070887360615967, z: 0.7070879549622326, w: -0.005106042486242929 }
+    }
+
+    const v_hzb_bug_7 = {
+        position: { x: -49.664092722839094, y: 11.429727150839048, z: 26.506353317643125 },
+        rotation: { x: 0.07238277495443966, y: 0.8109369207802384, z: -0.10271154858200157, w: 0.5714826175775142 }
+    };
+
+    const v_upscale_0 = {
+        position: { x: -54.77560187021332, y: 17.558461532917807, z: 30.878805142919266 },
+        rotation: { x: 0.13934693181182012, y: -0.7809321354230323, z: 0.187894577434838, w: 0.5791571982016959 }
+    }
+
+    camera.transform.fromJSON(v_dead_overview);
+
+    camera.far = 120;
+
+    await load_slpv(scene, "flying_world_-_battle_of_the_trash_god/v2/lightmap-low.svlm");
+
+    return p;
+}
+
+function sample_SeaKeep(scene, camera) {
+
+    const p = load_gltf('sea_keep_lonely_watcher/v2/scene.gltf').then(b => scene.add(b.scenes[0]));
+
+    scene.lights.add(make_sunlight({
+        intensity: 20,
+        direction: new Vector3(-0.7, -1, -0.5)
+    }));
+
+    camera.transform.fromJSON({
+        position: { x: 10.475921102533784, y: 16.581366474984392, z: -8.686678195075844 },
+        rotation: { x: 0.29364345376677314, y: -0.3801409351324641, z: 0.12866203194569786, w: 0.867590037420982 }
+    });
+
+    camera.far = 60;
+
+    load_default_environment(scene);
+
+    load_slpv(scene, "sea_keep_lonely_watcher/v2/lightmap.svlm");
+
+    return p;
+}
+
+function stress_test_01(scene, controller) {
+    scene.lights.add(make_sunlight());
+
+    const random = seededRandom();
+
+    const geometries = (new Array(10000).fill(1)).map(() => {
+
+        const shape = randomIntegerBetween(random, 0, 1);
+
+        switch (shape) {
+            default:
+            case 0:
+                return make_box_geometry(
+                    randomFloatBetween(random, 1, 5),
+                    randomFloatBetween(random, 1, 5),
+                    randomFloatBetween(random, 1, 5),
+                )
+            case 1:
+                return make_octahedron_geometry(
+                    randomFloatBetween(random, 1, 5),
+                    randomIntegerBetween(random, 0, 2)
+                );
+
+        }
+
+
+    });
+
+    const materials = (new Array(1000).fill(1)).map(() => {
+        const mat = new StandardShadeMaterial();
+
+        mat.texture_albedo = get_single_pixel_texture(Color.fromHSV(random(), 1, 1));
+        mat.roughness_factor = randomFloatBetween(random, 0.1, 1);
+        mat.metallic_factor = randomFloatBetween(random, 0, 1);
+
+        return mat;
+    });
+
+    add_random_meshes({
+        batch: scene.instances,
+        geometries,
+        materials,
+        count: 3e6
+    }); // stress-test
+
+    controller.camera.far = 200;
+    controller.from_transform(Transform.fromJSON({
+        position: { x: 316.89373184490677, y: 395.0583521172159, z: 308.85758369195605 },
+        rotation: { x: -0.14299422200935458, y: 0.8569380002295408, z: -0.3442801973586337, w: -0.35592283144136044 },
+    }));
+
+
+    load_default_environment(scene);
+
+    return Promise.resolve();
+}
+
+function make_spotlight() {
+    const sp = new SpotLight();
+    sp.color.copy(Color.red);
+    sp.intensity = 100;
+    sp.angle = 10 * DEG_TO_RAD;
+    sp.penumbra = 0.1;
+    sp.distance = 50;
+
+    sp.transform_local.setTranslation(0, 5, 0);
+    t64_look_rotation(sp.transform_local, Vector3.down.x, Vector3.down.y, Vector3.down.z, 0, 1, 0);
+    sp.updateMatrices();
+    return sp;
+}
+
+/**
+ *
+ * @param canvas
+ * @param {GUI} gui
+ * @returns {Promise<void>}
+ */
+const init = async ({ canvas, gui }) => {
+
+    const context = canvas.getContext('webgpu');
+
+    const renderer = new Renderer();
+    window.renderer = renderer;
+
+    await renderer.initialize({
+        context
+    });
+
+    const DEBUG_PATCH_QUEUE_LOGGING = false;
+
+    // patch DEBUG
+    if (DEBUG_PATCH_QUEUE_LOGGING) {
+        const queue = renderer.device.queue;
+        const submit = queue.submit;
+        queue.submit = function (commandBuffers) {
+            console.log("queue.submit");
+
+            return submit.call(queue, commandBuffers);
+        }
+
+        const writeBuffer = queue.writeBuffer;
+        queue.writeBuffer = function (buffer, bufferOffset, data, dataOffset, size) {
+            console.log(`queue.writeBuffer("${buffer.label}", ${bufferOffset}, data, ${dataOffset}, ${size})`);
+
+            return writeBuffer.call(queue, buffer, bufferOffset, data, dataOffset, size);
+        }
+    }
+
+    globalThis.gfx = renderer.graphics;
+
+    console.log(renderer);
+
+
+    const camera = new PerspectiveCamera();
+    camera.transform.position.set(0, 0, -5);
+    camera.transform.lookAt(Vector3.zero);
+
+    camera.near = 0.1;
+    camera.far = 200;
+    camera.fov = 72 * DEG_TO_RAD;
+    camera.aspect = renderer.aspect_ratio;
+
+    let frame_limit = Infinity;
+    // let frame_limit = 1;
+
+    // controller.look(new Vector3(0, 50, -100), Vector3.zero);
+    // controller.look(new Vector3(0,2,-2), Vector3.zero);
+
+
+    const scene = new Scene();
+
+    window.scene = scene;
+
+
+    const executor = new ConcurrentExecutor(3, 2);
+
+
+    async function visialize_probes() {
+
+        // disable LPV so that we don't collect lighting with probes in the scene
+        renderer.feature_lpv_enabled = false;
+
+        const gpu_scene = renderer.scenes.obtain(scene);
+
+        // get current coefficients
+        await gpu_scene.light_probe_volume.download();
+
+        lpv_visualise_probes(scene);
+    }
+
+
+    async function handle_scene_loaded() {
+        console.log("SCENE LOAD COMPLETE");
+
+        {
+            let count = 0;
+
+            console.time("graphics update");
+            renderer.graphics.update();
+            console.timeEnd("graphics update");
+
+            const time_load_finished = performance.now();
+
+            renderer.onFrameFinished.add(() => {
+                count++;
+
+                if (count === 1) {
+                    const duration = performance.now() - time_load_finished;
+                    console.log(`Time to render first frame after load: ${duration.toFixed(2)}ms`);
+                }
+
+                if (count === 3) {
+                    const time = performance.now();
+                    const time_since_load = time - timestamp_main_parsed_ms;
+
+                    console.log(`first meaningful frame after scene load in ${time_since_load} ms`)
+                }
+            })
+        }
+
+        // await delay(1000);
+
+
+        // frame_limit = 0;
+
+        // await delay(1000);
+
+        // renderer.indicate_view_change();
+
+        frame_limit += 3; // limit number of drawn frames to spare the GPU
+        camera.transform.subscribe(() => {
+            frame_limit = Math.max(frame_limit, 1);
+        });
+
+        const bb = scene.instances.bounding_box;
+
+        if (controller.movement_speed_scale === 1.0) {
+            // looks unmodified, let's change that
+            controller.movement_speed_scale = Math.max(bb.width, bb.height, bb.depth) * 0.1;
+        }
+
+    }
+
+    // test_radix_sort(renderer.graphics);
+    // test_prefix_sum(renderer.graphics);
+    // generate_dfg_texture({
+    //     graphics: renderer.graphics,
+    // });
+
+    // load_slpv(scene, "Sponza/glTF/lightmap-2.svlm")
+    // load_scene_from_url('Sponza/scene-v11.shade', scene)
+    //     .then(async () => {
+    //     })
+    //     .then(() => {
+    //         // camera.fov = 55 * DEG_TO_RAD;
+    //         camera.far = 25;
+    //         controller.from_transform(Transform.fromJSON({
+    //             position: {
+    //                 "x": 6.882350816359706,
+    //                 "y": 3.46377271542073,
+    //                 "z": -0.35451149125927056
+    //             },
+    //             rotation: {
+    //                 "x": 0,
+    //                 "y": -0.7071067811865476,
+    //                 "z": 0,
+    //                 "w": 0.7071067811865476
+    //             }
+    //         }));
+    //     })
+    //     .then(handle_scene_loaded);
+
+
+    // load_scene_from_url('public/EmeraldSquare_v4_1/scene-day-v2.shade', scene)
+    //     .then(() => {
+    //         camera.far = 200;
+    //         const v_square_0 = {
+    //             position: { x: -36.500386604645435, y: 54.39537857145933, z: -14.811733171263 },
+    //             rotation: {
+    //                 x: 0.423022072756093,
+    //                 y: -0.00038350294642907576,
+    //                 z: 0.00017903847226245933,
+    //                 w: 0.9061192784793038
+    //             }
+    //         };
+    //         controller.from_transform(Transform.fromJSON(v_square_0));
+    //     })
+    //     .then(handle_scene_loaded)
+    //     .then(async () => {
+    //
+    //         await load_slpv(scene, "public/EmeraldSquare_v4_1/lightmap-v2.svlm")
+    //     });
+
+
+    // await load_slpv(scene, "flying_world_-_battle_of_the_trash_god/export/lightmap.svlm");
+    // load_scene_from_url('flying_world_-_battle_of_the_trash_god/export/scene.shade', scene)
+    //     .then(() => {
+    //         camera.far = 120;
+    //         const v_dead_overview = {
+    //             position: { x: -44.23572420730413, y: 16.787419516572818, z: -0.3908097424888902 },
+    //             rotation: {
+    //                 x: -0.10289617976426199,
+    //                 y: 0.8965686124184902,
+    //                 z: -0.32052909150868936,
+    //                 w: -0.2878162624184363
+    //             }
+    //         }
+    //         controller.from_transform(Transform.fromJSON(v_dead_overview));
+    //     })
+    //     .then(handle_scene_loaded)
+    //     .then(async () => {
+    //     });
+
+
+    // sample_PicaPica(scene, camera).then(handle_scene_loaded);
+    // sample_Sponza(scene, camera).then(handle_scene_loaded)
+    // sample_Plane(scene, camera).then(handle_scene_loaded);
+    // sample_rungholt(scene, camera).then(handle_scene_loaded);
+    // sample_house_diorama(scene, camera).then(handle_scene_loaded);
+    // sample_italian_kitchen(scene, camera).then(handle_scene_loaded);
+    // sample_country_kitchen_cycles(scene, camera).then(handle_scene_loaded);
+    // sample_salle_de_bain(scene, camera).then(handle_scene_loaded);
+    // sample_harley_davidson_xr1200x(scene, camera).then(handle_scene_loaded);
+    sample_TrashGod(scene, camera).then(handle_scene_loaded);
+    // sample_SeaKeep(scene, camera).then(handle_scene_loaded);
+    // sample_FlightHelmet(scene, camera).then(handle_scene_loaded)
+    // sample_Blender2(scene, camera).then(handle_scene_loaded);
+    // sample_pebble_scattering(scene, camera).then(handle_scene_loaded);
+    // sample_EldenRing0(scene, camera).then(handle_scene_loaded);
+    // sample_Blender35(scene, camera).then(handle_scene_loaded);
+    // sample_Blender41(scene, camera).then(handle_scene_loaded);
+    // sample_powerplant(scene, camera).then(handle_scene_loaded);
+    // sample_Sibenik(scene, camera).then(handle_scene_loaded);
+    // sample_flower_scattering(scene, camera);
+    // sample_Bistro(scene, camera).then(handle_scene_loaded);
+    // sample_JustAGirl(scene, camera);
+    // sample_CafeBernini(scene, camera).then(handle_scene_loaded);
+    // sample_Conference(scene, camera).then(handle_scene_loaded);
+    // sample_Classroom(scene, camera).then(handle_scene_loaded);
+    // sample_csgo_de_inferno(scene, camera);
+    // sample_csgo_de_ancient(scene, camera);
+    // sample_csgo_de_gwalior(scene, camera);
+    // sample_csgo_de_nuke(scene, camera);
+
+    // sample_NormalTangentTest(scene, camera);
+    // sample_WaterBottle(scene, camera);
+    // sample_MaterialsVariantsShoe(scene, camera).then(handle_scene_loaded);
+    // sample_MetalRoughSpheres(scene, camera).then(handle_scene_loaded);
+
+    const controller = new OrbitalCameraController(camera, document.body);
+
+
+    // animation_prototype({ renderer, scene, controller });
+    // animation_prototype_stress({ renderer, scene, controller });
+    // gltf_skinned_prototype({ renderer, scene, controller });
+    // gltf_skinned_stress_prototype({ renderer, scene, controller });
+    // handle_scene_loaded();
+
+    // load_scene_from_url("public/Bistro_v5_2/exterior/v6/scene-bistro-v6.shade", scene)
+    //     .then(handle_scene_loaded)
+    //     .then(()=>{
+    //
+    //         const v_main = {
+    //             position: { x: -15.178634475900287, y: 8.19487549774558, z: 2.082348334498482 },
+    //             rotation: { x: 0.086751267628722, y: 0.7637693518798772, z: -0.10501233847843479, w: 0.63095404227336 }
+    //         };
+    //
+    //         camera.far = 100;
+    //         controller.distance = 1;
+    //         controller.from_transform(Transform.fromJSON(v_main));
+    //
+    //     });
+
+    // sample_load_gltf(scene, controller, "public/Bistro_v5_2/exterior/v7/scene.gltf")
+    //     .then(handle_scene_loaded)
+    //     .then(() => {
+    //
+    //         const v_main = {
+    //             position: { x: -15.178634475900287, y: 8.19487549774558, z: 2.082348334498482 },
+    //             rotation: { x: 0.086751267628722, y: 0.7637693518798772, z: -0.10501233847843479, w: 0.63095404227336 }
+    //         };
+    //
+    //         camera.far = 100;
+    //         controller.distance = 1;
+    //         controller.from_transform(Transform.fromJSON(v_main));
+    //
+    //         load_slpv(scene, "public/Bistro_v5_2/exterior/v7/lightmap-v1.svlm");
+    //
+    //         renderer.indirect_lighting_mode = ShadeIndirectLightingMode.Brick4;
+    //
+    //         load_environment_map("public/environments/octahedral/night_sky.hdr", ProjectionMappingType.Octahedral)
+    //             .then(t => {
+    //                 scene.lights.environment = t;
+    //             })
+    //     });
+
+    // sample_load_gltf(scene, controller, 'glTF-Sample-Models/2.0/TransmissionTest/glTF/TransmissionTest.gltf');
+    // sample_load_gltf(scene, controller, 'glTF-Sample-Models/2.0/ABeautifulGame/glTF/ABeautifulGame.gltf').then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, 'batch_2025_07_29/24h-burnout-bot/scene.gltf');
+    // sample_load_gltf(scene, controller, 'batch_2025_07_29/simple_house/scene.gltf');
+    // sample_load_gltf(scene, controller, 'batch_2025_07_29/2023_lamborghini_urus_performante/scene.gltf').then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, 'batch_2025_07_29/water_bottles/scene.gltf');
+    // sample_load_gltf(scene, controller, 'batch_2025_07_29/realistic_potions/scene.gltf').then(()=>{
+    //     controller.from_transform(Transform.fromJSON({
+    //         position: { x: 1.9657516684854834, y: -0.1831089598638198, z: 0.0026640782736288005 },
+    //         rotation: { x: -0.045103185083318, y: -0.6400281362737125, z: -0.03768084056001766, w: 0.766100412301174 }
+    //     }))
+    // }).then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, 'batch_2025_07_29/sadmeal/scene.gltf');
+    // sample_load_gltf(scene, controller, 'shade_stuff/samples/transparency_cross_01.glb');
+
+    // sample_load_gltf(scene, controller, "customer/ozone/qatar/gltf/v7/scene.gltf")
+    //     .then(() => {
+    //
+    //         // get sun
+    //         const sun = scene.lights.elements.find(e => e.isDirectionalLight);
+    //
+    //
+    //         // sun.intensity = 1;
+    //         // scene.lights.needsUpdate = true;
+    //
+    //         const t = new Transform();
+    //         t.rotation.lookRotation(new Vector3(0.40910809346944355, -0.7460735278820639, -0.5253616457749919).normalize());
+    //         sun.transform_local.set(t.matrix);
+    //         sun.updateMatrices();
+    //
+    //
+    //         // const env_map = "environments/octahedral/venice_sunset_2k.hdr";
+    //         const env_map = "environments/octahedral/goegap_4k.hdr";
+    //         // const env_map = "environments/test4_16.hdr";
+    //         load_environment_map(env_map, ProjectionMappingType.Octahedral).then(texture => {
+    //
+    //             scene.lights.environment = texture;
+    //
+    //             renderer.indicate_view_change();
+    //
+    //         });
+    //
+    //         camera.transform.fromJSON({
+    //             position: {
+    //                 x: 23.327619424582437,
+    //                 y: 12.816779165481643,
+    //                 z: 11.105323990290163,
+    //             },
+    //             rotation: {
+    //                 w: 0.7592648195644102,
+    //                 x: 0.19492013609844236,
+    //                 y: -0.6014031188510489,
+    //                 z: 0.15439353273832238,
+    //             }
+    //         });
+    //
+    //         camera.far = 500;
+    //
+    //         controller.look(camera.transform.position, camera.transform.position.clone().add(camera.transform.forward));
+    //
+    //     })
+    //     .then(handle_scene_loaded);
+
+    //
+    // sample_load_gltf(scene, controller, [
+    //     "customer/moicon/06-04_MTNC2021/0/model.gltf",
+    //     "customer/moicon/06-04_MTNC2021/1/model.gltf",
+    //     "customer/moicon/06-04_MTNC2021/2/model.gltf",
+    //     "customer/moicon/06-04_MTNC2021/3/model.gltf",
+    //     "customer/moicon/06-04_MTNC2021/4/model.gltf",
+    //     "customer/moicon/06-04_MTNC2021/5/model.gltf",
+    //     "customer/moicon/06-04_MTNC2021/6/model.gltf",
+    // ]).then(() => {
+    //     // get sun
+    //     const sun = scene.lights.elements.find(e => e.isDirectionalLight);
+    //
+    //     const t = new Transform();
+    //     t.rotation.lookRotation(new Vector3(0.4, -1, 0.63).normalize());
+    //     sun.transform_local.set(t.matrix);
+    //     sun.updateMatrices();
+    //
+    //     // const env_map = "environments/octahedral/venice_sunset_2k.hdr";
+    //     const env_map = "environments/octahedral/rustig_koppie_puresky_2k.hdr";
+    //     // const env_map = "environments/test4_16.hdr";
+    //     load_environment_map(env_map, ProjectionMappingType.Octahedral).then(texture => {
+    //
+    //         scene.lights.environment = texture;
+    //
+    //         renderer.indicate_view_change();
+    //
+    //     });
+    // })
+    //     .then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "shade_stuff/kitchen_alex_b/gltf2/scene.gltf")
+    //     .then(handle_scene_loaded)
+    //     .then(() => {
+    //         camera.transform.fromJSON({
+    //             position: { x: 12.125880736194556, y: 1.2, z: -3.605599244935128 },
+    //             rotation: {
+    //                 x: -0.03777112857938461,
+    //                 y: 0.9481334616173833,
+    //                 z: -0.12325177369996557,
+    //                 w: -0.29056028821415014
+    //             }
+    //         });
+    //         controller.look(camera.transform.position, camera.transform.position.clone().add(camera.transform.forward));
+    //
+    //         const sun = scene.lights.elements[0];
+    //
+    //         const t = new Transform();
+    //
+    //         t.rotation.lookRotation(new Vector3(0, -0.2, -0.5).normalize(), Vector3.up);
+    //
+    //         sun.transform_local.set(t.matrix);
+    //         sun.updateMatrices();
+    //
+    //         scene.lights.needsUpdate = true;
+    //
+    //     });
+    // sample_load_gltf(scene, controller, "public/shade_stuff/kitchen and ground floor.glb").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/customer/tmrw/keynote_hdr-no-window.glb").then(handle_scene_loaded).then(() => {
+    //     camera.transform.fromJSON({
+    //         position: { x: 4.367881168916819, y: 0.592727107122554, z: 5.711337952482239 },
+    //         rotation: {
+    //             x: -0.0442197121079618, y: -0.6853574043601649, z: -0.041763656303478426, w: 0.7256622095451515
+    //         }
+    //     });
+    //     controller.look(camera.transform.position, camera.transform.position.clone().add(camera.transform.forward));
+    // })
+    // sample_load_gltf(scene, controller, "public/cornell_box/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/blender-3.3-splash/scene.gltf")
+    //     .then(() => {
+    //         load_slpv(scene, "public/blender-3.3-splash/lightmap.svlm")
+    //     })
+    //     .then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/intel_sponza/main1_sponza/NewSponza_Main_glTF_003.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/intel_sponza/pkg_a_curtains/NewSponza_Curtains_glTF.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/pbr-test-spec-01/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/glTF-Sample-Models/2.0/Fox/glTF/Fox.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/SEED/pica_pica_-_mini_diorama_01/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/SEED/pica_pica_-_floor_junk_clutter_01/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/SEED/pica_pica_-_floor_junk_clutter_02/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/SEED/pica_pica_-_machines/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/porsche_gt3_rs/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/low_poly_flat/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/breakfast_room/gltf/scene.gltf")
+    //     .then(() => {
+    //         camera.transform.fromJSON({
+    //             "position": { "x": -0.6330649449219954, "y": 1.5888956869792006, "z": 5.5901729937324465 },
+    //             "rotation": {
+    //                 "x": -0.00012363111454709365,
+    //                 "y": 0.9995860069248491,
+    //                 "z": 0.028441518626431368,
+    //                 "w": 0.004345053924334134
+    //             },
+    //             "scale": { "x": 1, "y": 1, "z": 1 }
+    //         });
+    //         camera.far = 15;
+    //         controller.look(camera.transform.position, camera.transform.position.clone().add(camera.transform.forward));
+    //
+    //         const sun = scene.lights.elements[0];
+    //
+    //         const t = new Transform();
+    //
+    //         t.rotation.lookRotation(new Vector3(-0.5, -0.2, -0.5).normalize(), Vector3.up);
+    //
+    //         sun.transform_local.set(t.matrix);
+    //         sun.updateMatrices();
+    //
+    //         scene.lights.needsUpdate = true;
+    //     })
+    //     .then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/fireplace_room/gltf/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/hairball/gltf/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/shadow_testing/gltf/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/yale_lights/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/colourdraftssimon_stalenhag_scene/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/room_interior/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/the_blacksmiths/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/gi_box_01/export-01/model.gltf")
+    //     .then(() => {
+    //         const light = scene.lights.elements[0];
+    //
+    //         const transform = new Transform();
+    //
+    //         transform.lookAt(new Vector3(0.8, -1, -0.4));
+    //
+    //         array_copy(
+    //             transform.matrix, 0,
+    //             light.transform_local, 0, 16);
+    //         light.updateMatrices();
+    //
+    //         scene.lights.needsUpdate = true;
+    //     })
+    //     .then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/low_poly_classroom/no-glass/model.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/sd_macross_city_standoff_diorama/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/vokselia_spawn/model.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/siege_at_night_medievalremixchallenge/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/room/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/living_and_kitchen/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_10_25/Tree1/gltf/scene.gltf").then(handle_scene_loaded).then(() => {
+    //     const light = scene.lights.elements[0];
+    //
+    //     const transform = Transform.fromJSON({
+    //         position: { x: 0, y: 0, z: 0 },
+    //         rotation: { x: 0, y: 0, z: 0, w: 1 }
+    //     });
+    //
+    //     camera.far = 80;
+    //
+    //     transform.lookAt(new Vector3(0.4, -1, -0.4));
+    //
+    //     array_copy(
+    //         transform.matrix, 0,
+    //         light.transform_local, 0, 16);
+    //
+    //     light.updateMatrices();
+    //
+    //     scene.lights.needsUpdate = true;
+    //
+    //     controller.from_transform(Transform.fromJSON({
+    //         position: { x: -20.357444352928436, y: 14.160615331200855, z: -1.1000043982504222 },
+    //         rotation: { x: 0.08374805292613074, y: 0.6978096507844427, z: -0.08271257426951092, w: 0.7065455292908497 }
+    //     }));
+    // });
+    // sample_load_gltf(scene, controller, "public/EmeraldSquare_v4_1/gltf-day/scene.gltf").then(handle_scene_loaded)
+    //     .then(() => {
+    //
+    //         load_environment_map("public/EmeraldSquare_v4_1/octahedral-symmetrical_garden_4k.hdr", ProjectionMappingType.Octahedral).then(texture => {
+    //             scene.lights.environment = texture;
+    //             renderer.indicate_view_change();
+    //         });
+    //
+    //         const v_square_0 = {
+    //             position: { x: -36.500386604645435, y: 54.39537857145933, z: -14.811733171263 },
+    //             rotation: {
+    //                 x: 0.423022072756093,
+    //                 y: -0.00038350294642907576,
+    //                 z: 0.00017903847226245933,
+    //                 w: 0.9061192784793038
+    //             }
+    //         };
+    //
+    //         const v_square_1 = {
+    //             position: { x: -28.153313300353275, y: 51.56295309567791, z: 11.3294031741776 },
+    //             rotation: {
+    //                 x: 0.4532806960546689,
+    //                 y: -0.17149926012149977,
+    //                 z: 0.08933887254580901,
+    //                 w: 0.8701397475200272
+    //             },
+    //         };
+    //
+    //         // load_slpv(scene, "public/EmeraldSquare_v4_1/gltf-day/lightmap.svlm")
+    //
+    //         controller.from_transform(Transform.fromJSON(v_square_0))
+    //     })
+    // sample_load_gltf(scene, controller, "public/SunTemple_v4/SunTemple/gltf-v2/scene.gltf")
+    //     .then(async () => {
+    //         renderer.indirect_lighting_mode = ShadeIndirectLightingMode.IBL;
+    //
+    //         camera.far = 50;
+    //
+    //         controller.movement_speed_scale = 5;
+    //         controller.distanceLimits.set(0.5, 100);
+    //         controller.distance = 1;
+    //         controller.from_transform(Transform.fromJSON({
+    //             "position": { "x": -6.794427874548205, "y": 4.669972481347289, "z": -11.696397774444222 },
+    //             "rotation": {
+    //                 "x": 0.0005146039946247688,
+    //                 "y": 0.27604020641271343,
+    //                 "z": -0.00014779378136064382,
+    //                 "w": 0.961145939898491
+    //             }
+    //         }))
+    //
+    //         scene.lights.environment = await load_environment_map("public/SunTemple_v4/SunTemple/SunTemple_Skybox_oct.hdr", ProjectionMappingType.Octahedral);
+    //
+    //       // await  renderer.getProbeRendererForScene(scene)
+    //       //       .generate_locations(64);
+    //
+    //       // lpv_generate_probe_locations2({scene});
+    //
+    //         // renderer.indirect_lighting_mode = ShadeIndirectLightingMode.LPV;
+    //
+    //         // await delay(30000);
+    //         // await visialize_probes()
+    //
+    //     }).then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/San_Miguel/gltf/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/TheCarnival/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/TheCabin/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/dreamsong/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/dreamsong/scene-no-bake.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/low-poly_fantasy_island_medieval/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/stylized_little_japanese_town_street/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/sunrise_temple_environment/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/customer/ozone/garage/no-door/scene.gltf")
+    //     .then(handle_scene_loaded)
+    //     .then(() => {
+    //
+    //         load_slpv(scene, "public/customer/ozone/garage/no-door/lightmap.svlm")
+    //
+    //         controller.from_transform(Transform.fromJSON({
+    //             position: { x: -2.0149998497238504, y: 2.0925572987592562, z: 5.066550531633194 },
+    //             rotation: {
+    //                 x: 0.000026690813678372202,
+    //                 y: 0.9980212864655044,
+    //                 z: -0.06287552432742036,
+    //                 w: 0.0004236624742146783
+    //             }
+    //         }))
+    //     })
+    // sample_load_gltf(scene, controller, "public/customer/ozone/Garden/scene.gltf")
+    //     .then(handle_scene_loaded)
+    //     .then(async ()=>{
+    //         camera.far = 100;
+    //
+    //         await load_slpv(scene, "public/customer/ozone/Garden/lightmap.svlm")
+    //     })
+    // ;
+
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/3d_pbr_curved_sofa/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/chinese_style_tea_table/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/simple_dining_table/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/sofa_combination/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/a_low-poly_modular_kitchen_set/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/abandoned_underground_train_station/scene.gltf").then(handle_scene_loaded);
+
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/castle/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/cdb8c2ee9d8d4186b301bdef2d8a976b/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/chocolate_tart/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/cleopatra_and_the_asp/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/dae_sculpting_final__tree_house_2024/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/fantasy_castle/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/gm_goldencity_day_v2/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/huge_medieval_battle_scene/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/sumatran_tiger/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/koldy/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/girl_portrait/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/oni_girl_sculpt/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/blanket_in_the_wind/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/tokyo_ghoul/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/low_poly_environment_jungle_scene/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/low_poly_hilltop_castle/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/makarov_pm/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/medieval_tavern/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/modern_luxury_villa_house_building_home/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/modern_tower_office_apartment_building/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/museum-and-hydroelectric-plant/source/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/oval_place/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/pawn_mate/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/plaza_night_time/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/prototype_robot/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/ramen/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/robot_character/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/shoot_background__graffiti_street/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/studio_setup/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/suburban_shabby_house_low_poly/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/the_steampunk_vault/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/ururu/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/vino/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/the_japanese_school_corridor/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/virtual_gallery_scene_01/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/grand_enigma_-_contemporary/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/town3f/scene.gltf").then(handle_scene_loaded);
+
+
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/solarpunk_village/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/throne_room_-_medieval_fantasy_challenge/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/medieval_alley/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/low_poly_simple_city/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_09_03/cartoon_two-story_villa_low_polygon_3d_model/scene.gltf").then(handle_scene_loaded);
+
+    // sample_load_gltf(scene, controller, "public/batch_2024_12_23/steam_punk_engine/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2024_12_23/material_ball_in_3d-coat/scene.gltf").then(handle_scene_loaded);
+
+    //
+
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/93002f91aa764d9295f30d875599101d/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/abandoned_house/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/abandoned_mansion/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/abandoned_water_canal/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/bathroom_-_interior_design/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/bianca_e_leo/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/cartoon_bedroom/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/ccity_building_set_1/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/city/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/crystal_crossroads_-_cc0_asset_pack/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/cs_assault/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/dae_diorama_-_forest_loner/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/diorama/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/exports_b/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/factory_3d_model/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/guitar_house/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/hintze-hall_-_vr_tour/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/house_on_the_hill/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/huge_warehouse/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/japan_street/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/japanese_street_at_night/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/japanese_town/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/late_night_office/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/lets_go_to_the_beach_-_beach_themed_diorama/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/littlest_tokyo_sunset_-_3d_editor_challenge/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/low_poly_city/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/medieval_house_h2_annielihta/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/medieval_house_stylized/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/modern_city_block/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/modular_house_cube_3_by_swanbuild_australia/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/neighborhood_house_types/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/nord_house/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/old_building/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/ordinary_behavior_2_-_television/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/pripyat_palace_of_culture_energetik/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/pub_interior/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/pub_scene/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/railway_station/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/room/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/sci-fi-corridor._texturing_challenge/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/stylized_house/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/subway_rtx/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/terrain_dristibute_gn/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/tetris_factory/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/the_boys-vought_tower/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/the_time_machine_house_final/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/timber_truss_roof_structure_and_frame/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/toninos_greek_temple/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/ufa_state_tatar_theater_nur_building/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/victorian_house/scene.gltf").then(handle_scene_loaded);
+
+    // ----
+
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/blue_archive__-_sunaookamishiroko/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/furry_2b_nier_automata_free/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/furry_jane_doe_zenless_zone_zero/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/herkules/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/penny/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/prix/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/skull_priestess/scene.gltf").then(handle_scene_loaded);
+
+    // ----
+
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/bt_mp9__gamerady_submachine_gun/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/crashed_abandoned_car_-_game_ready/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/girly_blossom_dagger/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/knife/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/lumen_vgs_pack/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/nissan_skyline_gtr_r35/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/revolver_magnum_357/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/stylized_big_sword/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_01_31/vroom_vroom/scene.gltf").then(handle_scene_loaded);
+
+    // sample_load_gltf(scene, controller, "public/batch_2025_11_11/vilhelm_13_low_res_textures/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_11_11/tanabata_evening_-_kyoto_inspired_city_scene/scene.gltf").then(handle_scene_loaded);
+    // sample_load_gltf(scene, controller, "public/batch_2025_11_11/sci-fi_hardcover_book_collection/scene.gltf")
+    //     .then(handle_scene_loaded)
+    //     .then(()=>{
+    //         controller.from_transform(Transform.fromJSON({
+    //             position : {x: -0.24771434758651253, y: 0.6393128179766008, z: -0.14694019411292505},
+    //             rotation : {x: 0.6038964271574744, y: 0.3245558131927012, z: -0.29437013920059546, w: 0.6658219360581955},
+    //         }))
+    //     });
+
+
+    // stress_test_01(scene, controller).then(handle_scene_loaded);
+    // add_random_meshes(batch, geometry_dragon, 1); // stress-test
+
+
+    // make_animated_instances({
+    //     batch: scene.instances,
+    //     bounds: new AABB3(-10, 0, -6, 10, 10, 6) ,
+    //     scale: new NumericInterval(0.1,0.2)
+    // });
+
+    // controller.distanceLimits.max = 10000;
+    console.log(scene, camera);
+
+    function visible() {
+        const visible = scene.instances.instances.filter(mesh => {
+
+            return aabb3_intersects_frustum_degree(
+                ...mesh.bounding_box,
+                camera.frustum
+            ) > 0;
+
+        });
+
+        console.warn(visible);
+    }
+
+    window.visible = visible;
+
+    // ReSTIR DI — stochastic screen-bounded direct shadowing for local (point+spot)
+    // lights. Off = brute-force shadow-mapped froxel-cluster loop; on swaps in a
+    // separate compiled deferred shader variant that consumes the resampled,
+    // ray-traced result. Noisier per-frame for now (temporal/spatial reuse pending).
+    const lighting_folder = gui.addFolder("direct lighting");
+    lighting_folder
+        .add(renderer, "feature_restir_di_enabled")
+        .name("ReSTIR DI (point/spot)")
+        .onChange(() => renderer.indicate_view_change());
+    // MegaLights-style hybrid shadows: short screen-space contact trace then RT
+    // fallback. Off = pure ray-traced visibility (for A/B comparison).
+    lighting_folder
+        .add(renderer.restir_di, "use_screen_space_shadow")
+        .name("ReSTIR hybrid SS shadows")
+        .onChange(() => renderer.indicate_view_change());
+    // Tailored edge-aware à-trous spatial denoise of the resampled radiance.
+    // Off = raw (noisy) resolve, for A/B. Iterations grow the filter footprint.
+    lighting_folder
+        .add(renderer.restir_di, "denoise_enabled")
+        .name("ReSTIR denoise")
+        .onChange(() => renderer.indicate_view_change());
+    lighting_folder
+        .add(renderer.restir_di, "denoise_iterations", 0, 5, 1)
+        .name("ReSTIR denoise iters")
+        .onChange(() => renderer.indicate_view_change());
+
+    const post_process_folder = gui.addFolder("post-processing");
+    post_process_folder.add(renderer, "feature_ssr_enabled").name("SSR");
+    post_process_folder.add(renderer, "feature_sharpening_enabled").name("Sharpen");
+    post_process_folder.add(renderer, "feature_automatic_exposure_enabled").name("Auto Exposure");
+    post_process_folder.add(renderer, "feature_ssao_enabled").name("SSAO");
+    post_process_folder.add(renderer, "feature_bloom_enabled").name("Bloom");
+    // the feature_taa_enabled setter resets temporal history itself
+    post_process_folder.add(renderer, "feature_taa_enabled").name("TAA");
+    // 3D volumetric temporal reprojection (GPUViewVolumetrics.taa_enabled, read via this global)
+    const volumetrics_taa_params = { enabled: true };
+    globalThis.__VOL_TAA_ENABLED = true;
+    post_process_folder.add(volumetrics_taa_params, "enabled").name("Volumetric TAA").onChange((v) => {
+        globalThis.__VOL_TAA_ENABLED = v;
+        renderer.indicate_view_change();
+    });
+    // RDR2-style far field: froxel grid covers [near, froxel_far]; beyond it the aerial pass
+    // ray-marches the scene volumes directly. High value (>= camera.far) -> grid covers all (no-op).
+    const volumetrics_far_params = { froxel_far: 5000 };
+    globalThis.__VOL_FROXEL_FAR = 5000;
+    post_process_folder.add(volumetrics_far_params, "froxel_far", 20, 5000, 10).name("Froxel far (RDR2)").onChange((v) => {
+        globalThis.__VOL_FROXEL_FAR = v;
+        renderer.indicate_view_change();
+    });
+    // Fog multiscatter tuning: fewer octaves / higher decay -> less shadow fill -> stronger silver
+    // lining (lit-rim-vs-core contrast). Defaults 6 / 0.5 match the engine constants.
+    const volumetrics_ms_params = { octaves: 6, extinction_decay: 0.5 };
+    globalThis.__VOL_MS_OCTAVES = 6;
+    globalThis.__VOL_MS_EXT_DECAY = 0.5;
+    post_process_folder.add(volumetrics_ms_params, "octaves", 1, 6, 1).name("Fog multiscatter octaves").onChange((v) => {
+        globalThis.__VOL_MS_OCTAVES = v;
+        renderer.indicate_view_change();
+    });
+    post_process_folder.add(volumetrics_ms_params, "extinction_decay", 0.1, 0.9, 0.05).name("Fog multiscatter decay").onChange((v) => {
+        globalThis.__VOL_MS_EXT_DECAY = v;
+        renderer.indicate_view_change();
+    });
+    post_process_folder.add(renderer, "feature_motion_blur_enabled").name("Motion Blur");
+    post_process_folder.add(renderer.motion_blur, "strength", 0.0, 6.0, 0.05).name("Motion Blur strength");
+    post_process_folder.add(renderer, "feature_velocity_debug_view").name("Velocity (debug view)");
+
+    // In-app verification harnesses for the 2026-07 deep-review fixes (results go to the console).
+    const review_folder = gui.addFolder("review checks");
+    review_folder.add({
+        radix_sort: () => verify_radix_sort_one_sweep(renderer.graphics),
+    }, "radix_sort").name("C002: radix sort (console)");
+    review_folder.add({
+        transparent_slabs: () => {
+            // three overlapping transparent slabs, staggered in depth, next to the fog volume —
+            // for judging MBOIT depth ordering (C000) from both sides
+            const colors = [
+                new Color(1, 0.1, 0.1, 0.4),
+                new Color(0.1, 1, 0.1, 0.4),
+                new Color(0.2, 0.4, 1, 0.4),
+            ];
+            for (let i = 0; i < colors.length; i++) {
+                const material = new StandardShadeMaterial();
+                material.transparency_mode = TransparencyMode.Transparent;
+                material.diffuse_color.copy(colors[i]);
+                material.roughness_factor = 0.9;
+
+                const mesh = Mesh.from(
+                    make_box_geometry(6, 4, 0.1),
+                    material,
+                    Transform.fromJSON({
+                        position: { x: -55 + (i - 1) * 1.2, y: 4, z: -5 + (i - 1) * 2.5 }
+                    }).matrix
+                );
+                scene.add(mesh);
+            }
+            console.log("[C000] spawned 3 transparent slabs near (-55, 4, -5) — red (near z), green, blue (far z)");
+        },
+    }, "transparent_slabs").name("C000: spawn transparent slabs");
+    review_folder.close();
+
+    // Depth of field. Out of the box: tick Enabled, leave the rest on
+    // defaults (autofocus + f/2.0) → tasteful shallow focus. There are two
+    // implementations behind the `Algorithm` switch: the ray-march DepthOfField
+    // (`renderer.dof`) and the gather-based Unreal-style DepthOfFieldU
+    // (`renderer.dof_unreal`); `renderer.dof_algorithm` picks which runs. They
+    // share almost the entire parameter surface, so the GUI drives a small
+    // proxy that fans every shared edit out to BOTH subsystems — flipping
+    // Algorithm is then a true A/B with identical settings. The feature toggle
+    // stays on the renderer; the focus mode is a tagged union behind the
+    // `focus*` helpers.
+    const dof_subsystems = [renderer.dof, renderer.dof_unreal];
+
+    // Shared scalar params: read from the ray-march one (both stay in lockstep),
+    // write to all subsystems.
+    const dof_shared = {};
+    for (const prop of [
+        "f_number", "quality", "focus_region", "focus_smoothing",
+        "sensor_height_mm", "physical_gain", "blade_count", "blade_rotation", "highlight_boost",
+    ]) {
+        Object.defineProperty(dof_shared, prop, {
+            get() {
+                return renderer.dof[prop];
+            },
+            set(v) {
+                for (const s of dof_subsystems) {
+                    s[prop] = v;
+                }
+            },
+        });
+    }
+
+    const dof_folder = post_process_folder.addFolder("Depth of Field");
+    dof_folder.add(renderer, "feature_dof_enabled").name("Enabled");
+    dof_folder.add(renderer, "dof_algorithm", {
+        "Ray-march (Tiny Glade)": "raymarch",
+        "Gather (Unreal-style)": "unreal"
+    }).name("Algorithm");
+    dof_folder.add(dof_shared, "f_number", 1.2, 16.0, 0.1).name("Aperture (f-number)");
+    dof_folder.add(dof_shared, "quality", ["low", "medium", "high", "ultra"]).name("Quality");
+    dof_folder.add(renderer.dof, "march_mode", ["reference", "compute", "slice"]).name("March mode (ray-march only)");
+
+    const dof_gui = { preset: "(none)", focus_mode: "auto", manual_distance: 8.0 };
+    dof_folder.add(dof_gui, "preset", ["(none)", ...DOF_PRESET_NAMES]).name("Preset").onChange((v) => {
+        if (v !== "(none)") {
+            for (const s of dof_subsystems) {
+                s.applyPreset(v);
+            }
+        }
+    });
+
+    const dof_focus_folder = dof_folder.addFolder("Focus");
+    dof_focus_folder.add(dof_gui, "focus_mode", ["auto", "manual", "nearest", "centre point"]).name("Focus").onChange((v) => {
+        for (const s of dof_subsystems) {
+            if (v === "auto") {
+                s.focusAuto();
+            } else if (v === "manual") {
+                s.focusAtDistance(dof_gui.manual_distance);
+            } else if (v === "nearest") {
+                s.focusOnNearest();
+            } else if (v === "centre point") {
+                s.focusOnScreenPoint(0.5, 0.5);
+            }
+        }
+    });
+    dof_focus_folder.add(dof_gui, "manual_distance", 0.1, 200, 0.1).name("Manual distance").onChange((v) => {
+        if (dof_gui.focus_mode === "manual") {
+            for (const s of dof_subsystems) {
+                s.focusAtDistance(v);
+            }
+        }
+    });
+    dof_focus_folder.add(dof_shared, "focus_region", 0.0, 20.0, 0.1).name("Sharp band (region)");
+    dof_focus_folder.add(dof_shared, "focus_smoothing", 0.0, 1.0, 0.01).name("Focus smoothing");
+
+    const dof_physical_folder = dof_folder.addFolder("Lens");
+    dof_physical_folder.add(dof_shared, "sensor_height_mm", 8.0, 70.0, 0.5).name("Sensor height (mm)");
+    dof_physical_folder.add(dof_shared, "physical_gain", 0.5, 8.0, 0.1).name("Exaggeration gain");
+    dof_physical_folder.close();
+
+    const dof_advanced_folder = dof_folder.addFolder("Advanced");
+    dof_advanced_folder.add(dof_shared, "blade_count", 0, 9, 1).name("Aperture blades");
+    dof_advanced_folder.add(dof_shared, "blade_rotation", 0.0, Math.PI, 0.01).name("Blade rotation");
+    dof_advanced_folder.add(dof_shared, "highlight_boost", 0.0, 4.0, 0.05).name("Highlight boost");
+    dof_advanced_folder.add(renderer.dof_unreal, "near_blur_gain", 0.0, 3.0, 0.05).name("Near bleed (gather only)");
+    dof_advanced_folder.close();
+
+    gui.add(renderer, "feature_shadows_enabled").name("Shadows");
+    gui.add(renderer, "feature_tetrahedron_point_shadows").name("Tetra Point Shadows");
+    gui.add(renderer, "indirect_lighting_mode", { IBL: 0, Brick4: 1, LPV: 2 }).name("Indirect Lighting");
+
+    gui.add({
+        debug_frame() {
+            renderer.add_debug_frame();
+        }
+    }, 'debug_frame').name("Debug Frame");
+
+    gui.add({
+        add_frame() {
+            frame_limit += 1
+        }
+    }, "add_frame");
+
+    gui.add({
+        render_pause() {
+            frame_limit = frame_limit === 0 ? Infinity : 0;
+        }
+    }, "render_pause");
+
+    gui.add({
+        async bake_lightmap() {
+
+            await brick4_bake_for_scene({
+                scene,
+                renderer,
+            });
+        }
+    }, 'bake_lightmap').name("Bake Lightmap");
+
+    gui.add({
+        async generate_lpv() {
+            scene.light_probe_volume.positions = lpv_generate_probe_locations2({ scene });
+            scene.light_probe_volume.build_mesh();
+
+            // build_lpv_mesh(scene, new Vector3(16,16,16));
+        }
+    }, 'generate_lpv').name("Generate LPV");
+
+    gui.add({
+        async serialize_scene() {
+            scene_optimize(scene);
+
+            console.time('serialize');
+            const buffer = await serialize_scene({
+                scene,
+                include_blas: true
+            });
+            console.timeEnd('serialize');
+
+            buffer.trim();
+
+            downloadAsFile(buffer.data, 'scene.shade', 'application/octet-stream');
+
+            console.log(`Scene size: ${buffer.position}`, buffer)
+        }
+    }, 'serialize_scene')
+
+    const FRAME_RATE_LIMIT = Infinity;
+
+    const drs = new DynamicResolutionScaling();
+    drs.get_scale = () => renderer.internal_resolution_scale;
+    drs.set_scale = (v) => {
+        renderer.internal_resolution_scale = v;
+    };
+    // drs.target_frame_time_s = 1 / FRAME_RATE_LIMIT;
+
+    const resolution_folder = gui.addFolder("resolution");
+    resolution_folder.add(drs, 'enabled').name("Dynamic Resolution");
+    resolution_folder.add(renderer, 'internal_resolution_scale', 0.1, 1, 0.01).name("Scale").listen();
+    resolution_folder.add({
+        get percent() {
+            return `${(renderer.internal_resolution_scale * 100).toFixed(0)}%`;
+        }
+    }, 'percent').name("Current %").listen().disable();
+
+
+    renderer.onFrameDebug.add((frame_index, debug_data) => {
+        console.table(debug_data);
+    });
+
+    create_frame_loop((time_delta_s, raw_refresh_time_s) => {
+        // apply size
+
+        const w = window.innerWidth;
+        const h = window.innerHeight;
+
+        const RESOLUTION_SCALE = 1;
+
+        renderer.resize(w, h);
+        renderer.pixel_ratio = window.devicePixelRatio * RESOLUTION_SCALE;
+        camera.aspect = w / h;
+
+        //
+        controller.update(time_delta_s);
+
+
+        if (frame_limit <= 0) {
+            return;
+        }
+
+
+        frame_limit--;
+
+        // DRS must go first, because it affects rendering quality and records decisions
+        drs.notify_frame(raw_refresh_time_s);
+
+        stats.begin();
+        renderer.render(camera, scene, time_delta_s);
+        stats.end();
+
+        frame_perf.record(raw_refresh_time_s);
+
+
+    }, FRAME_RATE_LIMIT);
+    // }, 7);
+
+
+    window.addEventListener("keydown", (ev) => {
+
+        if (ev.key === "p") {
+            ev.preventDefault();
+            enable_picker(document.body, camera, scene);
+        }
+
+    });
+};
+
+
+document.body.style.margin = "0";
+document.body.style.overflow = "hidden";
+
+
+const canvas = document.createElement('canvas');
+canvas.width = window.innerWidth;
+canvas.height = window.innerHeight;
+document.body.appendChild(canvas);
+
+const stats = new Stats();
+document.body.appendChild(stats.domElement);
+
+const frame_perf = new FramePerformanceMonitor();
+frame_perf.dom.style.position = 'fixed';
+frame_perf.dom.style.left = '8px';
+frame_perf.dom.style.bottom = '8px';
+frame_perf.dom.style.zIndex = '1000';
+document.body.appendChild(frame_perf.dom);
+
+
+// DEBUG
+globalThis.frame_perf = frame_perf;
+
+const gui = new GUI();
+
+// gui.hide(); // Hide the menu for production
+
+init({
+    canvas,
+    gui
+});