@woosh/meep-engine 2.43.6 → 2.43.8

package/engine/graphics/sh3/prototypeSH3Probe.js

@@ -10,7 +10,6 @@ import {
     DataTexture,
     LinearFilter,
     MeshBasicMaterial,
-    MeshStandardMaterial,
     NearestFilter,
     PlaneBufferGeometry,
     RGBAFormat,
@@ -32,6 +31,7 @@ import { make_justified_point_grid } from "../../../core/geom/3d/util/make_justi
 import LightSystem from "../ecs/light/LightSystem.js";
 import { Light } from "../ecs/light/Light.js";
 import { LightType } from "../ecs/light/LightType.js";
+import { buildCubeURLs } from "../texture/cubemap/buildCubeURLs.js";
 
 /**
  *
@@ -185,13 +185,15 @@ async function main(engine) {
         enableWater: false,
         enableTerrain: false,
         enableLights: false,
+        // enableLights: true,
         cameraFarDistance: 200,
         focus: { x: 0, y: 0, z: 0 },
-        pitch: 0.5500000000000453,
-        yaw: -2.4300000000000566,
-        distance: 10,
+        pitch: 1,
+        yaw: -1.54,
+        distance: 54,
         shadowmapResolution: 4096
     });
+    engine.graphics.loadEnvironmentMap(buildCubeURLs('data/textures/cubemaps/hip_miramar/32/', '.png'));
 
     const ecd = engine.entityManager.dataset;
 
@@ -216,8 +218,8 @@ async function main(engine) {
         const sg = n.entity.getComponent(ShadedGeometry);
 
         if (sg !== null) {
-            sg.setFlag(ShadedGeometryFlags.CastShadow);
-            sg.setFlag(ShadedGeometryFlags.ReceiveShadow);
+            sg.writeFlag(ShadedGeometryFlags.CastShadow, false);
+            sg.writeFlag(ShadedGeometryFlags.ReceiveShadow, false);
         }
     });
 
@@ -246,17 +248,18 @@ async function main(engine) {
     const model_footprint = Math.hypot(mesh_asset.boundingBox.getExtentsX(), mesh_asset.boundingBox.getExtentsY(), mesh_asset.boundingBox.getExtentsZ());
 
 
-    make_plane({
-        engine,
-        scale: 2 * model_footprint,
-        offset: new Vector3(0, 0, 0),
-        direction: Vector3.up,
-        up: Vector3.forward,
-        material: new MeshStandardMaterial({
-            color: 0x111111,
-            // map: make_test_texture()
-        })
-    }).build(ecd);
+    // make_plane({
+    //     engine,
+    //     scale: 2 * model_footprint,
+    //     offset: new Vector3(0, 0, 0),
+    //     direction: Vector3.up,
+    //     up: Vector3.forward,
+    //     material: new MeshStandardMaterial({
+    //         color: 0x111111,
+    //         map: make_test_texture(),
+    //     }),
+    //     shadow: true,
+    // }).build(ecd);
 
     //
     // make_plane({
@@ -326,9 +329,9 @@ async function main(engine) {
                 }
             }))
             .add(Light.fromJSON({
-                distance: model_footprint *0.2,
+                distance: model_footprint * 0.1,
                 type: LightType.POINT,
-                intensity: 1,
+                intensity: 0.5,
                 color: `hsv(${random()},${1},1)`
             }))
             .build(ecd);
@@ -339,7 +342,7 @@ async function main(engine) {
 
     // lpv.add_point(10, 5, 10);
 
-    const desired_density = 15;
+    const desired_density = 10;
 
 
     // const light_volume_bounds = new AABB3(-10, 0.5, -10, 10, 11, 10);
@@ -418,7 +421,9 @@ new EngineHarness().initialize({
     configuration(config, engine) {
         config.addSystem(new ShadedGeometrySystem(engine));
         config.addSystem(new TransformAttachmentSystem());
-        config.addSystem(new LightSystem(engine));
+        config.addSystem(new LightSystem(engine,{
+            shadowResolution: 2048
+        }));
 
         config.addLoader('gltf', new GLTFAssetLoader());
 

package/engine/graphics/shadows/README.md

@@ -0,0 +1,6 @@
+## Techniques for shadow maps
+
+### Light-Space Perspective Shadow Map (LiSPSM)
+* 20004 - "Light Space Perspective Shadow Maps" by Michael Wimmer, Daniel Scherzer and Werner Purgathofer ([pdf](https://www.cg.tuwien.ac.at/research/vr/lispsm/shadows_egsr2004_revised.pdf))
+* [implementation](https://github.com/nkrisztian89/interstellar-armada/commit/53f4284b38a83aae87e2a40e98f5c4461cead1e9)  in "Interstellar Armada"
+* [implementation](https://github.com/openscenegraph/OpenSceneGraph/blob/34a1d8bc9bba5c415c4ff590b3ea5229fa876ba8/include/osgShadow/LightSpacePerspectiveShadowMap) in OpenSceneGraph

package/engine/input/devices/PointerDevice.js

@@ -483,6 +483,34 @@ PointerDevice.prototype.getTargetElement = function () {
     return this.__target;
 };
 
+/**
+ *
+ * @param {Element} el
+ */
+PointerDevice.prototype.setTargetElement = function (el) {
+    assert.defined(el, 'el');
+    assert.notNull(el, 'el');
+
+    if (this.__target === el) {
+        // no change
+        return;
+    }
+
+    let was_running = this.isRunning;
+
+    if (was_running) {
+        // disconnect from previous target
+        this.stop();
+    }
+
+    this.__target = el;
+
+    if (was_running) {
+        // restart to maintain original state
+        this.start();
+    }
+}
+
 /**
  *
  * @param {Vector2} result

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.43.6",
+  "version": "2.43.8",
   "dependencies": {
     "gl-matrix": "3.4.3",
     "fast-levenshtein": "2.0.6",

package/samples/terrain/from_image_2.js

@@ -15,8 +15,6 @@ import { TerrainLayer } from "../../engine/ecs/terrain/ecs/layers/TerrainLayer.j
 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 ButtonView from "../../view/elements/button/ButtonView.js";
-import { downloadAsFile } from "../../core/binary/ByteArrayTools.js";
 
 const HEIGHT_RANGE = 64;
 
@@ -135,8 +133,7 @@ async function main(engine) {
     water.shoreDepthTransition.set(0.1, 0.3);
     water.scattering.set(3);
 
-    const terrain_builder = new EntityBuilder();
-    terrain_builder
+    new EntityBuilder()
         .add(terrain)
         // .add(water)
         .build(ecd);
@@ -152,47 +149,6 @@ async function main(engine) {
     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);
-
-    engine.gui.view.addChild(new ButtonView({
-        name: 'Download',
-        action() {
-            // we wrap the terrain data into "component json" format that meep editor recognizes to make this compatible with the standalone terrain editor
-            const json_payload = {
-                type: "Terrain",
-                data: terrain.toJSON()
-            };
-
-            downloadAsFile(
-                JSON.stringify(json_payload),
-                'terrain.json'
-            );
-        },
-        css: {
-            bottom: '4px',
-            left: '4px',
-            position: 'absolute',
-            background: 'white',
-            border: '1px solid black',
-            padding: '2px',
-            pointerEvents: 'auto'
-        }
-    }));
-
-    engine.gui.view.addChild(new ButtonView({
-        name: 'Remove',
-        action() {
-           engine.entityManager.dataset.removeEntity(terrain_builder.entity);
-        },
-        css: {
-            bottom: '4px',
-            left: '104px',
-            position: 'absolute',
-            background: 'white',
-            border: '1px solid black',
-            padding: '2px',
-            pointerEvents: 'auto'
-        }
-    }));
 }
 
 /**

package/view/elements/navigation/ViewStack.js

@@ -49,6 +49,8 @@ export class ViewStack extends View {
 
         this.el = element;
 
+        this.addClass('view-stack');
+
         this.__stack = [];
         /**
          *
@@ -108,9 +110,9 @@ export class ViewStack extends View {
     /**
      *
      * @param {View} view
-     * @param {string} name
+     * @param {string} [name]
      */
-    push(view, name) {
+    push(view, name = '') {
         const stack = this.__stack;
         const stackFrame = new StackFrame(view, name);
         stack.push(stackFrame);