@woosh/meep-engine 2.35.15 → 2.35.16

package/core/collection/array/typed/uint_array_for_count.js

@@ -0,0 +1,17 @@
+/**
+ *
+ * @param {number} count
+ * @returns {function}
+ */
+export function UintArrayForCount(count) {
+
+    if (count <= 256) {
+        return Uint8Array;
+    } else if (count <= 65536) {
+        return Uint16Array;
+    } else if (count <= 4294967295) {
+        return Uint32Array;
+    } else {
+        throw new Error(`Unsupported size ${count}`)
+    }
+}

package/engine/graphics/micron/build/fill_patch_geometry_data.js

@@ -1,10 +1,3 @@
-/**
- *
- * @param {number} count
- * @returns {Function}
- * @constructor
- */
-
 import { DataType } from "../../../../core/collection/table/DataType.js";
 import { passThrough } from "../../../../core/function/Functions.js";
 import { to_half_float_uint16 } from "../../../../core/binary/to_half_float_uint16.js";
@@ -12,17 +5,7 @@ import { compute_micron_buffer_array_constructor } from "./compute_micron_buffer
 import { typedArrayToDataType } from "../../../../core/collection/array/typedArrayToDataType.js";
 import { dataTypeByteSize } from "../../../../core/collection/table/DataTypeByteSizes.js";
 import { clamp } from "../../../../core/math/clamp.js";
-
-function UintArrayForCount(count) {
-
-    if (count <= 256) {
-        return Uint8Array;
-    } else if (count <= 65536) {
-        return Uint16Array;
-    } else {
-        throw new Error(`Unsupported size ${count}`)
-    }
-}
+import { UintArrayForCount } from "../../../../core/collection/array/typed/uint_array_for_count.js";
 
 /**
  * @param {number} vertex_count

package/engine/graphics/micron/format/MicronGeometry.js

@@ -5,6 +5,7 @@ import { SurfacePoint3 } from "../../../../core/geom/3d/SurfacePoint3.js";
 import { aabb3_array_intersects_ray } from "../../../../core/bvh2/aabb3/aabb3_array_intersects_ray.js";
 import { sphere_array_intersects_ray } from "../../../../core/geom/3d/sphere/sphere_array_intersects_ray.js";
 import { BitSet } from "../../../../core/binary/BitSet.js";
+import { micron_build_proxy_geometry } from "./micron_build_proxy_geometry.js";
 
 let id_counter = 0;
 
@@ -286,11 +287,13 @@ export class MicronGeometry {
 
     /**
      * Build geometry proxy from the patches
-     * @param {number} fraction percentage of the original geometry to keep
-     * @param {number} min minimum number of triangles to keep, this will be respected first before percentage value
+     * @param {number} [fraction] percentage of the original geometry to keep
+     * @param {number} [min] minimum number of triangles to keep, this will be respected first before percentage value
      */
-    buildProxy(fraction, min) {
-        throw new Error('Not Implemented');
+    buildProxy(fraction = 0.05, min = 2048) {
+        const bufferGeometry = micron_build_proxy_geometry(this, fraction, min);
+
+        this.__proxy = bufferGeometry;
     }
 
     computeByteSize() {

package/engine/graphics/micron/format/micron_build_proxy_geometry.js

@@ -0,0 +1,203 @@
+//
+
+import BinaryHeap from "../../../navigation/grid/FastBinaryHeap.js";
+import { BufferAttribute, BufferGeometry } from "three";
+import { UintArrayForCount } from "../../../../core/collection/array/typed/uint_array_for_count.js";
+import { compute_typed_array_constructor_from_data_type } from "../../../../core/collection/table/DataType2TypedArrayConstructorMapping.js";
+import { BitSet } from "../../../../core/binary/BitSet.js";
+import { min2 } from "../../../../core/math/min2.js";
+import { max2 } from "../../../../core/math/max2.js";
+
+/**
+ *
+ * @param {MicronGeometry} micron_geometry
+ * @param {number} fraction
+ * @param {number} min_face_count
+ * @returns {MicronGeometryPatch[]}
+ */
+function collect_patches(micron_geometry, fraction, min_face_count) {
+    /**
+     *
+     * @type {BinaryHeap<MicronGeometryPatch>}
+     */
+    const heap = new BinaryHeap(patch => {
+        // LOD is a good proxy for how much detail there is in a patch
+        return -patch.lod;
+    });
+
+    let closed_set = new BitSet();
+
+    let current_polycount = 0;
+
+    /**
+     *
+     * @param {MicronGeometryPatch} patch
+     */
+    function add(patch) {
+
+        closed_set.set(patch.id, true);
+
+        heap.push(patch);
+
+        current_polycount += patch.polygon_count;
+    }
+
+    /**
+     *
+     * @param {MicronGeometryPatch} patch
+     */
+    function refine(patch) {
+        const children = patch.children;
+        const child_count = children.length;
+
+
+        for (let i = 0; i < child_count; i++) {
+            const child = children[i];
+
+            if (closed_set.get(child.id)) {
+                // already refined
+                continue;
+            }
+
+            add(child);
+
+            const parents = child.parents;
+
+            const parent_count = parents.length;
+            for (let j = 0; j < parent_count; j++) {
+                const parent = parents[j];
+
+                if (parent === parent) {
+                    continue;
+                }
+
+                // remove and refine other patches in the same group
+                if (heap.delete(parent)) {
+                    refine(parent);
+                }
+            }
+        }
+    }
+
+    add(micron_geometry.root);
+
+    const target_polycount_threshold = max2(
+        micron_geometry.source_triangle_count * fraction,
+        min2(
+            min_face_count,
+            micron_geometry.source_triangle_count
+        )
+    );
+
+    while (current_polycount < target_polycount_threshold) {
+        const p = heap.peek();
+
+        if (p === undefined || p.lod === 0) {
+            // no refinement possible
+            break;
+        }
+
+        heap.pop();
+
+        current_polycount -= p.polygon_count;
+
+        refine(p);
+    }
+
+    const result = [];
+
+    // collect
+    while (!heap.isEmpty()) {
+        result.push(heap.pop());
+    }
+
+    return result;
+}
+
+/**
+ *
+ * @param {MicronGeometryPatch[]} patches
+ * @param {VertexDataSpec} vertex_spec
+ * @returns {THREE.BufferGeometry}
+ */
+function assemble_patches_to_geometry(patches, vertex_spec) {
+    const geo = new BufferGeometry();
+
+    //compute total number of vertices and faces
+    let total_faces = 0;
+    let total_vertices = 0;
+
+    for (let i = 0; i < patches.length; i++) {
+        const patch = patches[i];
+
+        total_faces += patch.polygon_count;
+        total_vertices += patch.vertex_count;
+    }
+
+    const index_data = new (UintArrayForCount(total_vertices))(total_faces * 3);
+
+    geo.setIndex(new BufferAttribute(index_data, 1, false));
+
+    const attribute_arrays = [];
+
+    const attribute_specs = vertex_spec.attributes;
+    const attribute_count = attribute_specs.length;
+    for (let i = 0; i < attribute_count; i++) {
+        const attribute = attribute_specs[i];
+
+        const TA = compute_typed_array_constructor_from_data_type(attribute.type);
+
+        const attribute_data = new TA(total_vertices * 3);
+
+        attribute_arrays[i] = attribute_data;
+
+        geo.setAttribute(attribute.name, new BufferAttribute(attribute_data, attribute.itemSize, attribute.normalized));
+    }
+
+    let index_cursor = 0;
+    let vertex_cursor = 0;
+
+    // add patches to resulting geometry
+    for (let i = 0; i < patches.length; i++) {
+        const patch = patches[i];
+
+        const local_index_size = patch.polygon_count * 3;
+
+        // copy transformed indices
+        for (let j = 0; j < local_index_size; j++) {
+            const local_index = patch.face_indices[j];
+
+            index_data[index_cursor + j] = local_index + vertex_cursor;
+        }
+
+        // copy vertex data
+
+        for (let j = 0; j < attribute_count; j++) {
+            const attribute_destination = attribute_arrays[j];
+
+            const attribute_source = patch.vertex_attribute_arrays[j];
+            const destination_offset = vertex_cursor * attribute_specs[j].itemSize;
+
+            attribute_destination.set(attribute_source, destination_offset);
+        }
+
+        vertex_cursor += patch.vertex_count;
+        index_cursor += local_index_size;
+    }
+
+    return geo;
+}
+
+
+/**
+ *
+ * @param {MicronGeometry} micron_geometry
+ * @param {number} fraction
+ * @param {number} [min_face_count]
+ * @returns {THREE.BufferGeometry}
+ */
+export function micron_build_proxy_geometry(micron_geometry, fraction, min_face_count = 128) {
+    const patches = collect_patches(micron_geometry, fraction, min_face_count);
+
+    return assemble_patches_to_geometry(patches, micron_geometry.vertex_spec);
+}

package/engine/graphics/micron/plugin/GLTFAssetTransformer.js

@@ -35,6 +35,25 @@ function max_polycount(object) {
     return r;
 }
 
+/**
+ *
+ * @param {THREE.Object3D} object
+ */
+function ensureProxy(object) {
+    if (object.isMicronMesh) {
+
+        /**
+         * @type {MicronGeometry}
+         */
+        const micron_geo = object.geometry;
+
+        if (micron_geo.proxy === null) {
+            // proxy geometry doesn't exist, build one
+            micron_geo.buildProxy();
+        }
+    }
+}
+
 export class GLTFAssetTransformer extends AssetTransformer {
     /**
      *
@@ -171,6 +190,8 @@ export class GLTFAssetTransformer extends AssetTransformer {
 
         source.override_mesh = micron_root;
 
+        traverseThreeObject(micron_root, ensureProxy);
+
         return source;
     }
 }

package/engine/graphics/micron/prototypeMicronProxyBuild.js

@@ -0,0 +1,227 @@
+import { PLYLoader } from "three/examples/jsm/loaders/PLYLoader.js";
+import {
+    AmbientLight,
+    CubeTextureLoader,
+    DirectionalLight,
+    FrontSide,
+    Mesh,
+    MeshBasicMaterial,
+    MeshStandardMaterial,
+    PerspectiveCamera,
+    PointLight,
+    RepeatWrapping,
+    Scene,
+    SphereGeometry,
+    sRGBEncoding,
+    TextureLoader,
+    VSMShadowMap,
+    WebGLRenderer
+} from "three";
+import Stats from "three/examples/jsm/libs/stats.module.js";
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
+import { buildMicronGeometryFromBufferGeometry } from "./build/buildMicronGeometryFromBufferGeometry.js";
+
+const background = new TextureLoader().load('data/textures/utility/checkers_white_grey_256x256.png');
+background.repeat.set(50, 30);
+background.wrapS = RepeatWrapping;
+background.wrapT = RepeatWrapping;
+
+let container, stats;
+
+let camera, scene, renderer;
+let directionalLight;
+let pointLight;
+
+let windowHalfX = window.innerWidth / 2;
+let windowHalfY = window.innerHeight / 2;
+
+
+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.updateProjectionMatrix();
+
+
+    scene.add(directionalLight);
+    // material samples
+
+    const cubeMaterial1 = new MeshStandardMaterial({
+        wireframe: false,
+        side: FrontSide,
+        color: 0xffffff
+    });
+
+    //
+
+    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);
+
+
+    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();
+
+    new PLYLoader().load("data/models/stanford/Lucy100k.ply", async geometry => {
+        geometry.computeVertexNormals();
+
+        const source = new Mesh(geometry, new MeshStandardMaterial({ color: 0xFFFFFF }));
+
+        const micron_g = await buildMicronGeometryFromBufferGeometry(geometry);
+
+        micron_g.buildProxy();
+
+        const proxy = new Mesh(micron_g.proxy, new MeshStandardMaterial({ color: 0xFF0000 }));
+
+        source.position.x += 700;
+        proxy.position.x -= 700;
+
+        console.warn(geometry, micron_g);
+
+        scene.add(source);
+        scene.add(proxy);
+    })
+}
+
+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);
+}
+
+function animate() {
+
+    requestAnimationFrame(animate);
+
+    render();
+    stats.update();
+
+}
+
+function render() {
+    if (orbitControls !== undefined) {
+        orbitControls.update();
+    }
+
+    const timer = -0.0002 * Date.now();
+
+    pointLight.position.x = 10000 * Math.cos(timer);
+    pointLight.position.z = 10000 * Math.sin(timer);
+
+    renderer.render(scene, camera);
+}
+
+init();
+const orbitControls = new OrbitControls(camera, container);
+animate();

package/engine/navigation/grid/FastBinaryHeap.js

@@ -6,12 +6,15 @@ import { assert } from "../../../core/assert.js";
  */
 class BinaryHeap {
     /**
-     * @template T
-     * @param {function(T):number} scoreFunction
+     * @param {(T)=>number} scoreFunction
      * @constructor
      */
     constructor(scoreFunction) {
 
+        /**
+         *
+         * @type {function(T): number}
+         */
         this.scoreFunction = scoreFunction;
 
         /**
@@ -165,6 +168,14 @@ class BinaryHeap {
         }
     }
 
+    /**
+     *
+     * @returns {T|undefined}
+     */
+    peek() {
+        return this.data[0];
+    }
+
     /**
      *
      * @param {T} node

package/package.json

@@ -5,7 +5,7 @@
   "productName": "Meep",
   "description": "production-ready JavaScript game engine based on Entity Component System Architecture",
   "author": "Alexander Goldring",
-  "version": "2.35.15",
+  "version": "2.35.16",
   "dependencies": {
     "gl-matrix": "3.4.3",
     "fast-levenshtein": "2.0.6",