@woosh/meep-engine 2.106.1 → 2.107.0

package/src/engine/graphics/postprocess/threejs/postprocessing/BloomPass.js

@@ -1,132 +0,0 @@
-/**
- * @author alteredq / http://alteredqualia.com/
- */
-import {
-    AdditiveBlending,
-    LinearFilter,
-    Mesh,
-    OrthographicCamera,
-    PlaneBufferGeometry,
-    RGBFormat,
-    Scene,
-    ShaderMaterial,
-    UniformsUtils,
-    Vector2,
-    WebGLRenderTarget
-} from 'three';
-import CopyShader from "../shaders/CopyShader.js";
-import ConvolutionShader from "../shaders/ConvolutionShader.js";
-
-const BloomPass = function (strength, kernelSize, sigma, resolution) {
-
-    strength = (strength !== undefined) ? strength : 1;
-    kernelSize = (kernelSize !== undefined) ? kernelSize : 25;
-    sigma = (sigma !== undefined) ? sigma : 4.0;
-    resolution = (resolution !== undefined) ? resolution : 256;
-
-    // render targets
-
-    const pars = { minFilter: LinearFilter, magFilter: LinearFilter, format: RGBFormat };
-
-    this.renderTargetX = new WebGLRenderTarget(resolution, resolution, pars);
-    this.renderTargetY = new WebGLRenderTarget(resolution, resolution, pars);
-
-    // copy material
-
-    if (CopyShader === undefined)
-        console.error("THREE.BloomPass relies on THREE.CopyShader");
-
-    const copyShader = CopyShader;
-
-    this.copyUniforms = UniformsUtils.clone(copyShader.uniforms);
-
-    this.copyUniforms["opacity"].value = strength;
-
-    this.materialCopy = new ShaderMaterial({
-
-        uniforms: this.copyUniforms,
-        vertexShader: copyShader.vertexShader,
-        fragmentShader: copyShader.fragmentShader,
-        blending: AdditiveBlending,
-        transparent: true
-
-    });
-
-    // convolution material
-
-    if (ConvolutionShader === undefined)
-        console.error("THREE.BloomPass relies on THREE.ConvolutionShader");
-
-    const convolutionShader = ConvolutionShader;
-
-    this.convolutionUniforms = UniformsUtils.clone(convolutionShader.uniforms);
-
-    this.convolutionUniforms["uImageIncrement"].value = BloomPass.blurX;
-    this.convolutionUniforms["cKernel"].value = convolutionShader.buildKernel(sigma);
-
-    this.materialConvolution = new ShaderMaterial({
-
-        uniforms: this.convolutionUniforms,
-        vertexShader: convolutionShader.vertexShader,
-        fragmentShader: convolutionShader.fragmentShader,
-        defines: {
-            "KERNEL_SIZE_FLOAT": kernelSize.toFixed(1),
-            "KERNEL_SIZE_INT": kernelSize.toFixed(0)
-        }
-
-    });
-
-    this.enabled = true;
-    this.needsSwap = false;
-    this.clear = false;
-
-
-    this.camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
-    this.scene = new Scene();
-
-    this.quad = new Mesh(new PlaneBufferGeometry(2, 2), null);
-    this.scene.add(this.quad);
-
-};
-
-BloomPass.prototype = {
-
-    render: function (renderer, writeBuffer, readBuffer, delta, maskActive) {
-
-        if (maskActive) renderer.context.disable(renderer.context.STENCIL_TEST);
-
-        // Render quad with blured scene into texture (convolution pass 1)
-
-        this.quad.material = this.materialConvolution;
-
-        this.convolutionUniforms["tDiffuse"].value = readBuffer;
-        this.convolutionUniforms["uImageIncrement"].value = BloomPass.blurX;
-
-        renderer.render(this.scene, this.camera, this.renderTargetX, true);
-
-
-        // Render quad with blured scene into texture (convolution pass 2)
-
-        this.convolutionUniforms["tDiffuse"].value = this.renderTargetX;
-        this.convolutionUniforms["uImageIncrement"].value = BloomPass.blurY;
-
-        renderer.render(this.scene, this.camera, this.renderTargetY, true);
-
-        // Render original scene with superimposed blur to texture
-
-        this.quad.material = this.materialCopy;
-
-        this.copyUniforms["tDiffuse"].value = this.renderTargetY;
-
-        if (maskActive) renderer.context.enable(renderer.context.STENCIL_TEST);
-
-        renderer.render(this.scene, this.camera, readBuffer, this.clear);
-
-    }
-
-};
-
-BloomPass.blurX = new Vector2(0.001953125, 0.0);
-BloomPass.blurY = new Vector2(0.0, 0.001953125);
-
-export default BloomPass;

package/src/engine/graphics/postprocess/threejs/postprocessing/BokehPass.js

@@ -1,115 +0,0 @@
-/**
- * Depth-of-field post-process with bokeh shader
- */
-import {
-    LinearFilter,
-    Mesh,
-    MeshDepthMaterial,
-    OrthographicCamera,
-    PlaneBufferGeometry,
-    RGBFormat,
-    Scene,
-    ShaderMaterial,
-    UniformsUtils,
-    WebGLRenderTarget
-} from 'three';
-import BokehShader from "../shaders/BokehShader.js";
-
-const BokehPass = function (scene, camera, params) {
-
-    this.scene = scene;
-    this.camera = camera;
-
-    const focus = (params.focus !== undefined) ? params.focus : 1.0;
-    const aspect = (params.aspect !== undefined) ? params.aspect : camera.aspect;
-    const aperture = (params.aperture !== undefined) ? params.aperture : 0.025;
-    const maxblur = (params.maxblur !== undefined) ? params.maxblur : 1.0;
-
-    // render targets
-
-    const width = params.width || window.innerWidth || 1;
-    const height = params.height || window.innerHeight || 1;
-
-    this.renderTargetColor = new WebGLRenderTarget(width, height, {
-        minFilter: LinearFilter,
-        magFilter: LinearFilter,
-        format: RGBFormat
-    });
-
-    this.renderTargetDepth = this.renderTargetColor.clone();
-
-    // depth material
-
-    this.materialDepth = new MeshDepthMaterial();
-
-    // bokeh material
-
-    if (BokehShader === undefined) {
-
-        console.error("THREE.BokehPass relies on THREE.BokehShader");
-
-    }
-
-    const bokehShader = BokehShader;
-    const bokehUniforms = UniformsUtils.clone(bokehShader.uniforms);
-
-    bokehUniforms["tDepth"].value = this.renderTargetDepth;
-
-    bokehUniforms["focus"].value = focus;
-    bokehUniforms["aspect"].value = aspect;
-    bokehUniforms["aperture"].value = aperture;
-    bokehUniforms["maxblur"].value = maxblur;
-
-    this.materialBokeh = new ShaderMaterial({
-        uniforms: bokehUniforms,
-        vertexShader: bokehShader.vertexShader,
-        fragmentShader: bokehShader.fragmentShader
-    });
-
-    this.uniforms = bokehUniforms;
-    this.enabled = true;
-    this.needsSwap = false;
-    this.renderToScreen = false;
-    this.clear = false;
-
-    this.camera2 = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
-    this.scene2 = new Scene();
-
-    this.quad2 = new Mesh(new PlaneBufferGeometry(2, 2), null);
-    this.scene2.add(this.quad2);
-
-};
-
-BokehPass.prototype = {
-
-    render: function (renderer, writeBuffer, readBuffer, delta, maskActive) {
-
-        this.quad2.material = this.materialBokeh;
-
-        // Render depth into texture
-
-        this.scene.overrideMaterial = this.materialDepth;
-
-        renderer.render(this.scene, this.camera, this.renderTargetDepth, true);
-
-        // Render bokeh composite
-
-        this.uniforms["tColor"].value = readBuffer;
-
-        if (this.renderToScreen) {
-
-            renderer.render(this.scene2, this.camera2);
-
-        } else {
-
-            renderer.render(this.scene2, this.camera2, writeBuffer, this.clear);
-
-        }
-
-        this.scene.overrideMaterial = null;
-
-    }
-
-};
-
-export default BokehPass;

package/src/engine/graphics/postprocess/threejs/postprocessing/ClearMaskPass.d.ts

@@ -1,4 +0,0 @@
-export default ClearMaskPass;
-declare class ClearMaskPass {
-}
-//# sourceMappingURL=ClearMaskPass.d.ts.map

package/src/engine/graphics/postprocess/threejs/postprocessing/ClearMaskPass.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearMaskPass.d.ts","sourceRoot":"","sources":["../../../../../../../src/engine/graphics/postprocess/threejs/postprocessing/ClearMaskPass.js"],"names":[],"mappings":""}

package/src/engine/graphics/postprocess/threejs/postprocessing/ClearMaskPass.js

@@ -1,23 +0,0 @@
-/**
- * Created by Alex on 11/09/2015.
- */
-
-const ClearMaskPass = function () {
-
-    this.enabled = true;
-
-};
-
-ClearMaskPass.prototype = {
-
-    render: function (renderer, writeBuffer, readBuffer, delta) {
-
-        const context = renderer.context;
-
-        context.disable(context.STENCIL_TEST);
-
-    }
-
-};
-
-export default ClearMaskPass;

package/src/engine/graphics/postprocess/threejs/postprocessing/DotScreenPass.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=DotScreenPass.d.ts.map

package/src/engine/graphics/postprocess/threejs/postprocessing/DotScreenPass.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DotScreenPass.d.ts","sourceRoot":"","sources":["../../../../../../../src/engine/graphics/postprocess/threejs/postprocessing/DotScreenPass.js"],"names":[],"mappings":""}

package/src/engine/graphics/postprocess/threejs/postprocessing/DotScreenPass.js

@@ -1,60 +0,0 @@
-/**
- * @author alteredq / http://alteredqualia.com/
- */
-
-THREE.DotScreenPass = function (center, angle, scale) {
-
-    if (THREE.DotScreenShader === undefined)
-        console.error("THREE.DotScreenPass relies on THREE.DotScreenShader");
-
-    const shader = THREE.DotScreenShader;
-
-    this.uniforms = THREE.UniformsUtils.clone(shader.uniforms);
-
-    if (center !== undefined) this.uniforms["center"].value.copy(center);
-    if (angle !== undefined) this.uniforms["angle"].value = angle;
-    if (scale !== undefined) this.uniforms["scale"].value = scale;
-
-    this.material = new THREE.ShaderMaterial({
-
-        uniforms: this.uniforms,
-        vertexShader: shader.vertexShader,
-        fragmentShader: shader.fragmentShader
-
-    });
-
-    this.enabled = true;
-    this.renderToScreen = false;
-    this.needsSwap = true;
-
-
-    this.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
-    this.scene = new THREE.Scene();
-
-    this.quad = new THREE.Mesh(new THREE.PlaneBufferGeometry(2, 2), null);
-    this.scene.add(this.quad);
-
-};
-
-THREE.DotScreenPass.prototype = {
-
-    render: function (renderer, writeBuffer, readBuffer, delta) {
-
-        this.uniforms["tDiffuse"].value = readBuffer;
-        this.uniforms["tSize"].value.set(readBuffer.width, readBuffer.height);
-
-        this.quad.material = this.material;
-
-        if (this.renderToScreen) {
-
-            renderer.render(this.scene, this.camera);
-
-        } else {
-
-            renderer.render(this.scene, this.camera, writeBuffer, false);
-
-        }
-
-    }
-
-};

package/src/engine/graphics/postprocess/threejs/postprocessing/EffectComposer.js

@@ -1,150 +0,0 @@
-/**
- * @author alteredq / http://alteredqualia.com/
- */
-import { LinearFilter, RGBFormat, WebGLRenderTarget } from 'three';
-import CopyShader from "../shaders/CopyShader.js";
-import ShaderPass from "./ShaderPass.js";
-import ClearMaskPass from "./ClearMaskPass.js";
-import MaskPass from "./MaskPass.js";
-
-const EffectComposer = function (renderer, renderTarget) {
-
-    this.renderer = renderer;
-
-    if (renderTarget === undefined) {
-
-        const pixelRatio = renderer.getPixelRatio();
-
-        const width = Math.floor(renderer.context.canvas.width / pixelRatio) || 1;
-        const height = Math.floor(renderer.context.canvas.height / pixelRatio) || 1;
-        const parameters = {
-            minFilter: LinearFilter,
-            magFilter: LinearFilter,
-            format: RGBFormat,
-            stencilBuffer: false
-        };
-
-        renderTarget = new WebGLRenderTarget(width, height, parameters);
-
-    }
-
-    this.renderTarget1 = renderTarget;
-    this.renderTarget2 = renderTarget.clone();
-
-    this.writeBuffer = this.renderTarget1;
-    this.readBuffer = this.renderTarget2;
-
-    this.passes = [];
-
-    if (CopyShader === undefined)
-        console.error("THREE.EffectComposer relies on THREE.CopyShader");
-
-    this.copyPass = new ShaderPass(CopyShader);
-
-};
-
-EffectComposer.prototype = {
-
-    swapBuffers: function () {
-
-        const tmp = this.readBuffer;
-        this.readBuffer = this.writeBuffer;
-        this.writeBuffer = tmp;
-
-    },
-
-    addPass: function (pass) {
-
-        this.passes.push(pass);
-
-    },
-
-    insertPass: function (pass, index) {
-
-        this.passes.splice(index, 0, pass);
-
-    },
-
-    render: function (delta) {
-
-        this.writeBuffer = this.renderTarget1;
-        this.readBuffer = this.renderTarget2;
-
-        let maskActive = false;
-
-        let pass, i;
-        const il = this.passes.length;
-
-        for (i = 0; i < il; i++) {
-
-            pass = this.passes[i];
-
-            if (!pass.enabled) continue;
-
-            pass.render(this.renderer, this.writeBuffer, this.readBuffer, delta, maskActive);
-
-            if (pass.needsSwap) {
-
-                if (maskActive) {
-
-                    const context = this.renderer.context;
-
-                    context.stencilFunc(context.NOTEQUAL, 1, 0xffffffff);
-
-                    this.copyPass.render(this.renderer, this.writeBuffer, this.readBuffer, delta);
-
-                    context.stencilFunc(context.EQUAL, 1, 0xffffffff);
-
-                }
-
-                this.swapBuffers();
-
-            }
-
-            if (pass instanceof MaskPass) {
-
-                maskActive = true;
-
-            } else if (pass instanceof ClearMaskPass) {
-
-                maskActive = false;
-
-            }
-
-        }
-
-    },
-
-    reset: function (renderTarget) {
-
-        if (renderTarget === undefined) {
-
-            renderTarget = this.renderTarget1.clone();
-
-            const pixelRatio = this.renderer.getPixelRatio();
-
-            renderTarget.width = Math.floor(this.renderer.context.canvas.width / pixelRatio);
-            renderTarget.height = Math.floor(this.renderer.context.canvas.height / pixelRatio);
-
-        }
-
-        this.renderTarget1.dispose();
-        this.renderTarget1 = renderTarget;
-        this.renderTarget2.dispose();
-        this.renderTarget2 = renderTarget.clone();
-
-        this.writeBuffer = this.renderTarget1;
-        this.readBuffer = this.renderTarget2;
-
-    },
-
-    setSize: function (width, height) {
-
-        this.renderTarget1.setSize(width, height);
-        this.renderTarget2.setSize(width, height);
-
-    }
-
-};
-
-export default EffectComposer;

package/src/engine/graphics/postprocess/threejs/postprocessing/FilmPass.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=FilmPass.d.ts.map

package/src/engine/graphics/postprocess/threejs/postprocessing/FilmPass.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilmPass.d.ts","sourceRoot":"","sources":["../../../../../../../src/engine/graphics/postprocess/threejs/postprocessing/FilmPass.js"],"names":[],"mappings":""}

package/src/engine/graphics/postprocess/threejs/postprocessing/FilmPass.js

@@ -1,61 +0,0 @@
-/**
- * @author alteredq / http://alteredqualia.com/
- */
-
-THREE.FilmPass = function (noiseIntensity, scanlinesIntensity, scanlinesCount, grayscale) {
-
-    if (THREE.FilmShader === undefined)
-        console.error("THREE.FilmPass relies on THREE.FilmShader");
-
-    const shader = THREE.FilmShader;
-
-    this.uniforms = THREE.UniformsUtils.clone(shader.uniforms);
-
-    this.material = new THREE.ShaderMaterial({
-
-        uniforms: this.uniforms,
-        vertexShader: shader.vertexShader,
-        fragmentShader: shader.fragmentShader
-
-    });
-
-    if (grayscale !== undefined) this.uniforms.grayscale.value = grayscale;
-    if (noiseIntensity !== undefined) this.uniforms.nIntensity.value = noiseIntensity;
-    if (scanlinesIntensity !== undefined) this.uniforms.sIntensity.value = scanlinesIntensity;
-    if (scanlinesCount !== undefined) this.uniforms.sCount.value = scanlinesCount;
-
-    this.enabled = true;
-    this.renderToScreen = false;
-    this.needsSwap = true;
-
-
-    this.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
-    this.scene = new THREE.Scene();
-
-    this.quad = new THREE.Mesh(new THREE.PlaneBufferGeometry(2, 2), null);
-    this.scene.add(this.quad);
-
-};
-
-THREE.FilmPass.prototype = {
-
-    render: function (renderer, writeBuffer, readBuffer, delta) {
-
-        this.uniforms["tDiffuse"].value = readBuffer;
-        this.uniforms["time"].value += delta;
-
-        this.quad.material = this.material;
-
-        if (this.renderToScreen) {
-
-            renderer.render(this.scene, this.camera);
-
-        } else {
-
-            renderer.render(this.scene, this.camera, writeBuffer, false);
-
-        }
-
-    }
-
-};

package/src/engine/graphics/postprocess/threejs/postprocessing/GlitchPass.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=GlitchPass.d.ts.map

package/src/engine/graphics/postprocess/threejs/postprocessing/GlitchPass.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlitchPass.d.ts","sourceRoot":"","sources":["../../../../../../../src/engine/graphics/postprocess/threejs/postprocessing/GlitchPass.js"],"names":[],"mappings":""}

package/src/engine/graphics/postprocess/threejs/postprocessing/GlitchPass.js

@@ -1,117 +0,0 @@
-/**
-
- */
-
-THREE.GlitchPass = function (dt_size) {
-
-    if (THREE.DigitalGlitch === undefined) console.error("THREE.GlitchPass relies on THREE.DigitalGlitch");
-
-    const shader = THREE.DigitalGlitch;
-    this.uniforms = THREE.UniformsUtils.clone(shader.uniforms);
-
-    if (dt_size == undefined) dt_size = 64;
-
-
-    this.uniforms["tDisp"].value = this.generateHeightmap(dt_size);
-
-
-    this.material = new THREE.ShaderMaterial({
-        uniforms: this.uniforms,
-        vertexShader: shader.vertexShader,
-        fragmentShader: shader.fragmentShader
-    });
-
-    console.log(this.material);
-
-    this.enabled = true;
-    this.renderToScreen = false;
-    this.needsSwap = true;
-
-
-    this.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
-    this.scene = new THREE.Scene();
-
-    this.quad = new THREE.Mesh(new THREE.PlaneBufferGeometry(2, 2), null);
-    this.scene.add(this.quad);
-
-    this.goWild = false;
-    this.curF = 0;
-    this.generateTrigger();
-
-};
-
-THREE.GlitchPass.prototype = {
-
-    render: function (renderer, writeBuffer, readBuffer, delta) {
-
-        this.uniforms["tDiffuse"].value = readBuffer;
-        this.uniforms['seed'].value = Math.random();//default seeding
-        this.uniforms['byp'].value = 0;
-
-        if (this.curF % this.randX == 0 || this.goWild == true) {
-
-            this.uniforms['amount'].value = Math.random() / 30;
-            this.uniforms['angle'].value = THREE.Math.randFloat(-Math.PI, Math.PI);
-            this.uniforms['seed_x'].value = THREE.Math.randFloat(-1, 1);
-            this.uniforms['seed_y'].value = THREE.Math.randFloat(-1, 1);
-            this.uniforms['distortion_x'].value = THREE.Math.randFloat(0, 1);
-            this.uniforms['distortion_y'].value = THREE.Math.randFloat(0, 1);
-            this.curF = 0;
-            this.generateTrigger();
-
-        } else if (this.curF % this.randX < this.randX / 5) {
-
-            this.uniforms['amount'].value = Math.random() / 90;
-            this.uniforms['angle'].value = THREE.Math.randFloat(-Math.PI, Math.PI);
-            this.uniforms['distortion_x'].value = THREE.Math.randFloat(0, 1);
-            this.uniforms['distortion_y'].value = THREE.Math.randFloat(0, 1);
-            this.uniforms['seed_x'].value = THREE.Math.randFloat(-0.3, 0.3);
-            this.uniforms['seed_y'].value = THREE.Math.randFloat(-0.3, 0.3);
-
-        } else if (this.goWild == false) {
-
-            this.uniforms['byp'].value = 1;
-
-        }
-        this.curF++;
-
-        this.quad.material = this.material;
-        if (this.renderToScreen) {
-
-            renderer.render(this.scene, this.camera);
-
-        } else {
-
-            renderer.render(this.scene, this.camera, writeBuffer, false);
-
-        }
-
-    },
-    generateTrigger: function () {
-
-        this.randX = THREE.Math.randInt(120, 240);
-
-    },
-    generateHeightmap: function (dt_size) {
-
-        const data_arr = new Float32Array(dt_size * dt_size * 3);
-        console.log(dt_size);
-        const length = dt_size * dt_size;
-
-        for (let i = 0; i < length; i++) {
-
-            const val = THREE.Math.randFloat(0, 1);
-            data_arr[i * 3 + 0] = val;
-            data_arr[i * 3 + 1] = val;
-            data_arr[i * 3 + 2] = val;
-
-        }
-
-        const texture = new THREE.DataTexture(data_arr, dt_size, dt_size, THREE.RGBFormat, THREE.FloatType);
-        console.log(texture);
-        console.log(dt_size);
-        texture.needsUpdate = true;
-        return texture;
-
-    }
-};