@woosh/meep-engine 2.75.4 → 2.75.6

package/src/engine/graphics/sh3/LightProbeVolume.js

@@ -3,6 +3,7 @@ import {
     LinearEncoding,
     LinearFilter,
     LineBasicMaterial,
+    MeshStandardMaterial,
     RGBAFormat,
     Scene,
     WebGLCubeRenderTarget
@@ -19,6 +20,9 @@ import {
 } from "../../../core/geom/3d/tetrahedra/delaunay/compute_delaunay_tetrahedral_mesh.js";
 import { TetrahedralMesh } from "../../../core/geom/3d/tetrahedra/TetrahedralMesh.js";
 import { v3_length_sqr } from "../../../core/geom/vec3/v3_length_sqr.js";
+import TaskGroup from "../../../core/process/task/TaskGroup.js";
+import { actionTask } from "../../../core/process/task/util/actionTask.js";
+import { countTask } from "../../../core/process/task/util/countTask.js";
 import Entity from "../../ecs/Entity.js";
 import { Transform } from "../../ecs/transform/Transform.js";
 import { threeMakeLight } from "../ecs/light/binding/three/threeMakeLight.js";
@@ -229,15 +233,15 @@ class CubeRenderer {
             const source_material = sg.material;
 
             //
-            // if (source_material.isMeshStandardMaterial === true) {
-            //     object3D.material = new MeshStandardMaterial({
-            //         map: source_material.map,
-            //     });
-            //
-            //     object3D.material.color.copy(source_material.color);
-            // } else {
-            object3D.material = source_material.clone();
-            // }
+            if (source_material.isMeshStandardMaterial === true) {
+                object3D.material = new MeshStandardMaterial({
+                    map: source_material.map,
+                });
+
+                object3D.material.color.copy(source_material.color);
+            } else {
+                object3D.material = source_material.clone();
+            }
 
             applyTransformToThreeObject(object3D, t);
 
@@ -507,30 +511,46 @@ export class LightProbeVolume {
     /**
      * Bake light probes
      * @param {Engine} engine
+     * @returns {TaskGroup}
      */
     bake(engine) {
         const baker = new Baker();
         // baker.set_bvh(entityManager.getSystem(ShadedGeometrySystem).__bvh_binary);
 
-        baker.prepare(engine);
 
-        const t0 = performance.now();
+        const tPrepare = actionTask(() => {
+            baker.prepare(engine);
+        });
 
 
-        for (let i = 0; i < this.__length; i++) {
+        const probe_count = this.__length;
+        const tBake = countTask(0, probe_count, (i) => {
 
             baker.bake_sh3_cube(
                 this.__positions, i * 3,
                 this.__probe_data, i * 9 * 3
             );
 
-        }
+        });
 
-        const t1 = performance.now();
+        tBake.promise().then(()=>{
+
+            const duration =tBake.__executedCpuTime;
+
+            console.log(`Baked ${probe_count} probes in ${duration}ms, ~${(duration / probe_count).toFixed(2)}ms per probe`);
+
+        })
+
+        const tFinish = actionTask(() => {
+            baker.finish();
+        });
 
-        console.log(`Baked ${this.__length} probes in ${(t1 - t0)}ms, ~${((t1 - t0) / this.__length).toFixed(2)}ms per probe`);
+        tFinish.addDependency(tBake);
+        tBake.addDependency(tPrepare);
 
-        baker.finish();
+        return new TaskGroup([
+            tPrepare, tBake, tFinish
+        ]);
     }
 
     /**
@@ -580,9 +600,10 @@ export class LightProbeVolume {
     /**
      *
      * @param {Engine} engine
+     * @returns {TaskGroup}
      */
     build(engine) {
         this.build_mesh();
-        this.bake(engine);
+        return this.bake(engine);
     }
 }

package/src/engine/graphics/sh3/path_tracer/prototypePathTracer.js

@@ -1,6 +1,4 @@
-import EmptyView from "../../../../view/elements/EmptyView.js";
-import { CanvasView } from "../../../../view/elements/CanvasView.js";
-import { PathTracer } from "./PathTracer.js";
+import { mat4, vec3 } from "gl-matrix";
 import {
     Box3,
     MeshStandardMaterial,
@@ -9,35 +7,37 @@ import {
     PlaneBufferGeometry,
     Sphere
 } from "three";
-import { Sampler2D } from "../../texture/sampler/Sampler2D.js";
-import sampler2D2Canvas from "../../texture/sampler/Sampler2D2Canvas.js";
-import { ray3_array_compose } from "../../../../core/geom/3d/ray/ray3_array_compose.js";
-import { Transform } from "../../../ecs/transform/Transform.js";
-import { float2uint8 } from "../../../../core/binary/float2uint8.js";
 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { Camera } from "../../ecs/camera/Camera.js";
+import { PLYLoader } from "three/examples/jsm/loaders/PLYLoader.js";
+
+import '../../../../../../../../css/game.scss';
+import { float2uint8 } from "../../../../core/binary/float2uint8.js";
+import { Color } from "../../../../core/color/Color.js";
+import { kelvin_to_rgb } from "../../../../core/color/kelvin/kelvin_to_rgb.js";
+import { noop } from "../../../../core/function/Functions.js";
+import { ray3_array_compose } from "../../../../core/geom/3d/ray/ray3_array_compose.js";
+import Quaternion from "../../../../core/geom/Quaternion.js";
+import { v3_distance } from "../../../../core/geom/vec3/v3_distance.js";
 import Vector3 from "../../../../core/geom/Vector3.js";
-import { sampler2d_scale } from "../../texture/sampler/resize/sampler2d_scale.js";
+import { Localization } from "../../../../core/localization/Localization.js";
+import { min2 } from "../../../../core/math/min2.js";
 import { seededRandom } from "../../../../core/math/random/seededRandom.js";
-import { mat4, vec3 } from "gl-matrix";
-import { v3_distance } from "../../../../core/geom/vec3/v3_distance.js";
+import { number_pretty_print } from "../../../../core/primitives/numbers/number_pretty_print.js";
 import ConcurrentExecutor from "../../../../core/process/executor/ConcurrentExecutor.js";
 import Task from "../../../../core/process/task/Task.js";
 import { TaskSignal } from "../../../../core/process/task/TaskSignal.js";
-import Quaternion from "../../../../core/geom/Quaternion.js";
-import TaskProgressView from "../../../../view/task/TaskProgressView.js";
-import { Localization } from "../../../../core/localization/Localization.js";
-
-import '../../../../../../../../css/game.scss';
+import { CanvasView } from "../../../../view/elements/CanvasView.js";
+import EmptyView from "../../../../view/elements/EmptyView.js";
+import { Transform } from "../../../ecs/transform/Transform.js";
 import { MouseEvents } from "../../../input/devices/events/MouseEvents.js";
-import { PLYLoader } from "three/examples/jsm/loaders/PLYLoader.js";
-import { noop } from "../../../../core/function/Functions.js";
-import { Color } from "../../../../core/color/Color.js";
-import { min2 } from "../../../../core/math/min2.js";
+import { makeSimpleTaskProgressView } from "../../../makeSimpleTaskProgressView.js";
+import { Camera } from "../../ecs/camera/Camera.js";
 import { makeGeometryIndexed } from "../../geometry/buffered/makeGeometryIndexed.js";
 import { DirectionalLight } from "../../render/forward_plus/model/DirectionalLight.js";
-import { kelvin_to_rgb } from "../../../../core/color/kelvin/kelvin_to_rgb.js";
-import { number_pretty_print } from "../../../../core/primitives/numbers/number_pretty_print.js";
+import { sampler2d_scale } from "../../texture/sampler/resize/sampler2d_scale.js";
+import { Sampler2D } from "../../texture/sampler/Sampler2D.js";
+import sampler2D2Canvas from "../../texture/sampler/Sampler2D2Canvas.js";
+import { PathTracer } from "./PathTracer.js";
 
 document.body.style.margin = 0;
 document.body.style.overflow = "hidden";
@@ -569,20 +569,11 @@ async function start_renderer(camera) {
         const t = make_render_task();
 
 
-        const vProgress = new TaskProgressView({
+        const vProgress =makeSimpleTaskProgressView({
             task: t,
+            size:vContainer.size,
             localization: loc
-        });
-
-        vProgress.size.set(vContainer.size.x, vContainer.size.y);
-        vProgress.css({
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            pointerEvents: "none"
-        });
-        vProgress.el.querySelector('.fill').style.background = 'rgb(255,220,94)';
-        vProgress.el.querySelector('.progress-bar').style.height = '8px';
+        })
 
         vContainer.addChild(vProgress);
 

package/src/engine/graphics/sh3/prototypeSH3Probe.js

@@ -1,10 +1,3 @@
-import { EngineHarness } from "../../EngineHarness.js";
-import { seededRandom } from "../../../core/math/random/seededRandom.js";
-import { ShadedGeometrySystem } from "../ecs/mesh-v2/ShadedGeometrySystem.js";
-import { GizmoRenderingPlugin } from "../render/gizmo/GizmoRenderingPlugin.js";
-import { LightProbeVolume } from "./LightProbeVolume.js";
-import Entity from "../../ecs/Entity.js";
-import { ShadedGeometry } from "../ecs/mesh-v2/ShadedGeometry.js";
 import {
     ClampToEdgeWrapping,
     DataTexture,
@@ -15,23 +8,38 @@ import {
     RGBAFormat,
     UnsignedByteType
 } from "three";
-import { Transform } from "../../ecs/transform/Transform.js";
-import Vector3 from "../../../core/geom/Vector3.js";
+import '../../../../../../../css/game.scss';
 import { BinaryBuffer } from "../../../core/binary/BinaryBuffer.js";
-import { is_typed_array_equals } from "../../../core/collection/array/typed/is_typed_array_equals.js";
 import { array_copy } from "../../../core/collection/array/array_copy.js";
+import { is_typed_array_equals } from "../../../core/collection/array/typed/is_typed_array_equals.js";
+import { AABB3 } from "../../../core/geom/3d/aabb/AABB3.js";
+import { make_justified_point_grid } from "../../../core/geom/3d/util/make_justified_point_grid.js";
+import Vector2 from "../../../core/geom/Vector2.js";
+import Vector3 from "../../../core/geom/Vector3.js";
 import { randomFloatBetween } from "../../../core/math/random/randomFloatBetween.js";
+import { seededRandom } from "../../../core/math/random/seededRandom.js";
+import { delay } from "../../../core/process/delay.js";
 import { GLTFAssetLoader } from "../../asset/loaders/GLTFAssetLoader.js";
-import { three_object_to_entity_composition } from "../ecs/mesh-v2/three_object_to_entity_composition.js";
+import Entity from "../../ecs/Entity.js";
+import GUIElement from "../../ecs/gui/GUIElement.js";
+import GUIElementSystem from "../../ecs/gui/GUIElementSystem.js";
+import ViewportPosition from "../../ecs/gui/position/ViewportPosition.js";
+import ViewportPositionSystem from "../../ecs/gui/position/ViewportPositionSystem.js";
 import { TransformAttachmentSystem } from "../../ecs/transform-attachment/TransformAttachmentSystem.js";
-import { ShadedGeometryFlags } from "../ecs/mesh-v2/ShadedGeometryFlags.js";
-import { AABB3 } from "../../../core/geom/3d/aabb/AABB3.js";
-import { delay } from "../../../core/process/delay.js";
-import { make_justified_point_grid } from "../../../core/geom/3d/util/make_justified_point_grid.js";
-import LightSystem from "../ecs/light/LightSystem.js";
+import { Transform } from "../../ecs/transform/Transform.js";
+import { EngineHarness } from "../../EngineHarness.js";
+import { makeSimpleTaskProgressView } from "../../makeSimpleTaskProgressView.js";
 import { Light } from "../ecs/light/Light.js";
+import LightSystem from "../ecs/light/LightSystem.js";
 import { LightType } from "../ecs/light/LightType.js";
-import { load_and_set_cubemap_v0 } from "../load_and_set_cubemap_v0.js";
+import { SGMesh } from "../ecs/mesh-v2/aggregate/SGMesh.js";
+import { SGMeshSystem } from "../ecs/mesh-v2/aggregate/SGMeshSystem.js";
+import { ShadedGeometry } from "../ecs/mesh-v2/ShadedGeometry.js";
+import { ShadedGeometryFlags } from "../ecs/mesh-v2/ShadedGeometryFlags.js";
+import { ShadedGeometrySystem } from "../ecs/mesh-v2/ShadedGeometrySystem.js";
+import { three_object_to_entity_composition } from "../ecs/mesh-v2/three_object_to_entity_composition.js";
+import { GizmoRenderingPlugin } from "../render/gizmo/GizmoRenderingPlugin.js";
+import { LightProbeVolume } from "./LightProbeVolume.js";
 
 /**
  *
@@ -174,6 +182,118 @@ function make_test_texture(t = 1) {
     return tex;
 }
 
+/**
+ *
+ * @param {Engine} engine
+ * @param {EntityComponentDataset} ecd
+ * @param {AABB3} bounds
+ */
+async function build_probes(engine, ecd, bounds) {
+
+    const lpv = new LightProbeVolume();
+
+    // lpv.add_point(10, 5, 10);
+
+    const desired_density = 10;
+
+
+    // const light_volume_bounds = new AABB3(-10, 0.5, -10, 10, 11, 10);
+    const probe_grid_spacing_dense = Math.min(bounds.getExtentsX(), bounds.getExtentsY(), bounds.getExtentsZ()) / desired_density;
+    const probe_grid_spacing_sparse = Math.max(bounds.getExtentsX(), bounds.getExtentsY(), bounds.getExtentsZ()) / desired_density;
+
+    const probe_grid_spacing = (probe_grid_spacing_sparse / probe_grid_spacing_dense) < 2 ? probe_grid_spacing_dense : probe_grid_spacing_sparse * 0.5;
+    //
+    // const probe_grid_spacing =desired_density/ (mesh_asset.boundingBox.getExtentsX()* mesh_asset.boundingBox.getExtentsY()* mesh_asset.boundingBox.getExtentsZ());
+
+    const model_bounds = new AABB3(-10, 0.5, -10, 10, 11, 10);
+    model_bounds.copy(bounds);
+    // model_bounds._translate(composition.transform.position.x, composition.transform.position.y, composition.transform.position.z);
+    model_bounds.grow(probe_grid_spacing * 1.1);
+
+
+    // sg_hierarchy_compute_bounding_box_via_parent_entity(light_volume_bounds, composition.entity.entity, ecd);
+
+    // for (let i = 0; i < 100; i++) {
+    //     lpv.add_point(
+    //         randomFloatBetween(random, light_volume_bounds.x0, light_volume_bounds.x1),
+    //         randomFloatBetween(random,  light_volume_bounds.y0, light_volume_bounds.y1),
+    //         randomFloatBetween(random,  light_volume_bounds.z0, light_volume_bounds.z1),
+    //     );
+    // }
+
+    make_justified_point_grid(model_bounds, probe_grid_spacing, (x, y, z) => {
+        lpv.add_point(x, y, z);
+    });
+
+    // lpv.add_point(10, 1, -10);
+
+    await delay(2000);
+
+    //
+    // console.profile('lpv build');
+    //
+    const task = lpv.build(engine);
+    // console.profileEnd('lpv build');
+
+    const progress = makeSimpleTaskProgressView({
+        task,
+        localization: engine.localization,
+        size: new Vector2(512, 64)
+    });
+
+    const progress_entity = new Entity();
+    progress_entity
+        .add(GUIElement.fromView(progress))
+        .add(ViewportPosition.fromJSON({
+            position: new Vector2(0, 1),
+            anchor: new Vector2(0, 1),
+            offset: new Vector2(16, -16)
+        }))
+        .build(ecd);
+
+    task.promise().finally(() => progress_entity.destroy())
+
+    engine.executor.runGroup(task);
+
+    // fill probes with random data
+    // for (let i = 0; i < lpv.__length * 27; i++) {
+    //     lpv.__probe_data[i] = random();
+    // }
+
+    // for (let i = 0; i < lpv.__length; i++) {
+    //
+    //     for (let j = 0; j < 9; j++) {
+    //         lpv.__probe_data[(i * 9 + j) * 3] = max2(0, (lpv.__positions[i * 3] + 10) / 20);
+    //         lpv.__probe_data[(i * 9 + j) * 3 + 1] = max2(0, (lpv.__positions[i * 3 + 1] - 0.5) / 10.5);
+    //         lpv.__probe_data[(i * 9 + j) * 3 + 2] = max2(0, (lpv.__positions[i * 3 + 2] + 10) / 20);
+    //     }
+    // }
+
+    // lpv.white_probe(0, [
+    //     0.7953949, 0.4405923, 0.5459412,
+    //     0.3981450, 0.3526911, 0.6097158,
+    //     -0.3424573, -0.1838151, -0.2715583,
+    //
+    //     -0.2944621, -0.0560606, 0.0095193,
+    //     -0.1123051, -0.0513088, -0.1232869,
+    //     -0.2645007, -0.2257996, -0.4785847,
+    //
+    //     -0.1569444, -0.0954703, -0.1485053,
+    //     0.5646247, 0.2161586, 0.1402643,
+    //     0.2137442, -0.0547578, -0.3061700], 0);
+
+
+    // lpv.visualize_mesh({ ecd: ecd });
+
+    task.promise().then(() => {
+
+        lpv.visualize_probes({ ecd: ecd, size: probe_grid_spacing * 0.08 });
+
+    })
+
+    console.log(lpv);
+}
+
 /**
  *
  * @param {Engine} engine
@@ -184,30 +304,41 @@ async function main(engine) {
         engine,
         enableWater: false,
         enableTerrain: false,
-        enableLights: false,
-        // enableLights: true,
+        // enableLights: false,
+        enableLights: true,
         cameraFarDistance: 200,
         focus: { x: 0, y: 0, z: 0 },
         pitch: 1,
         yaw: -1.54,
         distance: 54,
-        shadowmapResolution: 4096
+        // shadowmapResolution: 4096
     });
-    load_and_set_cubemap_v0(engine.graphics, 'data/textures/cubemaps/hip_miramar/32/', '.png');
+
+    engine.graphics.getRenderer().setClearColor('#1e3441', 1);
+
+    // load_and_set_cubemap_v0(engine.graphics, 'data/textures/cubemaps/hip_miramar/32/', '.png');
 
     const ecd = engine.entityManager.dataset;
 
 
     // const path = 'data/models/LowPolyTownshipSet/Small_house/Small_house.gltf';
-    const path = 'data/models/sibenik/model.gltf';
+    // const path = 'data/models/sibenik/2/model.gltf';
+    const path = 'data/models/vokselia_spawn/model.gltf';
     // const path = 'data/models/sponza-pbr/gltf/sponza.glb';
     // const path = 'data/models/LowPolyTownshipSet/Town_Hall/model.gltf';
     // const path = 'data/models/Slaughter Mech/Slaugter Mech.gltf';
 
-    const mesh_asset = await engine.assetManager.promise(path, 'gltf');
+    const mesh_asset = await engine.assetManager.promise(path, 'model/gltf+json');
     const gltf = mesh_asset.gltf;
 
 
+    const mesh_entity = new Entity();
+    mesh_entity
+        .add(new Transform())
+        .add(SGMesh.fromURL(path))
+    ;
+
+
     const composition = three_object_to_entity_composition(gltf.scene);
 
     composition.traverse(n => {
@@ -241,7 +372,7 @@ async function main(engine) {
     // })
 
     composition.transform.scale.setScalar(1);
-    composition.transform.position.set(0, -mesh_asset.boundingBox.y0, 0);
+    // composition.transform.position.set(0, -mesh_asset.boundingBox.y0, 0);
 
     composition.build(ecd);
 
@@ -318,7 +449,7 @@ async function main(engine) {
 
     const random = seededRandom();
 
-    for (let i = 0; i < 16; i++) {
+    for (let i = 0; i < 0; i++) {
 
         new Entity()
             .add(Transform.fromJSON({
@@ -337,84 +468,16 @@ async function main(engine) {
             .build(ecd);
     }
 
+    function build() {
 
-    const lpv = new LightProbeVolume();
-
-    // lpv.add_point(10, 5, 10);
-
-    const desired_density = 10;
-
-
-    // const light_volume_bounds = new AABB3(-10, 0.5, -10, 10, 11, 10);
-    const probe_grid_spacing_dense = Math.min(mesh_asset.boundingBox.getExtentsX(), mesh_asset.boundingBox.getExtentsY(), mesh_asset.boundingBox.getExtentsZ()) / desired_density;
-    const probe_grid_spacing_sparse = Math.max(mesh_asset.boundingBox.getExtentsX(), mesh_asset.boundingBox.getExtentsY(), mesh_asset.boundingBox.getExtentsZ()) / desired_density;
-
-    const probe_grid_spacing = (probe_grid_spacing_sparse / probe_grid_spacing_dense) < 2 ? probe_grid_spacing_dense : probe_grid_spacing_sparse * 0.5;
-    //
-    // const probe_grid_spacing =desired_density/ (mesh_asset.boundingBox.getExtentsX()* mesh_asset.boundingBox.getExtentsY()* mesh_asset.boundingBox.getExtentsZ());
-
-    const model_bounds = new AABB3(-10, 0.5, -10, 10, 11, 10);
-    model_bounds.copy(mesh_asset.boundingBox);
-    model_bounds.grow(probe_grid_spacing * 1.1);
-
-
-    // sg_hierarchy_compute_bounding_box_via_parent_entity(light_volume_bounds, composition.entity.entity, ecd);
-
-    // for (let i = 0; i < 100; i++) {
-    //     lpv.add_point(
-    //         randomFloatBetween(random, light_volume_bounds.x0, light_volume_bounds.x1),
-    //         randomFloatBetween(random,  light_volume_bounds.y0, light_volume_bounds.y1),
-    //         randomFloatBetween(random,  light_volume_bounds.z0, light_volume_bounds.z1),
-    //     );
-    // }
-
-    make_justified_point_grid(model_bounds, probe_grid_spacing, (x, y, z) => {
-        lpv.add_point(x, y, z);
-    });
-
-    // lpv.add_point(10, 1, -10);
-
-    await delay(2000);
-
-    //
-    // console.profile('lpv build');
-    //
-    lpv.build(engine);
-    // console.profileEnd('lpv build');
-
-    // fill probes with random data
-    // for (let i = 0; i < lpv.__length * 27; i++) {
-    //     lpv.__probe_data[i] = random();
-    // }
+        build_probes(engine, ecd, mesh_asset.boundingBox);
+    }
 
-    // for (let i = 0; i < lpv.__length; i++) {
-    //
-    //     for (let j = 0; j < 9; j++) {
-    //         lpv.__probe_data[(i * 9 + j) * 3] = max2(0, (lpv.__positions[i * 3] + 10) / 20);
-    //         lpv.__probe_data[(i * 9 + j) * 3 + 1] = max2(0, (lpv.__positions[i * 3 + 1] - 0.5) / 10.5);
-    //         lpv.__probe_data[(i * 9 + j) * 3 + 2] = max2(0, (lpv.__positions[i * 3 + 2] + 10) / 20);
-    //     }
-    // }
+    build();
 
-    // lpv.white_probe(0, [
-    //     0.7953949, 0.4405923, 0.5459412,
-    //     0.3981450, 0.3526911, 0.6097158,
-    //     -0.3424573, -0.1838151, -0.2715583,
-    //
-    //     -0.2944621, -0.0560606, 0.0095193,
-    //     -0.1123051, -0.0513088, -0.1232869,
-    //     -0.2645007, -0.2257996, -0.4785847,
+    // mesh_entity.addEventListener(SGMeshEvents.AssetLoaded, build);
     //
-    //     -0.1569444, -0.0954703, -0.1485053,
-    //     0.5646247, 0.2161586, 0.1402643,
-    //     0.2137442, -0.0547578, -0.3061700], 0);
-
-
-    // lpv.visualize_mesh({ ecd: ecd });
-    lpv.visualize_probes({ ecd: ecd, size: probe_grid_spacing * 0.08 });
-
-
-    console.log(lpv);
+    // mesh_entity.build(ecd);
 }
 
 new EngineHarness().initialize({
@@ -424,8 +487,11 @@ new EngineHarness().initialize({
         config.addSystem(new LightSystem(engine, {
             shadowResolution: 2048
         }));
+        config.addSystem(new SGMeshSystem(engine));
+        config.addSystem(new GUIElementSystem(engine.gui.view, engine));
+        config.addSystem(new ViewportPositionSystem(engine.gui.view.size));
 
-        config.addLoader('gltf', new GLTFAssetLoader());
+        config.addLoader('model/gltf+json', new GLTFAssetLoader());
 
         config.addPlugin(GizmoRenderingPlugin);
     }

package/src/engine/graphics/texture/makeOnePixelTexture.js

@@ -0,0 +1,19 @@
+import { DataTexture, UnsignedByteType } from "three";
+
+/**
+ *
+ * @param {ArrayLike<number>|Uint8Array} contents
+ * @param {Signal} cleanup_signal can be called to dispose of the texture
+ * @returns {DataTexture}
+ */
+export function makeOnePixelTexture(contents, cleanup_signal) {
+    const t = new DataTexture(new Uint8Array(contents), 1, 1);
+
+    t.generateMipmaps = false;
+    t.needsUpdate = true;
+    t.type = UnsignedByteType;
+
+    cleanup_signal.addOne(t.dispose, t);
+
+    return t;
+}