@woosh/meep-engine 2.56.1 → 2.58.0

package/src/engine/graphics/ecs/trail/TrailSystem.js

@@ -1,162 +0,0 @@
-/**
- * Created by Alex Goldring on 21.02.2015.
- */
-
-
-import { System } from '../../../ecs/System.js';
-import { Transform } from '../../../ecs/transform/Transform.js';
-import Vector3 from '../../../../core/geom/Vector3.js';
-
-import Trail from './Trail.js';
-import TrailMaterial from './TrailMaterial.js';
-import { ClampToEdgeWrapping, NearestFilter, TextureLoader } from 'three';
-import { Ribbon } from '../../geometry/ribbon/Ribbon.js';
-
-import { LeafNode } from '../../../../core/bvh2/LeafNode.js';
-import ThreeFactory from '../../three/ThreeFactory.js';
-
-class TrailSystem extends System {
-    /**
-     *
-     * @param {GraphicsEngine} graphics
-     * @constructor
-     */
-    constructor(graphics) {
-        super();
-
-        /**
-         *
-         * @type {GraphicsEngine}
-         */
-        this.graphics = graphics;
-
-        this.dependencies = [Trail, Transform];
-
-
-        /**
-         *
-         * @type {RenderLayer|null}
-         */
-        this.renderLayer = null;
-
-        /**
-         *
-         * @type {BinaryNode}
-         */
-        this.bvh = null;
-
-        //
-        this.dying = [];
-    }
-
-    startup(entityManager, readyCallback, errorCallback) {
-        this.entityManager = entityManager;
-
-        this.renderLayer = this.graphics.layers.create('trail-system');
-
-        this.renderLayer.extractRenderable = function (trail) {
-            return trail.mesh;
-        };
-
-        this.bvh = this.renderLayer.bvh;
-
-        readyCallback();
-    }
-
-    shutdown(entityManager, readyCallback, errorCallback) {
-        this.graphics.layers.remove(this.renderLayer);
-
-        readyCallback();
-    }
-
-    link(trail, transform, entityId) {
-        //instantiation
-        //make a mesh
-        const numSegments = 100;
-        const ribbon = new Ribbon(numSegments, trail.startWidth);
-        const geometry = ribbon.geometry;
-        //TODO cache materials
-        const texture = (new TextureLoader()).load(trail.textureURL);
-
-        texture.wrapS = ClampToEdgeWrapping;
-        texture.wrapT = ClampToEdgeWrapping;
-
-        texture.magFilter = NearestFilter;
-        texture.minFilter = NearestFilter;
-
-        let material = new TrailMaterial();
-        material.uniforms.texture.value = texture;
-
-        // material = new THREE.MeshBasicMaterial({map: texture});
-        // material = new THREE.MeshBasicMaterial({wireframe: true, color: 0xFF0000});
-
-        material.needsUpdate = true;
-
-        const mesh = ThreeFactory.createMesh(geometry, material);
-
-        trail.trailingIndex = 0;
-        trail.ribbon = ribbon;
-        trail.mesh = mesh;
-        trail.timeSinceLastUpdate = 0;
-
-
-        trail.bvhLeaf = new LeafNode();
-        trail.bvhLeaf.object = trail;
-        trail.bvhLeaf.setInfiniteBounds();
-
-        //set BVH bounds to a single point at transform's position to ensure better BVH placement
-        // trail.bvhLeaf.setBounds(transform.position.x, transform.position.y, transform.position.z, transform.position.x, transform.position.y, transform.position.z);
-        trail.bvhLeaf.setInfiniteBounds();
-
-        const position = trail.offset.clone().add(transform.position);
-
-        trail.ribbon.moveToPoint(position);
-
-        this.bvh.insertNode(trail.bvhLeaf);
-    }
-
-    unlink(trail, transform, entity) {
-        trail.bvhLeaf.disconnect();
-    }
-
-    update(timeDelta) {
-        const em = this.entityManager;
-        em.traverseEntities([Trail, Transform], function (trail, transform) {
-            const ribbon = trail.ribbon;
-            let newHead;
-            let oldHead = ribbon.head();
-
-            trail.timeSinceLastUpdate += timeDelta;
-            if (trail.timeSinceLastUpdate < timeDeltaForRefitting) {
-                //refitting
-                newHead = oldHead;
-            } else {
-                trail.timeSinceLastUpdate = 0;
-                //rotating segment
-                newHead = ribbon.rotate().head();
-
-                applyOpacity(ribbon, trail.startOpacity, trail.endOpacity);
-
-            }
-
-            ribbon.positionHead(transform.position.clone().add(trail.offset), new Vector3(0, 0, 1), trail.startWidth);
-            //
-        });
-    }
-}
-
-
-const timeDeltaForRefitting = 0.015;
-
-
-function applyOpacity(ribbon, startValue, endValue) {
-    const opacityAttribute = ribbon.geometry.attributes.opacity;
-    const opacityArray = opacityAttribute.array;
-    ribbon.traverseLerpEdges(startValue, endValue, function (a, b, value) {
-        opacityArray[a] = value;
-        opacityArray[b] = value;
-    });
-    opacityAttribute.needsUpdate = true;
-}
-
-export default TrailSystem;

package/src/engine/graphics/ecs/water2/NodeWaterShader1.js

@@ -1,213 +0,0 @@
-import { FloatNode } from "three/examples/jsm/nodes/inputs/FloatNode.js";
-import { OperatorNode } from "three/examples/jsm/nodes/math/OperatorNode.js";
-import { PositionNode } from "three/examples/jsm/nodes/accessors/PositionNode.js";
-import { MathNode } from "three/examples/jsm/nodes/math/MathNode.js";
-import { SwitchNode } from "three/examples/jsm/nodes/utils/SwitchNode.js";
-import { StandardNodeMaterial } from "three/examples/jsm/nodes/materials/StandardNodeMaterial.js";
-import { TextureNode } from "three/examples/jsm/nodes/inputs/TextureNode.js";
-import { ScreenUVNode } from "three/examples/jsm/nodes/accessors/ScreenUVNode.js";
-import { FunctionNode } from "three/examples/jsm/nodes/core/FunctionNode.js";
-import { FunctionCallNode } from "three/examples/jsm/nodes/core/FunctionCallNode.js";
-import { ColorNode } from "three/examples/jsm/nodes/inputs/ColorNode.js";
-import { UVNode } from "three/examples/jsm/nodes/accessors/UVNode.js";
-import { Vector2Node } from "three/examples/jsm/nodes/inputs/Vector2Node.js";
-import { Vector4Node } from "three/examples/jsm/nodes/inputs/Vector4Node.js";
-import CheckersTexture from "../../texture/CheckersTexture.js";
-import { CondNode } from "three/examples/jsm/nodes/math/CondNode.js";
-import { TimerNode } from "three/examples/jsm/nodes/utils/TimerNode.js";
-
-export class NodeWaterShader {
-    constructor(depthTexture) {
-
-        const depthBuffer = new TextureNode(depthTexture, new ScreenUVNode());
-
-        const uv = new UVNode();
-
-        const heightUv = new Vector4Node();
-        this.heightUv = heightUv;
-
-        const heightUvSize = new SwitchNode(heightUv, 'zw');
-        const worldUV = new OperatorNode(
-            new OperatorNode(
-                uv,
-                new SwitchNode(heightUv, 'xy'),
-                OperatorNode.ADD
-            ),
-            heightUvSize,
-            OperatorNode.MUL
-        );
-
-        const heightTextureNode = new TextureNode(CheckersTexture.create(),
-            worldUV,
-        );
-
-        this.heightTexture = heightTextureNode;
-
-        this.level = new FloatNode(0);
-
-        const textureRepeat = new Vector2Node(40, 40);
-
-        const mainColor = new ColorNode();
-        const shoreColor = new ColorNode('#387992');
-
-        const cameraNear = new FloatNode(3);
-        cameraNear.name = "cameraNear";
-
-        const cameraFar = new FloatNode(24);
-        cameraFar.name = "cameraFar";
-
-        const positionNode = new PositionNode();
-
-        const gaussianSample = new FunctionNode(`vec4 sampleTextureGaussian( sampler2D tex,vec2 uv, vec2 texelSize){
-	        float r = 1.0;
-	        
-	        float dx0 = - texelSize.x * r;
-			float dy0 = - texelSize.y * r;
-			float dx1 = + texelSize.x * r;
-			float dy1 = + texelSize.y * r;
-			
-			return (
-				texture2D(tex, uv + vec2( dx0, dy0 ) ) +
-				texture2D(tex, uv + vec2( 0.0, dy0 ) ) +
-				texture2D(tex, uv + vec2( dx1, dy0 ) ) +
-				texture2D(tex, uv + vec2( dx0, 0.0 ) ) +
-				texture2D(tex, uv) +
-				texture2D(tex, uv + vec2( dx1, 0.0 ) ) +
-				texture2D(tex, uv + vec2( dx0, dy1 ) ) +
-				texture2D(tex, uv + vec2( 0.0, dy1 ) ) +
-				texture2D(tex, uv + vec2( dx1, dy1 ) )
-			) * ( 1.0 / 9.0 );
-        }`);
-
-        const depthToLinear = new FunctionNode(`float depthToLinear( float z, float cameraNear, float cameraFar ) {
-                float z_n = 2.0 * z - 1.0;
-                
-                float z_e = 2.0 * cameraNear * cameraFar / (cameraFar + cameraNear - z_n * (cameraFar - cameraNear));
-	        
-	            return z_e;
-	        }`);
-
-        const fragmentDepth = new FunctionNode('float fragmentDepth(){ return gl_FragCoord.z; }');
-
-        const linearObjectDepth = new FunctionCallNode(depthToLinear, [
-            new FunctionCallNode(fragmentDepth),
-            cameraNear,
-            cameraFar
-        ]);
-
-        const screenDepth = new SwitchNode(depthBuffer, 'x');
-
-        const linearScreenDepth = new FunctionCallNode(depthToLinear, [
-            screenDepth,
-            cameraNear,
-            cameraFar
-        ]);
-
-
-        var distance = new OperatorNode(
-            linearScreenDepth,
-            linearObjectDepth,
-            OperatorNode.SUB
-        );
-
-        const mtl = new StandardNodeMaterial();
-
-
-        const alpha = new FloatNode(1);
-
-        const minFadeDepth = new FloatNode(0);
-        const maxFadeDepth = new FloatNode(1.7);
-
-        const deepWaterDepthMin = new FloatNode(0);
-        const deepWaterDepthMax = new FloatNode(0.3);
-
-        const heightmapResolution = new Vector2Node(512, 512);
-
-        const distanceRange = new OperatorNode(maxFadeDepth, minFadeDepth, OperatorNode.SUB);
-
-        const smoothHeight = new FunctionCallNode(gaussianSample, [heightTextureNode, worldUV,
-            new OperatorNode(
-                heightUvSize,
-                heightmapResolution,
-                OperatorNode.DIV
-            )
-        ]);
-
-        const terrainHeight = new SwitchNode(
-                smoothHeight
-                , 'x');
-
-        mtl.color = new MathNode(
-            mainColor,
-            shoreColor,
-            new MathNode(
-                deepWaterDepthMin,
-                deepWaterDepthMax,
-                new MathNode(
-                    terrainHeight,
-                    new OperatorNode(
-                        terrainHeight,
-                        new MathNode(
-                            new OperatorNode(
-                                new OperatorNode(
-                                    new OperatorNode(
-                                        new SwitchNode(worldUV, 'x'),
-                                        new SwitchNode(worldUV, 'y'),
-                                        OperatorNode.ADD
-                                    ),
-                                    new FloatNode(20),
-                                    OperatorNode.MUL
-                                ),
-                                new TimerNode(1),
-                                OperatorNode.ADD
-                            ),
-                            MathNode.SIN
-                        ),
-                        OperatorNode.MUL
-                    ),
-                    new FloatNode(0.3),
-                    MathNode.MIX
-                ),
-                MathNode.SMOOTHSTEP
-            ),
-            MathNode.MIX
-        );
-
-        const alphaGradient = new OperatorNode(
-            new MathNode(
-                new MathNode(distance, MathNode.ABS),
-                minFadeDepth,
-                maxFadeDepth,
-                MathNode.CLAMP
-            ),
-            distanceRange,
-            OperatorNode.DIV
-        );
-        mtl.alpha = new OperatorNode(
-            alpha,
-            alphaGradient,
-            OperatorNode.MUL
-        );
-
-        // mtl.alpha = alpha;
-
-        mtl.position = positionNode;
-        mtl.mask = new CondNode(
-            distance,
-            new FloatNode(0),
-            CondNode.GREATER
-        );
-        // mtl.normal = normalTextureNode;
-        mtl.roughness = new FloatNode(0.7);
-        mtl.metalness = new FloatNode(0);
-
-
-        this.cameraNear = cameraNear;
-        this.cameraFar = cameraFar;
-        this.color = mainColor;
-        this.alpha = alpha;
-        this.textureRepeat = textureRepeat;
-
-        this.material = mtl;
-    }
-}

package/src/engine/graphics/ecs/water2/shader/JBWaterShader.js

@@ -1,315 +0,0 @@
-/*
-
-based on:
-    https://codepen.io/knoland/pen/XKxAJb?editors=1010
-    by Jonathan Blair
- */
-
-import { Vector2 } from "three";
-
-const vs = `void main()	{
-    gl_Position = vec4( position, 1.0 );
-}`;
-
-const fs = `uniform float iGlobalTime;
-uniform vec2 iResolution;
-
-const int NUM_STEPS = 8;
-const float PI	 	= 3.1415;
-const float EPSILON	= 1e-3;
-float EPSILON_NRM	= 0.1 / iResolution.x;
-
-// sea variables
-const int ITER_GEOMETRY = 3;
-const int ITER_FRAGMENT = 5;
-const float SEA_HEIGHT = 0.6;
-const float SEA_CHOPPY = 1.0;
-const float SEA_SPEED = 1.0;
-const float SEA_FREQ = 0.16;
-const vec3 SEA_BASE = vec3(0.1,0.19,0.22);
-const vec3 SEA_WATER_COLOR = vec3(0.8,0.9,0.6);
-float SEA_TIME = iGlobalTime * SEA_SPEED;
-mat2 octave_m = mat2(1.6,1.2,-1.2,1.6);
-
-mat3 fromEuler(vec3 ang) {
-    vec2 a1 = vec2(sin(ang.x),cos(ang.x));
-    vec2 a2 = vec2(sin(ang.y),cos(ang.y));
-    vec2 a3 = vec2(sin(ang.z),cos(ang.z));
-    mat3 m;
-    m[0] = vec3(
-        a1.y*a3.y+a1.x*a2.x*a3.x,
-        a1.y*a2.x*a3.x+a3.y*a1.x,
-        -a2.y*a3.x
-    );
-    m[1] = vec3(-a2.y*a1.x,a1.y*a2.y,a2.x);
-    m[2] = vec3(
-        a3.y*a1.x*a2.x+a1.y*a3.x,
-        a1.x*a3.x-a1.y*a3.y*a2.x,
-        a2.y*a3.y
-    );
-    return m;
-}
-
-float hash( vec2 p ) {
-    float h = dot(p,vec2(127.1,311.7));
-    return fract(sin(h)*43758.5453123);
-}
-
-float noise( in vec2 p ) {
-    vec2 i = floor(p);
-    vec2 f = fract(p);
-    vec2 u = f * f * (3.0 - 2.0 * f);
-    return -1.0 + 2.0 * mix(
-        mix(
-            hash(i + vec2(0.0,0.0)
-            ),
-            hash(i + vec2(1.0,0.0)), u.x),
-        mix(hash(i + vec2(0.0,1.0) ),
-            hash(i + vec2(1.0,1.0) ), u.x),
-        u.y
-    );
-}
-
-float diffuse(vec3 n,vec3 l,float p) {
-    return pow(dot(n,l) * 0.4 + 0.6,p);
-}
-
-float specular(vec3 n,vec3 l,vec3 e,float s) {
-    float nrm = (s + 8.0) / (3.1415 * 8.0);
-    return pow(max(dot(reflect(e,n),l),0.0),s) * nrm;
-}
-
-vec3 getSkyColor(vec3 e) {
-    e.y = max(e.y, 0.0);
-    vec3 ret;
-    ret.x = pow(1.0 - e.y, 2.0);
-    ret.y = 1.0 - e.y;
-    ret.z = 0.6+(1.0 - e.y) * 0.4;
-    return ret;
-}
-
-
-float sea_octave(vec2 uv, float choppy) {
-    uv += noise(uv);
-    vec2 wv = 1.0 - abs(sin(uv));
-    vec2 swv = abs(cos(uv));
-    wv = mix(wv, swv, wv);
-    return pow(1.0 - pow(wv.x * wv.y, 0.65), choppy);
-}
-
-float map(vec3 p) {
-    float freq = SEA_FREQ;
-    float amp = SEA_HEIGHT;
-    float choppy = SEA_CHOPPY;
-    vec2 uv = p.xz;
-    uv.x *= 0.75;
-
-    float d, h = 0.0;
-    for(int i = 0; i < ITER_GEOMETRY; i++) {
-        d = sea_octave((uv + SEA_TIME) * freq, choppy);
-        d += sea_octave((uv - SEA_TIME) * freq, choppy);
-        h += d * amp;
-        uv *= octave_m;
-        freq *= 1.9;
-        amp *= 0.22;
-        choppy = mix(choppy, 1.0, 0.2);
-    }
-    return p.y - h;
-}
-
-float map_detailed(vec3 p) {
-    float freq = SEA_FREQ;
-    float amp = SEA_HEIGHT;
-    float choppy = SEA_CHOPPY;
-    vec2 uv = p.xz;
-    uv.x *= 0.75;
-
-    float d, h = 0.0;
-    for(int i = 0; i < ITER_FRAGMENT; i++) {
-        d = sea_octave((uv+SEA_TIME) * freq, choppy);
-        d += sea_octave((uv-SEA_TIME) * freq, choppy);
-        h += d * amp;
-        uv *= octave_m;
-        freq *= 1.9;
-        amp *= 0.22;
-        choppy = mix(choppy,1.0,0.2);
-    }
-    return p.y - h;
-}
-
-vec3 getSeaColor(
-    vec3 p,
-    vec3 n,
-    vec3 l,
-    vec3 eye,
-    vec3 dist
-) {
-    float fresnel = 1.0 - max(dot(n,-eye),0.0);
-    fresnel = pow(fresnel,3.0) * 0.65;
-
-    vec3 reflected = getSkyColor(reflect(eye,n));
-    vec3 refracted = SEA_BASE + diffuse(n,l,80.0) * SEA_WATER_COLOR * 0.12;
-
-    vec3 color = mix(refracted,reflected,fresnel);
-
-    float atten = max(1.0 - dot(dist,dist) * 0.001, 0.0);
-    color += SEA_WATER_COLOR * (p.y - SEA_HEIGHT) * 0.18 * atten;
-
-    color += vec3(specular(n,l,eye,60.0));
-
-    return color;
-}
-
-// tracing
-vec3 getNormal(vec3 p, float eps) {
-    vec3 n;
-    n.y = map_detailed(p);
-    n.x = map_detailed(vec3(p.x+eps,p.y,p.z)) - n.y;
-    n.z = map_detailed(vec3(p.x,p.y,p.z+eps)) - n.y;
-    n.y = eps;
-    return normalize(n);
-}
-
-float heightMapTracing(vec3 ori, vec3 dir, out vec3 p) {
-    float tm = 0.0;
-    float tx = 1000.0;
-    float hx = map(ori + dir * tx);
-
-    if(hx > 0.0) {
-        return tx;
-    }
-
-    float hm = map(ori + dir * tm);
-    float tmid = 0.0;
-    for(int i = 0; i < NUM_STEPS; i++) {
-        tmid = mix(tm,tx, hm/(hm-hx));
-        p = ori + dir * tmid;
-        float hmid = map(p);
-        if(hmid < 0.0) {
-            tx = tmid;
-            hx = hmid;
-        } else {
-            tm = tmid;
-            hm = hmid;
-        }
-    }
-    return tmid;
-}
-
-void main() {
-    vec2 uv = gl_FragCoord.xy / iResolution.xy;
-    uv = uv * 2.0 - 1.0;
-    uv.x *= iResolution.x / iResolution.y;
-    float time = iGlobalTime * 0.3;
-
-    // ray
-    vec3 ang = vec3(
-        sin(time*3.0)*0.1,sin(time)*0.2+0.3,time
-    );
-    vec3 ori = vec3(0.0,3.5,time*5.0);
-    vec3 dir = normalize(
-        vec3(uv.xy,-2.0)
-    );
-    dir.z += length(uv) * 0.15;
-    dir = normalize(dir);
-
-    // tracing
-    vec3 p;
-    heightMapTracing(ori,dir,p);
-    vec3 dist = p - ori;
-    vec3 n = getNormal(
-        p,
-        dot(dist,dist) * EPSILON_NRM
-    );
-    vec3 light = normalize(vec3(0.0,1.0,0.8));
-
-    // color
-    vec3 color = mix(
-        getSkyColor(dir),
-        getSeaColor(p,n,light,dir,dist),
-        pow(smoothstep(0.0,-0.05,dir.y),0.3)
-    );
-
-    // post
-    gl_FragColor = vec4(pow(color,vec3(0.75)), 1.0);
-}`;
-
-
-function makeMaterial() {
-    var container,
-        renderer,
-        scene,
-        camera,
-        mesh,
-        start = Date.now(),
-        fov = 30;
-
-    var clock = new THREE.Clock();
-
-    var timeUniform = {
-        iGlobalTime: {
-            type: 'f',
-            value: 0.1
-        },
-        iResolution: {
-            type: 'v2',
-            value: new Vector2()
-        }
-    };
-
-    timeUniform.iResolution.value.x = window.innerWidth;
-    timeUniform.iResolution.value.y = window.innerHeight;
-
-    container = document.getElementById('container');
-    scene = new THREE.Scene();
-
-    camera = new THREE.PerspectiveCamera(
-        fov,
-        window.innerWidth / window.innerHeight,
-        1,
-        10000
-    );
-    camera.position.x = 20;
-    camera.position.y = 10;
-    camera.position.z = 20;
-    camera.lookAt(scene.position);
-    scene.add(camera);
-
-    var axis = new THREE.AxisHelper(10);
-    scene.add(axis);
-
-    material = new THREE.ShaderMaterial({
-        uniforms: timeUniform,
-        vertexShader: document.getElementById('vertex-shader').textContent,
-        fragmentShader: document.getElementById('fragment-shader').textContent
-    });
-
-    var water = new THREE.Mesh(
-        new THREE.PlaneBufferGeometry(window.innerWidth, window.innerHeight, 40), material
-    );
-    scene.add(water);
-
-    var geometry = new THREE.SphereGeometry(10, 32, 32);
-    var material = new THREE.MeshBasicMaterial({ color: 0xffff00 });
-    var sphere = new THREE.Mesh(geometry, material);
-    scene.add(sphere);
-
-    renderer = new THREE.WebGLRenderer();
-    renderer.setSize(window.innerWidth, window.innerHeight);
-
-    container.appendChild(renderer.domElement);
-
-    render();
-
-    window.addEventListener('resize', function () {
-        camera.aspect = window.innerWidth / window.innerHeight;
-        camera.updateProjectionMatrix();
-        renderer.setSize(window.innerWidth, window.innerHeight);
-    });
-
-    function render() {
-        timeUniform.iGlobalTime.value += clock.getDelta();
-        renderer.render(scene, camera);
-        requestAnimationFrame(render);
-    }
-}

package/src/engine/graphics/geometry/MikkT/Length.js

@@ -1,10 +0,0 @@
-import { vec3 } from "gl-matrix";
-
-/**
- *
- * @param {vec3} v
- * @returns {number}
- */
-export function Length(v) {
-    return Math.sqrt(vec3.squaredLength(v));
-}