@woosh/meep-engine 2.33.76 → 2.34.3

package/samples/terrain/from_image_2.js

@@ -0,0 +1,219 @@
+import { EngineConfiguration } from "../../engine/EngineConfiguration.js";
+import { EngineHarness } from "../../engine/EngineHarness.js";
+import { GameAssetType } from "../../engine/asset/GameAssetType.js";
+import { TextureAssetLoader } from "../../engine/asset/loaders/texture/TextureAssetLoader.js";
+import Vector3 from "../../core/geom/Vector3.js";
+import EntityBuilder from "../../engine/ecs/EntityBuilder.js";
+import Terrain from "../../engine/ecs/terrain/ecs/Terrain.js";
+import { ImageRGBADataLoader } from "../../engine/asset/loaders/image/ImageRGBADataLoader.js";
+import TerrainSystem from "../../engine/ecs/terrain/ecs/TerrainSystem.js";
+import WaterSystem from "../../engine/graphics/ecs/water/WaterSystem.js";
+import Water from "../../engine/graphics/ecs/water/Water.js";
+import { AmbientOcclusionPostProcessEffect } from "../../engine/graphics/render/buffer/simple-fx/ao/AmbientOcclusionPostProcessEffect.js";
+import { TerrainLayer } from "../../engine/ecs/terrain/ecs/layers/TerrainLayer.js";
+import Mesh from "../../engine/graphics/ecs/mesh/Mesh.js";
+import { Transform } from "../../engine/ecs/transform/Transform.js";
+import { MeshSystem } from "../../engine/graphics/ecs/mesh/MeshSystem.js";
+import { enableEditor } from "../../editor/enableEditor.js";
+
+const HEIGHT_RANGE = 64;
+
+const eh = new EngineHarness();
+
+/**
+ *
+ * @param {Engine} engine
+ * @return {EngineConfiguration}
+ */
+function makeConfig(engine) {
+    const r = new EngineConfiguration();
+
+    // configure engine here, add systems, loaders etc.
+    r.addLoader(GameAssetType.Texture, new TextureAssetLoader());
+    r.addLoader(GameAssetType.Image, new ImageRGBADataLoader());
+
+
+    r.addSystem(new TerrainSystem(engine.graphics, engine.assetManager));
+    r.addSystem(new WaterSystem(engine.graphics));
+    r.addSystem(new MeshSystem(engine));
+
+    r.addPlugin(AmbientOcclusionPostProcessEffect);
+
+    return r;
+}
+
+/**
+ *
+ * @param {string} path
+ * @param {AssetManager} am
+ */
+async function load_sampler(path, am) {
+
+    const asset = await am.promise(path, 'image');
+
+    /**
+     *
+     * @type {Sampler2D}
+     */
+    const sampler = asset.create();
+
+    return sampler;
+}
+
+/**
+ *
+ * @param {string} path
+ * @param {Engine} engine
+ * @param {Transform} transform
+ */
+async function load_gltf(path, engine, transform) {
+    const em = engine.entityManager;
+
+    const ecd = em.dataset;
+
+    new EntityBuilder()
+        .add(Mesh.fromJSON({
+            url: path
+        }))
+        .add(transform)
+        .build(ecd);
+}
+
+/**
+ *
+ * @param {Engine} engine
+ */
+async function main(engine) {
+    const TERRAIN_SIZE_X = 1024;
+    const TERRAIN_SIZE_Y = 512;
+
+    await EngineHarness.buildBasics({
+        engine,
+        enableWater: false,
+        enableTerrain: false,
+        focus: new Vector3(250, 40, 128),
+        yaw: -Math.PI,
+        pitch: 0.91,
+        distance: 100
+    });
+
+    /**
+     *
+     * @type {EntityComponentDataset}
+     */
+    const ecd = engine.entityManager.dataset;
+
+
+    const terrain = new Terrain();
+    terrain.size.set(TERRAIN_SIZE_X / 4, TERRAIN_SIZE_Y / 4);
+    terrain.resolution = 4;
+    terrain.gridScale = 2;
+    terrain.splat.resize(TERRAIN_SIZE_X, TERRAIN_SIZE_Y, 3);
+
+
+    // load height map
+    const am = engine.assetManager;
+
+    /**
+     *
+     * @type {Sampler2D}
+     */
+    const sampler = await load_sampler('moicon/23_Nov_21_Skogplanter/01/splat_height_2.png', am);
+
+
+    async function load_splat_layer(path, index) {
+
+        const sampler = await load_sampler(path, am);
+
+        terrain.splat.writeLayerFromSampler(sampler, index, 0);
+    }
+
+    await load_splat_layer("moicon/23_Nov_21_Skogplanter/01/splat_green.png", 0);
+    await load_splat_layer("moicon/23_Nov_21_Skogplanter/01/splat_dirt.png", 1);
+    await load_splat_layer("moicon/23_Nov_21_Skogplanter/01/splat_stone.png", 2);
+
+    terrain.samplerHeight.resize(sampler.width, sampler.height);
+    const source_height_data = sampler.data;
+    const sampler_pixel_count = source_height_data.length;
+    const terrain_height_data = terrain.samplerHeight.data;
+
+    let divisor;
+    if (source_height_data instanceof Uint8Array) {
+        divisor = 255;
+    } else if (source_height_data instanceof Uint16Array) {
+        divisor = 65536 - 1;
+    }
+
+    for (let i = 0; i < sampler_pixel_count; i++) {
+        const source_v = source_height_data[i];
+
+        const b0 = source_v & 0xFF;
+        const b1 = (source_v >> 8) & 0xFF;
+
+        let rotated_v;
+        rotated_v = b1 | (b0 << 8);
+
+        terrain_height_data[i] = (rotated_v / divisor) * HEIGHT_RANGE
+    }
+
+    terrain.layers.resolution.set(1024, 1024);
+
+    terrain.layers.addLayer(TerrainLayer.from(
+        "data/textures/materials/terrain_township_set/Grass_2.png",
+        20,
+        20
+    ));
+    terrain.layers.addLayer(TerrainLayer.from(
+        "data/textures/materials/terrain_township_set/1024/Ground_1_dark.png",
+        20,
+        20
+    ));
+    terrain.layers.addLayer(TerrainLayer.from(
+        "data/textures/materials/Sci-Fi Planet/Sand_01.png",
+        20,
+        20
+    ));
+
+    terrain.build(am);
+
+    const water = new Water();
+
+    water.level.set(5);
+    water.shoreDepthTransition.set(0.1, 0.3);
+    water.scattering.set(3);
+
+    new EntityBuilder()
+        .add(terrain)
+        // .add(water)
+        .build(ecd);
+
+
+    await terrain.buildLightMap(1);
+
+    const transform = Transform.fromJSON({
+        position: new Vector3(256, 45, 128),
+        scale: new Vector3(0.54, 0.54, 0.54)
+    });
+
+    load_gltf("moicon/23_Nov_21_Skogplanter/02/model.gltf", engine, transform);
+    // load_gltf("moicon/23_Nov_21_Skogplanter/03/model.gltf", engine, transform);
+    // load_gltf("moicon/23_Nov_21_Skogplanter/04/model.gltf", engine, transform);
+}
+
+/**
+ *
+ * @param {EngineHarness} harness
+ */
+async function init(harness) {
+    const engine = eh.engine;
+
+    await makeConfig(engine).apply(engine);
+
+    enableEditor(engine);
+
+    await eh.initialize();
+
+    main(engine);
+}
+
+init(eh);

package/view/controller/controls/NativeListController.js

@@ -27,8 +27,8 @@ export class NativeListController extends View {
     /**
      * @template T
      * @param {List<T>} model
-     * @param {function} elementViewFactory
-     * @param {function} elementFactory
+     * @param {(T)=>View} elementViewFactory
+     * @param {()=>T} elementFactory
      * @param {string[]} [classList]
      * @param {function(List<T>, T)} [operationAdd] Allows user to supply a special operation for adding an element to the list
      * @param {function(List<T>, T)} [operationRemove] Allows user to supply a special operation for removing an element from the list
@@ -43,7 +43,7 @@ export class NativeListController extends View {
                 }) {
         super();
 
-        assert.isFunction(elementViewFactory,'elementViewFactory');
+        assert.isFunction(elementViewFactory, 'elementViewFactory');
 
         this.el = document.createElement('div');
 
@@ -55,6 +55,9 @@ export class NativeListController extends View {
             elementFactory(el) {
                 const elementView = elementViewFactory(el);
 
+                assert.defined(elementView, 'elementView');
+                assert.equal(elementView.isView, true, 'elementView.isView !== true');
+
                 const vWrapper = new EmptyView({ classList: ['element-wrapper'] });
 
                 elementView.addClass('wrapped-element');

package/view/elements/radial/RadialMenu.js

@@ -4,7 +4,6 @@
 
 
 import List from "../../../core/collection/list/List.js";
-import { arraySetDiff } from "../../../core/collection/Set.js";
 import Vector2 from "../../../core/geom/Vector2.js";
 import SVG from "../../SVG.js";
 
@@ -12,6 +11,7 @@ import View from "../../View.js";
 import EmptyView from "../EmptyView.js";
 import { makeDonut } from "./makeDonut.js";
 import RadialMenuElement from "./RadialMenuElement.js";
+import { arraySetDiff } from "../../../core/collection/array/arraySetDiff.js";
 
 const PI2 = Math.PI * 2;
 

package/engine/graphics/texture/sampler/debug/paintSamplerOnHTML.js

@@ -1,32 +0,0 @@
-import { Sampler2D } from "../Sampler2D.js";
-import { scaleSampler2D } from "../scaleSampler2D.js";
-import convertSampler2D2Canvas from "../Sampler2D2Canvas.js";
-import { typedArrayConstructorByInstance } from "../typedArrayConstructorByInstance.js";
-
-/**
- *
- * @param {Sampler2D} s
- * @param {number} x
- * @param {number} y
- * @param scale
- * @param offset
- * @param {number} resolution
- */
-export function paintSamplerOnHTML(s, x, y, scale, offset, resolution=256) {
-
-    const d = resolution;
-
-    const TA = typedArrayConstructorByInstance(s.data);
-
-    const target = new Sampler2D(new TA(d * d * s.itemSize), s.itemSize, d, d);
-
-    scaleSampler2D(s, target);
-
-    const c = convertSampler2D2Canvas(target, scale, offset);
-    c.style.zIndex = 1000;
-    c.style.position = "absolute";
-    c.style.left = `${x}px`;
-    c.style.top = `${y}px`;
-
-    document.body.appendChild(c);
-}

package/generation/theme/TerrainThemeApplicator.js

@@ -1,6 +0,0 @@
-export class TerrainThemeApplicator {
-    constructor() {
-
-        this.theme
-    }
-}