@woosh/meep-engine 2.48.19 → 2.48.21

package/src/engine/graphics/micron/prototypeVirtualGeometry.js

@@ -1,911 +0,0 @@
-import {
-    AmbientLight,
-    BoxBufferGeometry,
-    CubeTextureLoader,
-    DirectionalLight,
-    FrontSide,
-    Matrix4,
-    Mesh,
-    MeshBasicMaterial,
-    MeshStandardMaterial,
-    OctahedronBufferGeometry,
-    PerspectiveCamera,
-    PlaneBufferGeometry,
-    PointLight,
-    RepeatWrapping,
-    Scene,
-    SphereBufferGeometry,
-    SphereGeometry,
-    sRGBEncoding,
-    TextureLoader,
-    Vector2,
-    Vector3,
-    VSMShadowMap,
-    WebGLRenderer
-} from "three";
-import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
-import Stats from "three/examples/jsm/libs/stats.module.js";
-import { PLYLoader } from "three/examples/jsm/loaders/PLYLoader.js";
-import { VirtualGeometryBuilder } from "./render/VirtualGeometryBuilder.js";
-import { VirtualGeometryStats } from "./debug/VirtualGeometryStats.js";
-import { MetricCollection } from "../../development/performance/MetricCollection.js";
-import { MetricStatistics } from "../../development/performance/MetricStatistics.js";
-import { prettyPrint } from "../../../core/NumberFormat.js";
-import { VGThreeRenderer } from "./render/v1/VGThreeRenderer.js";
-import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { convert_three_object_to_micron } from "./convert_three_object_to_micron.js";
-import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader.js";
-import { TextureAttachmentsByMaterialType } from "../../asset/loaders/material/TextureAttachmensByMaterialType.js";
-import { distributePointsOnMesh } from "../particles/particular/engine/utils/distrubuteParticlesOnMesh.js";
-import { BinaryNode } from "../../../core/bvh2/BinaryNode.js";
-import {
-    queryBinaryNode_SphereIntersections_Data
-} from "../../../core/bvh2/traversal/queryBinaryNode_SphereIntersections.js";
-import { ensureGeometryBoundingSphere } from "../geometry/buffered/ensureGeometryBoundingSphere.js";
-import { StaticMaterialCache } from "../../asset/loaders/material/StaticMaterialCache.js";
-import convertSampler2D2Canvas from "../texture/sampler/Sampler2D2Canvas.js";
-import { CanvasView } from "../../../view/elements/CanvasView.js";
-import { Sampler2D } from "../texture/sampler/Sampler2D.js";
-import { sampler2d_scale_down_linear } from "../texture/sampler/sampler2d_scale_down_linear.js";
-import { ShadowMapRenderer } from "../shadows/ShadowMapRenderer.js";
-import { mat4 } from "gl-matrix";
-import { seededRandom } from "../../../core/math/random/seededRandom.js";
-import { Color } from "../../../core/color/Color.js";
-
-document.body.style.margin = 0;
-
-const background = new TextureLoader().load('data/textures/utility/checkers_white_grey_256x256.png');
-background.repeat.set(50, 30);
-background.wrapS = RepeatWrapping;
-background.wrapT = RepeatWrapping;
-
-const metrics = new MetricCollection();
-const METRIC_BUFFER_SIZE = 1000;
-metrics.create({
-    name: 'vg_build', buffer_size: METRIC_BUFFER_SIZE
-});
-metrics.create({
-    name: 'adapter_update', buffer_size: METRIC_BUFFER_SIZE
-});
-
-metrics.create({
-    name: 'debug_v0', buffer_size: METRIC_BUFFER_SIZE
-});
-
-let container, stats;
-
-let camera, scene, renderer;
-let directionalLight;
-let pointLight;
-
-let mouseX = 0, mouseY = 0;
-
-let windowHalfX = window.innerWidth / 2;
-let windowHalfY = window.innerHeight / 2;
-
-const vg_builder = new VirtualGeometryBuilder();
-
-window.vg_builder = vg_builder;
-
-const vgtr = new VGThreeRenderer();
-window.vgtr = vgtr;
-
-const shadowmapRenderer = new ShadowMapRenderer();
-
-function build_stats() {
-
-    const stats = new VirtualGeometryStats(vgtr.geometry);
-    stats.css({
-        position: 'fixed',
-        right: '10px',
-        top: '10px',
-        background: 'rgba(255,255,255,0.75)',
-        padding: '4px',
-        whiteSpace: 'pre',
-        userSelect: 'all',
-        borderRadius: '8px',
-        boxShadow: '0 0 4px rgba(0,0,0,0.5)'
-    });
-
-    document.body.appendChild(stats.el);
-    stats.link();
-}
-
-
-function debug_shadow_map() {
-    const map = directionalLight.shadow.map;
-
-    const sampler = Sampler2D.uint8(4, map.width, map.height);
-    renderer.readRenderTargetPixels(map, 0, 0, map.width, map.height, sampler.data);
-
-    const cv = new CanvasView();
-    cv.css({
-        position: 'fixed',
-        right: '10px',
-        top: '10px',
-        zIndex: 5
-    });
-
-
-    for (let i = 0; i < sampler.width * sampler.height; i++) {
-        sampler.data[i * 4 + 3] = 255;
-    }
-
-    const resampled = Sampler2D.uint8(4, 512, 512);
-
-    sampler2d_scale_down_linear(sampler, resampled);
-
-    convertSampler2D2Canvas(resampled, 1, 0, cv.el);
-
-    document.body.appendChild(cv.el);
-    cv.link();
-
-}
-
-window.debug_shadow_map = debug_shadow_map;
-
-init();
-
-
-const orbitControls = new OrbitControls(camera, container);
-
-
-animate();
-
-async function micron_add_object(object, random_color = false) {
-    object.traverse(t => {
-        t.castShadow = true;
-        t.receiveShadow = true;
-
-        t.matrixAutoUpdate = false;
-
-        const material = t.material;
-
-        if (t.isMesh && material !== null) {
-
-            const attachments = TextureAttachmentsByMaterialType[material.type];
-
-            if (attachments !== undefined) {
-
-                const n = attachments.length;
-
-                for (let i = 0; i < n; i++) {
-                    const a = attachments[i];
-                    const texture = a.read(material);
-
-                    if (texture !== undefined && texture !== null) {
-                        texture.anisotropy = 8;
-                    }
-                }
-
-            }
-
-        }
-    });
-
-    if (random_color) {
-        const random = seededRandom(7);
-
-        const color = new Color();
-
-        object.traverse(t => {
-            if (t.isMesh && t.material !== null) {
-
-
-                color.setHSV(random(), 1, 1);
-
-                t.material = new MeshStandardMaterial({
-                    color: color.toUint()
-                });
-
-            }
-        });
-    }
-
-
-    object.traverse(t => {
-        if (t.isMesh && t.material !== null) {
-
-            t.material = StaticMaterialCache.Global.acquire(t.material);
-
-        }
-    });
-
-    object.updateMatrix();
-
-    // console.profile('m');
-    const r = await convert_three_object_to_micron(object);
-    // console.profileEnd('m');
-
-    r.traverse(o => {
-        if (o.isMicronMesh) {
-            // o.material = cubeMaterial1;
-        }
-    })
-
-    scene.add(r);
-
-    vgtr.attach(r);
-
-    return r;
-}
-
-function init() {
-
-    container = document.createElement("div");
-    document.body.appendChild(container);
-
-    camera = new PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000000);
-    camera.position.z = -4000;
-
-    //
-
-
-    scene = new Scene();
-
-    window.scene = scene;
-
-    // LIGHTS
-
-    const ambient = new AmbientLight(0xffffff, 0.1);
-    scene.add(ambient);
-
-    pointLight = new PointLight(0x6666ff, 0.5);
-    pointLight.position.y = 1000;
-    scene.add(pointLight);
-
-    // light representation
-
-    const sphere = new SphereGeometry(100, 16, 8);
-
-    const mesh = new Mesh(sphere, new MeshBasicMaterial({ color: 0xffffff }));
-    mesh.scale.set(0.5, 0.5, 0.5);
-    pointLight.add(mesh);
-
-    // add directional light
-    directionalLight = new DirectionalLight(0xFFAAAA, 0.8);
-    directionalLight.position.set(-500, 1000, 300);
-    directionalLight.castShadow = true;
-    const shadow_camera = directionalLight.shadow.camera;
-    // small bias to prevent shadow acne
-    directionalLight.shadow.bias = -0.0001;
-    // directionalLight.shadow.mapSize.set(4096, 4096);
-    directionalLight.shadow.mapSize.set(1024, 1024);
-    directionalLight.shadow.autoUpdate = false;
-
-    window.light = directionalLight;
-    // directionalLight.shadow.autoUpdate = true;
-
-    shadow_camera.near = 0.1;
-    shadow_camera.far = 2000;
-
-    const shadow_camera_size = 15;
-
-    shadow_camera.left = -shadow_camera_size / 2;
-    shadow_camera.right = shadow_camera_size / 2;
-
-    shadow_camera.bottom = -shadow_camera_size / 2;
-    shadow_camera.top = shadow_camera_size / 2;
-
-    // shadow_camera.onBeforeRender = do_vgrt_update;
-
-    // scene.add(new CameraHelper(shadow_camera));
-    // scene.add(new DirectionalLightHelper(directionalLight));
-
-    shadow_camera.updateProjectionMatrix();
-
-
-    scene.add(directionalLight);
-
-    // material samples
-
-    const cubeMaterial1 = new MeshStandardMaterial({
-        wireframe: false,
-        side: FrontSide,
-        color: 0xffffff
-        // color: 0x000000
-    });
-
-    //
-
-    renderer = new WebGLRenderer({
-        antialias: true,
-        preserveDrawingBuffer: true,
-        stencil: false
-    });
-
-    renderer.shadowMap.enabled = true;
-    renderer.shadowMap.type = VSMShadowMap;
-    // renderer.shadowMap.type = BasicShadowMap;
-    renderer.sortObjects = false;
-
-    renderer.setPixelRatio(window.devicePixelRatio);
-    renderer.setSize(window.innerWidth, window.innerHeight);
-    container.appendChild(renderer.domElement);
-
-    stats = new Stats();
-    container.appendChild(stats.dom);
-
-    vgtr.__gl_context = renderer.getContext();
-    // vgtr.scene = scene
-    vgtr.on.contextAdded.add(ctx => {
-        scene.add(ctx.mesh);
-    })
-
-    build_stats();
-
-    function sample_square() {
-        const geometry = new PlaneBufferGeometry(1, 1, 100, 100);
-
-        const m = new Matrix4();
-
-        m.makeRotationX(Math.PI);
-
-        geometry.applyMatrix4(m);
-
-        createScene(geometry, cubeMaterial1, 1000);
-    }
-
-    function sample_sphere() {
-        const geometry = new SphereBufferGeometry(0.5, 200, 200);
-
-
-        createScene(geometry, cubeMaterial1, 1000);
-    }
-
-    function sample_box() {
-        const geometry = new BoxBufferGeometry(1, 1, 1, 100, 100, 100);
-
-
-        createScene(geometry, cubeMaterial1, 1000);
-    }
-
-    function sample_tetrahedron() {
-        const geometry = new OctahedronBufferGeometry(0.5, 5);
-
-
-        createScene(geometry, cubeMaterial1, 1000);
-    }
-
-    function sample_lucy() {
-        const loader = new PLYLoader();
-        loader.load("data/models/stanford/Lucy100k.ply", function (geometry) {
-
-            createScene(geometry, cubeMaterial1, 1.5);
-
-        });
-    }
-
-    function sample_isiflow_floor() {
-        const loader = new PLYLoader();
-        loader.load("moicon/isiflow_Oct_15_21/0/floor_01.ply", function (geometry) {
-
-            createScene(geometry, cubeMaterial1, 1.5);
-
-        });
-    }
-
-    function sample_lucy_28m() {
-        const loader = new PLYLoader();
-        loader.load("data/models/stanford/lucy.ply", function (geometry) {
-
-            createScene(geometry, cubeMaterial1, 1.5);
-
-        });
-    }
-
-    function sample_bunny() {
-        const loader = new PLYLoader();
-        loader.load("data/models/stanford/bun_zipper_res2.ply", function (geometry) {
-
-            createScene(geometry, cubeMaterial1, 7000);
-
-        });
-    }
-
-    function sample_dragon() {
-        const loader = new PLYLoader();
-        loader.load("data/models/stanford/dragon_recon/dragon_vrip.ply", function (geometry) {
-
-            createScene(geometry, cubeMaterial1, 7000);
-
-        });
-    }
-
-    function sample_sponza() {
-        const loader = new PLYLoader();
-        loader.load("data/models/sponza-pbr/ply/sponza.ply", function (geometry) {
-
-            createScene(geometry, cubeMaterial1, 10);
-
-        });
-    }
-
-    const loader = new GLTFLoader();
-    const dracoLoader = new DRACOLoader();
-
-    let pathname = window.location.pathname;
-    if (pathname.length > 0 && pathname.endsWith('/')) {
-        pathname = pathname.slice(0, -1);
-    }
-    dracoLoader.setDecoderPath(`${pathname}/libs/draco/`);
-    dracoLoader.setWorkerLimit(2);
-    loader.setDRACOLoader(dracoLoader);
-
-    function gltf_sample(path) {
-
-
-        return new Promise((resolve, reject) => {
-            loader.load(path, async (gltf) => {
-                const object = gltf.scene;
-                object.traverse(t => {
-                    t.castShadow = true;
-                    t.receiveShadow = true;
-                })
-
-                const r = await micron_add_object(object, false);
-                // scene.add(object);
-
-
-                // update shadowmap
-                // directionalLight.shadow.needsUpdate = true;
-
-                resolve(r);
-            });
-        });
-    }
-
-    async function gltf_grid(path, x_count = 5, y_count = 5) {
-        const grid_size = 20;
-        for (let i = 0; i < y_count; i++) {
-            for (let j = 0; j < x_count; j++) {
-                const o = await gltf_sample(path);
-
-                o.position.set(
-                    (i - y_count / 2) * grid_size,
-                    0,
-                    (j - x_count / 2) * grid_size
-                );
-
-                o.traverse(x => {
-                    x.updateMatrix();
-                    x.updateWorldMatrix(false, true);
-                });
-            }
-        }
-    }
-
-    function sample_gltf_sponza() {
-        gltf_sample('data/models/sponza-pbr/gltf/sponza.glb');
-    }
-
-    function sample_gltf_hapro_1() {
-        gltf_sample('data/models/moicon/05-ground-floor/model.gltf');
-    }
-
-    function sample_gltf_hapro_2() {
-        gltf_sample('data/models/moicon/08-clickable-assets/model.gltf');
-    }
-
-    function sample_gltf_rts_factory() {
-        gltf_sample('data/models/RTS_Buildings_Humans/18/Building_R_18_out/Building_R_18.gltf');
-    }
-
-    function sample_gltf_broken_isiflow() {
-        gltf_sample('data/models/moicon/isiflow_Oct_15_21/2/model.gltf');
-    }
-
-    // sample_gltf_sponza();
-    // gltf_sample('data/models/RTS_Buildings_Humans/18/Building_R_18_out/Building_R_18.gltf');
-    // sample_dragon();
-    // sample_gltf_hapro_2();
-    // sample_gltf_hapro_1();
-    // sample_gltf_broken_isiflow();
-    // gltf_grid('data/models/RTS_Buildings_Humans/18/Building_R_18_out/Building_R_18.gltf');
-    // gltf_sample('moicon/08-clickable-assets/model.gltf');
-    // gltf_sample('moicon/05-ground-floor/model.gltf');
-    // gltf_sample('moicon/29_Dec_2021_Nammo/1/model.gltf');
-    // gltf_sample('moicon/29_Dec_2021_Nammo/1-onematerial/model.gltf');
-    // gltf_sample('moicon/29_Dec_2021_Nammo/2/model.gltf');
-    // gltf_sample('moicon/03_Jan_22_Demo/1-ground_floor/model.gltf');
-    // gltf_sample('moicon/03_Jan_22_Demo/2-1st_floor/model.gltf');
-    // gltf_sample('moicon/03_Jan_22_Demo/3-area_ground_floor/model.gltf');
-    // gltf_sample('moicon/03_Jan_22_Demo/4-area_1st_floor/model.gltf');
-    // gltf_sample('moicon/03_Jan_22_Demo/8-assets/model.gltf');
-    // gltf_sample('moicon/03_Jan_22_Demo/worker_test/model.gltf');
-    // gltf_sample('moicon/A4/A4/model.gltf');
-    // gltf_sample('moicon/06_04_hapro/08-clickable-assets-new/model.gltf');
-    // gltf_grid('moicon/ztest_object_many_pieces/model.gltf', 3, 3);
-    // gltf_sample('moicon/ztest_object_many_pieces/model.gltf');
-    // gltf_sample('moicon/62cf22227f7b8f0012ca5988/model.gltf');
-    // gltf_sample('moicon/gnutti_not_optimized/model.gltf');
-    // gltf_grid('data/models/moicon/Kople/EVCharger1.gltf');
-    // gltf_sample('data/models/moicon/Kople/EVCharger1.gltf');
-    // gltf_sample('data/models/moicon/isiflow_Oct_15_21/0/model.gltf');
-    sample_lucy();
-    // sample_square();
-    // sample_isiflow_floor();
-
-    document.addEventListener("mousemove", onDocumentMouseMove);
-
-    //
-
-    window.addEventListener("resize", onWindowResize);
-
-// envmap
-    const genCubeUrls = function (prefix, postfix) {
-
-        return [
-            prefix + "posx" + postfix, prefix + "negx" + postfix,
-            prefix + "posy" + postfix, prefix + "negy" + postfix,
-            prefix + "posz" + postfix, prefix + "negz" + postfix
-        ];
-
-    };
-
-    const urls = genCubeUrls("data/textures/cubemaps/hip_miramar/32/", ".png");
-
-    new CubeTextureLoader().load(urls, function (cubeTexture) {
-
-        cubeTexture.encoding = sRGBEncoding;
-
-        // scene.background = new Color(0.1, 0.1, 0.1);
-        // scene.background = new ThreeColor(1, 0.3, 0.3);
-        // scene.background = new Color(0.3, 1, 0.3);
-
-        scene.background = background;
-        scene.environment = cubeTexture;
-
-
-        // const lightProbe = new LightProbe();
-        //
-        // lightProbe.copy(LightProbeGenerator.fromCubeTexture(cubeTexture));
-        // lightProbe.intensity = 1.2;
-
-        // scene.add(lightProbe);
-    });
-
-    onWindowResize();
-}
-
-function onWindowResize() {
-
-    const w = window.innerWidth;
-    const h = window.innerHeight;
-
-    windowHalfX = w / 2;
-    windowHalfY = h / 2;
-
-    camera.aspect = w / h;
-    camera.updateProjectionMatrix();
-
-    renderer.setSize(w, h);
-
-    background.repeat.set(w / 20, h / 20);
-}
-
-
-/**
- *
- * @param {THREE.BufferGeometry} geometry
- * @param {THREE.Material} m1
- * @param {number} scale
- */
-function createScene(geometry, m1, scale) {
-
-    geometry.computeVertexNormals();
-
-
-    const grid_size = 100;
-    const grid_spacing = 2000;
-
-    for (let i = 0; i < grid_size; i++) {
-        for (let j = 0; j < grid_size; j++) {
-
-            const mesh = new Mesh(geometry, m1);
-
-            mesh.scale.setScalar(scale);
-
-            mesh.position.x = grid_spacing * (i - grid_size / 2);
-            mesh.position.z = grid_spacing * (j - grid_size / 2);
-
-            mesh.frustumCulled = false;
-
-            micron_add_object(mesh);
-            // scene.add(mesh);
-        }
-    }
-
-}
-
-function createMeshOfMeshes(geometry, material, size = 1000) {
-    ensureGeometryBoundingSphere(geometry);
-    const scale = size / geometry.boundingSphere.radius;
-
-    const shape = new Mesh(geometry, material);
-    shape.scale.setScalar(scale);
-
-    meshOfMeshes({
-        shape: shape,
-        count: 50000,
-        particle: geometry,
-        particle_scale: scale / 30,
-        material: material
-    });
-}
-
-/**
- *
- * @param {Mesh} shape
- * @param {number} count
- * @param {THREE.BufferGeometry} particle
- * @param {THREE.Material} material
- * @param {number} [particle_scale]
- * @param {number} [crowding]
- */
-function meshOfMeshes({ shape, count, particle, material, particle_scale = 1, crowding = 1 }) {
-
-    ensureGeometryBoundingSphere(particle);
-
-    const shape_geometry = shape.geometry;
-
-    const normal_attribute = shape_geometry.getAttribute('normal');
-    const normal_array = normal_attribute.array;
-
-    const bvh = new BinaryNode();
-    bvh.setNegativelyInfiniteBounds();
-
-    const scratch_array = [];
-
-    const particle_bounds_radius = particle.boundingSphere.radius * particle_scale;
-
-    function place(
-        x, y, z,
-        i,
-        triangle_index, t, r,
-        a, b, c
-    ) {
-
-        if (queryBinaryNode_SphereIntersections_Data(scratch_array, 0, bvh, x, y, z, particle_bounds_radius) > 0) {
-            return;
-        }
-
-        let mesh = new Mesh(particle, material);
-
-        //read triangle points
-        const a3 = a * 3;
-
-        const ax = normal_array[a3];
-        const ay = normal_array[a3 + 1];
-        const az = normal_array[a3 + 2];
-
-        const b3 = b * 3;
-
-        const bx = normal_array[b3];
-        const by = normal_array[b3 + 1];
-        const bz = normal_array[b3 + 2];
-
-        const c3 = c * 3;
-
-        const cx = normal_array[c3];
-        const cy = normal_array[c3 + 1];
-        const cz = normal_array[c3 + 2];
-
-        // method from here: https://math.stackexchange.com/questions/538458/triangle-point-picking-in-3d
-        const cax = cx - ax;
-        const cay = cy - ay;
-        const caz = cz - az;
-
-        const bax = bx - ax;
-        const bay = by - ay;
-        const baz = bz - az;
-
-        const n_x = ax + t * bax + r * cax;
-        const n_y = ay + t * bay + r * cay;
-        const n_z = az + t * baz + r * caz;
-
-        mesh.lookAt(n_x, n_y, n_z);
-
-        mesh.scale.x = mesh.scale.y = mesh.scale.z = particle_scale;
-
-        mesh.position.x = x;
-        mesh.position.y = y;
-        mesh.position.z = z;
-
-        micron_add_object(mesh);
-
-        bvh.insert(x - particle_bounds_radius, y - particle_bounds_radius, z - particle_bounds_radius, x + particle_bounds_radius, y + particle_bounds_radius, z + particle_bounds_radius, i);
-    }
-
-    shape.updateMatrix();
-    shape.updateMatrixWorld();
-
-    distributePointsOnMesh(count, shape, shape.matrixWorld, 0, place);
-}
-
-function onDocumentMouseMove(event) {
-
-    mouseX = (event.clientX - windowHalfX) * 4;
-    mouseY = (event.clientY - windowHalfY) * 4;
-
-}
-
-//
-
-function animate() {
-
-    requestAnimationFrame(animate);
-
-    render();
-    stats.update();
-
-}
-
-
-function print_perf_stats() {
-
-    const values = [];
-
-    const stats = new MetricStatistics();
-    metrics.list().forEach(m => {
-        const metric = metrics.get(m);
-
-        metric.computeStats(stats);
-
-        values.push(`${m}: ${prettyPrint(stats.mean)}`);
-    });
-
-    console.log(values.join(", "));
-
-    metrics.clear();
-}
-
-setInterval(print_perf_stats, 2000);
-
-// scene.onBeforeRender = do_vgrt_update;
-
-/**
- *
- * @param {WebGLRenderer} renderer
- * @param {Scene} scene
- * @param {Camera} camera
- */
-function do_vgrt_update(renderer, scene, camera) {
-    if (!camera.isPerspectiveCamera) {
-        debugger;
-    }
-    const t0 = performance.now();
-    vgtr.update(renderer, camera);
-    const t1 = performance.now();
-    vgtr.render();
-
-    const t2 = performance.now();
-    metrics.get("vg_build").record(t1 - t0);
-    metrics.get("adapter_update").record(t2 - t1);
-}
-
-shadowmapRenderer.onBeforeRender.add((renderer, camera, scene) => {
-    vgtr.update(renderer, camera);
-    vgtr.render();
-});
-
-
-function render() {
-    if (orbitControls !== undefined) {
-        orbitControls.update();
-    }
-    // micron_vis_mesh.traverse(v => {
-    //     if (v.isMesh) {
-    //         v.geometry.dispose();
-    //     }
-    // });
-    // micron_vis_mesh.children.splice(0, micron_vis_mesh.children.length);
-
-    const timer = -0.0002 * Date.now();
-    // const timer = 3;
-
-    pointLight.position.x = 10000 * Math.cos(timer);
-    pointLight.position.z = 10000 * Math.sin(timer);
-
-    // const resolution = new Vector2();
-    // renderer.getSize(resolution);
-    //
-    // const pixelRatio = renderer.getPixelRatio();
-    // vg_builder.resolution.set(resolution.x * pixelRatio, resolution.y * pixelRatio);
-    // vg_builder.setMatricesFromCamera(camera);
-    // vg_builder.setOutput(vg_instance);
-
-    // vg_builder.build();
-
-    // const active_patches = vg_instance.patches.slice(0, vg_instance.patch_count);
-
-    // micron_vis_mesh.add(buildPatchMesh(active_patches.map(x => x.patch)));
-    //
-    // scene.traverse(o => {
-    //     if (o['@micron'] === true) {
-    //         o.update();
-    //     }
-    // });
-
-    // do_vgrt_update(renderer,scene,camera);
-    const light = directionalLight;
-    const shadow = light.shadow;
-
-    // shadow.needsUpdate = true;
-    // shadowmapRenderer.update(renderer, shadow, scene, camera, light);
-
-    do_vgrt_update(renderer, scene, camera);
-
-    renderer.render(scene, camera);
-
-
-    //
-    // const polycount = active_patches.reduce((v, x) => v + x.patch.polygon_count, 0);
-
-    // console.log(`patches:${active_patches.length}, polycount:${polycount}`);
-}
-
-const raycast_handler = ({ clientX, clientY }) => {
-    const direction = new Vector3();
-
-    const viewport_size = new Vector2();
-
-    renderer.getSize(viewport_size);
-
-    const v2_nx = (clientX / viewport_size.x) * 2 - 1;
-    const v2_ny = -(clientY / viewport_size.y) * 2 + 1;
-
-    direction.set(v2_nx, v2_ny, 0.5);
-
-    direction.unproject(camera);
-
-    direction.sub(camera.position);
-
-    direction.normalize();
-
-    const origin_x = camera.position.x;
-    const origin_y = camera.position.y;
-    const origin_z = camera.position.z;
-
-    const direction_x = direction.x;
-    const direction_y = direction.y;
-    const direction_z = direction.z;
-
-    const hits = [];
-    scene.traverse(o => {
-        if (o.isMicronMesh) {
-            /**
-             * @type {MicronGeometry}
-             */
-            const micron_geo = o.geometry;
-
-            const scratch_m4 = new Float32Array(16);
-
-            // get transform in local space
-            mat4.invert(scratch_m4, o.matrixWorld);
-
-            // transform ray to local space
-            const local_origin_x = scratch_m4[0] * origin_x + scratch_m4[4] * origin_y + scratch_m4[8] * origin_z + scratch_m4[12];
-            const local_origin_y = scratch_m4[1] * origin_x + scratch_m4[5] * origin_y + scratch_m4[9] * origin_z + scratch_m4[13];
-            const local_origin_z = scratch_m4[2] * origin_x + scratch_m4[6] * origin_y + scratch_m4[10] * origin_z + scratch_m4[14];
-
-            const local_direction_x = scratch_m4[0] * direction_x + scratch_m4[4] * direction_y + scratch_m4[8] * direction_z;
-            const local_direction_y = scratch_m4[1] * direction_x + scratch_m4[5] * direction_y + scratch_m4[9] * direction_z;
-            const local_direction_z = scratch_m4[2] * direction_x + scratch_m4[6] * direction_y + scratch_m4[10] * direction_z;
-            // NOTE: direction is not normalized
-
-            const point = micron_geo.raycast(local_origin_x, local_origin_y, local_origin_z, local_direction_x, local_direction_y, local_direction_z);
-
-            Array.prototype.push.apply(hits, point.map(p => {
-                return { position: p.position.toJSON(), geometry: micron_geo.id, instance: o.id };
-            }));
-        }
-    });
-
-    if (hits.length > 0) {
-        console.log(`HITS: ${hits.map(JSON.stringify).join(',')}`);
-    }
-};
-
-// window.document.body.addEventListener(MouseEvents.Move, raycast_handler);
-