@pirireis/webglobeplugins 0.15.34 → 0.16.0

package/programs/globeshell/wiggle/logic.js

@@ -1,22 +1,28 @@
-import { createProgram } from '../../../util';
-export default class Logic {
-    constructor() {
-        this.id = "GlobeShellProgram";
-        this.description = "This program implements flyweight pattern for globe." +
-            "At globes draw3D call stack, this program should be prior to any program that uses it." +
-            "draw3D method of this object only sets Projetion, ModelView and Translate matrices and if the mode is 2D mapWH .";
-    }
-    init(globe, gl) {
-        this.gl = gl;
-        this.globe = globe;
-        this.programWrapper = this._createProgramWrapper();
-        this._transformArray = new Float32Array(3);
-        this.setGeometry();
-        this.resize();
-        this.updateTime(0);
-        this.setMesh({ xRes: 64, yRes: 64, eastWestTied: false });
-    }
-    _createProgramWrapper() {
+import { createProgram } from '../../../util';
+
+
+
+export default class Logic {
+    constructor() {
+        this.id = "GlobeShellProgram";
+        this.description = "This program implements flyweight pattern for globe." +
+            "At globes draw3D call stack, this program should be prior to any program that uses it." +
+            "draw3D method of this object only sets Projetion, ModelView and Translate matrices and if the mode is 2D mapWH .";
+
+    }
+
+    init(globe, gl) {
+        this.gl = gl;
+        this.globe = globe;
+        this.programWrapper = this._createProgramWrapper();
+        this._transformArray = new Float32Array(3);
+        this.setGeometry();
+        this.resize();
+        this.updateTime(0);
+        this.setMesh({ xRes: 64, yRes: 64, eastWestTied: false });
+    }
+
+    _createProgramWrapper() {
         const vertexShader = `#version 300 es
         #define R 6378.137
         #define PI 3.1415926535897932384626433832795
@@ -105,7 +111,8 @@ export default class Logic {
             v_texture_coordinate = texCoord;
             v_opacity = u_opacity;
         }
-        `;
+        `;
+
         const fragmentShader = `#version 300 es
         precision lowp float;
         in vec2 v_texture_coordinate;
@@ -117,226 +124,248 @@ export default class Logic {
         void main() {
            outColor = texture(u_texture, v_texture_coordinate);
            outColor.a *= v_opacity;
-        }`;
-        const gl = this.gl;
-        const program = createProgram(gl, vertexShader, fragmentShader);
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(program);
-        this.shellBlockBindingPoint = 0;
-        const shellBlockIndex = gl.getUniformBlockIndex(program, "ShellBlock");
-        gl.uniformBlockBinding(program, shellBlockIndex, this.shellBlockBindingPoint);
-        gl.useProgram(currentProgram);
-        return {
-            program,
-            u_model_view_matrix: gl.getUniformLocation(program, "u_model_view_matrix"),
-            u_projection_matrix: gl.getUniformLocation(program, "u_projection_matrix"),
-            u_translate: gl.getUniformLocation(program, "u_translate"),
-            u_is3D: gl.getUniformLocation(program, "u_is3D"),
-            u_scrWH: gl.getUniformLocation(program, "u_scrWH"),
-            u_mapWH: gl.getUniformLocation(program, "u_mapWH"),
-            u_texture: gl.getUniformLocation(program, "u_texture"),
-            u_mesh_resolution: gl.getUniformLocation(program, "u_mesh_resolution"),
-        };
-    }
-    // this method implements data part of flyweight pattern
-    getShellBlockBufferManager() {
-        return new ShellBlockManager(this.gl);
-    }
-    updateTime(time) {
-        const { gl, programWrapper } = this;
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(programWrapper.program);
-        gl.uniform1f(this.programWrapper.u_time, time);
-        gl.useProgram(currentProgram);
-    }
-    setRotationAndTranslation(uProjectionMatrix, uModelViewMatrix, uTranslate, resetCurrentProgram = false) {
-        const gl = this.gl;
-        let currentProgram = null;
-        if (resetCurrentProgram) {
-            currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        }
-        ;
-        gl.useProgram(this.programWrapper.program);
-        gl.uniformMatrix4fv(this.programWrapper.u_projection_matrix, false, uProjectionMatrix);
-        gl.uniformMatrix4fv(this.programWrapper.u_model_view_matrix, false, uModelViewMatrix);
-        this._transformArray.set([uTranslate.x, uTranslate.y, uTranslate.z], 0);
-        gl.uniform3fv(this.programWrapper.u_translate, this._transformArray);
-        if (resetCurrentProgram)
-            gl.useProgram(currentProgram);
-    }
-    setGeometry() {
-        const { globe, gl } = this;
-        const { u_is3D, u_scrWH, program } = this.programWrapper;
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        const is3D = this.globe.api_GetCurrentGeometry() === 0;
-        gl.useProgram(program);
-        if (globe.api_GetCurrentGeometry() === globe.api_GeometryTypes().FLAT) {
-            gl.uniform2f(u_scrWH, globe.api_ScrW(), globe.api_ScrH());
-        }
-        gl.uniform1i(u_is3D, is3D);
-        gl.useProgram(currentProgram);
-    }
-    resize() {
-        const { gl, globe } = this;
-        if (!globe)
-            return;
-        const { program, u_scrWH } = this.programWrapper;
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(program);
-        if (globe.api_GetCurrentGeometry() === globe.api_GeometryTypes().FLAT) {
-            gl.uniform2f(u_scrWH, globe.api_ScrW(), globe.api_ScrH());
-        }
-        gl.useProgram(currentProgram);
-    }
-    // only sets data does not draw
-    draw3D(uProjectionMatrix, uModelViewMatrix, uTranslate) {
-        const { gl, globe } = this;
-        const { program, u_model_view_matrix, u_projection_matrix, u_translate } = this.programWrapper;
-        gl.disable(gl.DEPTH_TEST);
-        gl.useProgram(program);
-        gl.uniformMatrix4fv(u_projection_matrix, false, uProjectionMatrix);
-        gl.uniformMatrix4fv(u_model_view_matrix, false, uModelViewMatrix);
-        // this._transformArray.set([], 0);
-        gl.uniform3f(u_translate, uTranslate.x, uTranslate.y, uTranslate.z);
-        if (globe.api_GetCurrentGeometry() === 1) {
-            const { width, height } = globe.api_GetCurrentWorldWH();
-            gl.uniform2fv(this.programWrapper.u_mapWH, [width, height]);
-        }
-        gl.enable(gl.DEPTH_TEST);
-    }
-    draw(texture, shellBlockDataManager, drawLines = false) {
-        const { gl, programWrapper, _vao, _drawCount } = this;
-        const { program, u_texture } = programWrapper;
-        gl.useProgram(program);
-        gl.bindVertexArray(_vao);
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-        gl.uniform1i(u_texture, 0);
-        shellBlockDataManager.bind();
-        if (drawLines)
-            gl.drawElements(gl.LINES, _drawCount, gl.UNSIGNED_SHORT, 0);
-        gl.clearColor(0, 0, 0, 0);
-        gl.drawElements(gl.TRIANGLES, _drawCount, gl.UNSIGNED_SHORT, 0);
-        shellBlockDataManager.unbind();
-        gl.bindVertexArray(null);
-    }
-    free() {
-        const { gl, programWrapper, _vao, _indexBuffer } = this;
-        gl.deleteBuffer(_indexBuffer);
-        gl.deleteVertexArray(_vao);
-        gl.deleteProgram(programWrapper.program);
-    }
-    setMesh({ xRes, yRes, eastWestTied }) {
-        this._xRes = xRes;
-        this._yRes = yRes;
-        const { _vao } = this._meshUP(xRes, yRes, eastWestTied);
-        this._vao = _vao;
-        this._setUMeshResolution(xRes, yRes);
-    }
-    _setUMeshResolution(xRes, yRes) {
-        const { gl, programWrapper } = this;
-        const { u_mesh_resolution } = programWrapper;
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(programWrapper.program);
-        gl.uniform2f(u_mesh_resolution, xRes, yRes);
-        gl.useProgram(currentProgram);
-        this._drawCount = 6 * ((xRes - 1) * (yRes - 1));
-    }
-    _meshUP(xRes, yRes, eastWestTied) {
-        this._drawCount = 6 * ((xRes - 1) * (yRes - 1));
-        const indices = new Uint16Array(this._drawCount);
-        {
-            let indicesIndex = 0;
-            let index = 0;
-            for (let j = 0; j < yRes - 1; j++) {
-                for (let i = 0; i < xRes - 1; i++) {
-                    const ind = index + i;
-                    indices[indicesIndex++] = ind + xRes;
-                    indices[indicesIndex++] = ind + 1;
-                    indices[indicesIndex++] = ind;
-                    indices[indicesIndex++] = ind + xRes + 1;
-                    indices[indicesIndex++] = ind + 1;
-                    indices[indicesIndex++] = ind + xRes;
-                }
-                index += xRes;
-            }
-            if (eastWestTied) {
-                let left = (yRes - 1);
-                let right = 0;
-                for (let i = 0; i < xRes - 1; i++) {
-                    indices[indicesIndex++] = left + xRes;
-                    indices[indicesIndex++] = right;
-                    indices[indicesIndex++] = left;
-                    indices[indicesIndex++] = right + xRes;
-                    indices[indicesIndex++] = right;
-                    indices[indicesIndex++] = left + xRes;
-                    left += xRes;
-                    right += xRes;
-                }
-            }
-        }
-        const gl = this.gl;
-        const _vao = gl.createVertexArray();
-        gl.bindVertexArray(_vao);
-        const indexBuffer = gl.createBuffer();
-        this._indexBuffer = indexBuffer;
-        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer);
-        gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW);
-        gl.bindVertexArray(null);
-        return { _vao };
-    }
-}
-class ShellBlockManager {
-    constructor(gl) {
-        this.gl = gl;
-        this.buffer = gl.createBuffer();
-        gl.bindBuffer(gl.UNIFORM_BUFFER, this.buffer);
-        gl.bufferData(gl.UNIFORM_BUFFER, 32, gl.DYNAMIC_DRAW);
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    update({ gridSizeRad = null, gridOffsetRad = null, height = null, wiggleInKM = null, innerTime = null, opacity = null } = {}) {
-        const { gl, buffer } = this;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, buffer);
-        if (gridOffsetRad !== null) {
-            const offset = new Float32Array(gridOffsetRad);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 0, offset);
-        }
-        if (gridSizeRad !== null) {
-            const size = new Float32Array(gridSizeRad);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 8, size);
-        }
-        if (height !== null) {
-            const heightArray = new Float32Array([height]);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 16, heightArray);
-        }
-        if (wiggleInKM !== null) {
-            const wiggleArray = new Float32Array([wiggleInKM]);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 20, wiggleArray);
-        }
-        if (innerTime !== null) {
-            const innerTimeArray = new Float32Array([innerTime]);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 24, innerTimeArray);
-        }
-        if (opacity !== null) {
-            if (opacity < 0 || opacity > 1) {
-                console.warn('Invalid opacity value');
-                return;
-            }
-            const op = new Float32Array([opacity]);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 28, op);
-        }
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    bind() {
-        const { gl, buffer } = this;
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.shellBlockBindingPoint, buffer);
-    }
-    free() {
-        const { gl, buffer } = this;
-        gl.deleteBuffer(buffer);
-    }
-    unbind() {
-        const { gl } = this;
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.shellBlockBindingPoint, null);
-    }
-}
+        }`;
+
+        const gl = this.gl;
+        const program = createProgram(gl, vertexShader, fragmentShader);
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(program);
+        this.shellBlockBindingPoint = 0;
+        const shellBlockIndex = gl.getUniformBlockIndex(program, "ShellBlock");
+        gl.uniformBlockBinding(program, shellBlockIndex, this.shellBlockBindingPoint);
+        gl.useProgram(currentProgram);
+
+        return {
+            program,
+            u_model_view_matrix: gl.getUniformLocation(program, "u_model_view_matrix"),
+            u_projection_matrix: gl.getUniformLocation(program, "u_projection_matrix"),
+            u_translate: gl.getUniformLocation(program, "u_translate"),
+            u_is3D: gl.getUniformLocation(program, "u_is3D"),
+            u_scrWH: gl.getUniformLocation(program, "u_scrWH"),
+            u_mapWH: gl.getUniformLocation(program, "u_mapWH"),
+            u_texture: gl.getUniformLocation(program, "u_texture"),
+            u_mesh_resolution: gl.getUniformLocation(program, "u_mesh_resolution"),
+        }
+    }
+
+    // this method implements data part of flyweight pattern
+    getShellBlockBufferManager() {
+        return new ShellBlockManager(this.gl)
+    }
+
+    updateTime(time) {
+        const { gl, programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(programWrapper.program);
+        gl.uniform1f(this.programWrapper.u_time, time);
+        gl.useProgram(currentProgram);
+    }
+
+    setRotationAndTranslation(uProjectionMatrix, uModelViewMatrix, uTranslate, resetCurrentProgram = false) {
+        const gl = this.gl;
+        let currentProgram = null;
+        if (resetCurrentProgram) { currentProgram = gl.getParameter(gl.CURRENT_PROGRAM) };
+        gl.useProgram(this.programWrapper.program);
+        gl.uniformMatrix4fv(this.programWrapper.u_projection_matrix, false, uProjectionMatrix);
+        gl.uniformMatrix4fv(this.programWrapper.u_model_view_matrix, false, uModelViewMatrix);
+        this._transformArray.set([uTranslate.x, uTranslate.y, uTranslate.z], 0);
+        gl.uniform3fv(this.programWrapper.u_translate, this._transformArray);
+        if (resetCurrentProgram) gl.useProgram(currentProgram);
+    }
+
+
+    setGeometry() {
+        const { globe, gl } = this;
+        const { u_is3D, u_scrWH, program } = this.programWrapper;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const is3D = this.globe.api_GetCurrentGeometry() === 0;
+        gl.useProgram(program);
+        if (globe.api_GetCurrentGeometry() === globe.api_GeometryTypes().FLAT) {
+            gl.uniform2f(u_scrWH, globe.api_ScrW(), globe.api_ScrH());
+        }
+        gl.uniform1i(u_is3D, is3D);
+        gl.useProgram(currentProgram);
+    }
+
+
+    resize() {
+        const { gl, globe } = this;
+        if (!globe) return;
+        const { program, u_scrWH } = this.programWrapper;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(program);
+        if (globe.api_GetCurrentGeometry() === globe.api_GeometryTypes().FLAT) {
+            gl.uniform2f(u_scrWH, globe.api_ScrW(), globe.api_ScrH());
+        }
+        gl.useProgram(currentProgram);
+    }
+
+    // only sets data does not draw
+    draw3D(uProjectionMatrix, uModelViewMatrix, uTranslate) {
+        const { gl, globe } = this;
+        const { program, u_model_view_matrix, u_projection_matrix, u_translate } = this.programWrapper;
+        gl.disable(gl.DEPTH_TEST);
+        gl.useProgram(program);
+        gl.uniformMatrix4fv(u_projection_matrix, false, uProjectionMatrix);
+        gl.uniformMatrix4fv(u_model_view_matrix, false, uModelViewMatrix);
+        // this._transformArray.set([], 0);
+        gl.uniform3f(u_translate, uTranslate.x, uTranslate.y, uTranslate.z);
+
+        if (globe.api_GetCurrentGeometry() === 1) {
+            const { width, height } = globe.api_GetCurrentWorldWH();
+            gl.uniform2fv(this.programWrapper.u_mapWH, [width, height]);
+        }
+        gl.enable(gl.DEPTH_TEST);
+    }
+
+
+    draw(texture, shellBlockDataManager, drawLines = false) {
+        const { gl, programWrapper, _vao, _drawCount } = this;
+        const { program, u_texture } = programWrapper;
+        gl.useProgram(program);
+        gl.bindVertexArray(_vao);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        gl.uniform1i(u_texture, 0);
+        shellBlockDataManager.bind();
+        if (drawLines) gl.drawElements(gl.LINES, _drawCount, gl.UNSIGNED_SHORT, 0);
+        gl.clearColor(0, 0, 0, 0);
+        gl.drawElements(gl.TRIANGLES, _drawCount, gl.UNSIGNED_SHORT, 0);
+        shellBlockDataManager.unbind();
+        gl.bindVertexArray(null);
+    }
+
+
+    free() {
+        const { gl, programWrapper, _vao, _indexBuffer } = this;
+        gl.deleteBuffer(_indexBuffer);
+        gl.deleteVertexArray(_vao);
+        gl.deleteProgram(programWrapper.program);
+    }
+
+
+    setMesh({ xRes, yRes, eastWestTied }) {
+        this._xRes = xRes;
+        this._yRes = yRes;
+        const { _vao } = this._meshUP(xRes, yRes, eastWestTied);
+        this._vao = _vao;
+        this._setUMeshResolution(xRes, yRes);
+    }
+
+    _setUMeshResolution(xRes, yRes) {
+        const { gl, programWrapper } = this;
+        const { u_mesh_resolution } = programWrapper;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(programWrapper.program);
+        gl.uniform2f(u_mesh_resolution, xRes, yRes);
+        gl.useProgram(currentProgram);
+        this._drawCount = 6 * ((xRes - 1) * (yRes - 1));
+    }
+
+    _meshUP(xRes, yRes, eastWestTied) {
+        this._drawCount = 6 * ((xRes - 1) * (yRes - 1))
+        const indices = new Uint16Array(this._drawCount);
+        {
+            let indicesIndex = 0;
+            let index = 0;
+            for (let j = 0; j < yRes - 1; j++) {
+                for (let i = 0; i < xRes - 1; i++) {
+                    const ind = index + i;
+                    indices[indicesIndex++] = ind + xRes;
+                    indices[indicesIndex++] = ind + 1;
+                    indices[indicesIndex++] = ind;
+                    indices[indicesIndex++] = ind + xRes + 1;
+                    indices[indicesIndex++] = ind + 1;
+                    indices[indicesIndex++] = ind + xRes;
+                }
+                index += xRes;
+            }
+            if (eastWestTied) {
+                let left = (yRes - 1);
+                let right = 0;
+                for (let i = 0; i < xRes - 1; i++) {
+                    indices[indicesIndex++] = left + xRes;
+                    indices[indicesIndex++] = right;
+                    indices[indicesIndex++] = left;
+                    indices[indicesIndex++] = right + xRes;
+                    indices[indicesIndex++] = right;
+                    indices[indicesIndex++] = left + xRes;
+                    left += xRes;
+                    right += xRes;
+                }
+            }
+        }
+        const gl = this.gl;
+        const _vao = gl.createVertexArray();
+        gl.bindVertexArray(_vao);
+        const indexBuffer = gl.createBuffer();
+        this._indexBuffer = indexBuffer;
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer);
+        gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW);
+        gl.bindVertexArray(null);
+        return { _vao };
+    }
+
+}
+
+
+class ShellBlockManager {
+    constructor(gl) {
+        this.gl = gl;
+        this.buffer = gl.createBuffer();
+        gl.bindBuffer(gl.UNIFORM_BUFFER, this.buffer);
+        gl.bufferData(gl.UNIFORM_BUFFER, 32, gl.DYNAMIC_DRAW);
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+
+    update(
+        {
+            gridSizeRad = null,
+            gridOffsetRad = null,
+            height = null,
+            wiggleInKM = null,
+            innerTime = null,
+            opacity = null } = {}) {
+        const { gl, buffer } = this;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, buffer);
+
+        if (gridOffsetRad !== null) {
+            const offset = new Float32Array(gridOffsetRad);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 0, offset);
+        }
+        if (gridSizeRad !== null) {
+            const size = new Float32Array(gridSizeRad);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 8, size);
+        }
+        if (height !== null) {
+            const heightArray = new Float32Array([height]);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 16, heightArray);
+        }
+        if (wiggleInKM !== null) {
+            const wiggleArray = new Float32Array([wiggleInKM]);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 20, wiggleArray);
+        }
+        if (innerTime !== null) {
+            const innerTimeArray = new Float32Array([innerTime]);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 24, innerTimeArray);
+        }
+        if (opacity !== null) {
+            if (opacity < 0 || opacity > 1) { console.warn('Invalid opacity value'); return; }
+            const op = new Float32Array([opacity]);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 28, op);
+        }
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+    bind() {
+        const { gl, buffer } = this;
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.shellBlockBindingPoint, buffer);
+    }
+    free() {
+        const { gl, buffer } = this;
+        gl.deleteBuffer(buffer);
+    }
+    unbind() {
+        const { gl } = this;
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.shellBlockBindingPoint, null);
+    }
+}