@pirireis/webglobeplugins 0.15.35 → 0.16.0

package/programs/picking/pickable-renderer.js

@@ -1,26 +1,33 @@
-import { createProgram } from "../../util";
-import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
-import { mercatorXYToGLPosition, cartesian3DToGLPosition, R_3D, R } from "../../util/shaderfunctions/geometrytransformations";
-import { noRegisterGlobeProgramCache } from "../programcache";
-import { drawArrays, DrawRangeIndexParams } from "../../util/gl-util/draw-options/methods";
-import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
-import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
-const uniformBindingPoints = {
-    camera: 0,
-    flexible: 1
-};
-const uniformBlockManager = new UniformBlockManager("FlexibleBlock", [
-    { name: "u_rgba", type: "vec4", value: new Float32Array([1, 1, 1, 1]) },
-    { name: "u_opacity", type: "float", value: new Float32Array([1.0]) },
-    { name: "u_size_multiplier", type: "float", value: new Float32Array([1.0]) },
-    { name: "u_size", type: "float", value: new Float32Array([1.0]) },
-    { name: "u_minimum_size", type: "float", value: new Float32Array([1.0]) },
-    { name: "u_draw_mode", type: "int", value: new Int32Array([0]) }, // 0.0 for point, 1.0 for line
-    { name: "u_is_circle", type: "bool", value: new Float32Array([1.0]) },
-    { name: "u_dash_count", type: "float", value: new Float32Array([1.0]) },
-    { name: "u_dash_opacity_multiplier", type: "float", value: new Float32Array([1.0]) },
-    { name: "u_dash_phase", type: "float", value: new Float32Array([0.0]) },
-], uniformBindingPoints.flexible);
+import { createProgram } from "../../util";
+import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
+import { mercatorXYToGLPosition, cartesian3DToGLPosition, R_3D, R } from "../../util/shaderfunctions/geometrytransformations";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import { drawArrays, DrawRangeIndexParams } from "../../util/gl-util/draw-options/methods";
+import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
+import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
+
+
+const uniformBindingPoints = {
+    camera: 0,
+    flexible: 1
+};
+
+const uniformBlockManager = new UniformBlockManager(
+    "FlexibleBlock",
+    [
+        { name: "u_rgba", type: "vec4", value: new Float32Array([1, 1, 1, 1]) },
+        { name: "u_opacity", type: "float", value: new Float32Array([1.0]) },
+        { name: "u_size_multiplier", type: "float", value: new Float32Array([1.0]) },
+        { name: "u_size", type: "float", value: new Float32Array([1.0]) },
+        { name: "u_minimum_size", type: "float", value: new Float32Array([1.0]) },
+        { name: "u_draw_mode", type: "int", value: new Int32Array([0]) }, // 0.0 for point, 1.0 for line
+        { name: "u_is_circle", type: "bool", value: new Float32Array([1.0]) },
+        { name: "u_dash_count", type: "float", value: new Float32Array([1.0]) },
+        { name: "u_dash_opacity_multiplier", type: "float", value: new Float32Array([1.0]) },
+        { name: "u_dash_phase", type: "float", value: new Float32Array([0.0]) },
+    ], uniformBindingPoints.flexible);
+
+
 const vs = `#version 300 es
 ${R}
 ${R_3D}
@@ -71,7 +78,8 @@ void main() {
         default:
             break;
     }
-}`;
+}`;
+
 const fs = `#version 300 es
 precision highp float;
 precision highp int;
@@ -108,77 +116,100 @@ void main() {
             }
             break;
     }
-}`;
-class PointOnGlobeProgram {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._isFreed = false;
-        this.program = createProgram(this.gl, vs, fs);
-        const { gl, program } = this;
-        // assign opacity
-        // assign attribute locations
-        gl.bindAttribLocation(program, 0, "pos3D");
-        gl.bindAttribLocation(program, 1, "pos2D");
-        gl.bindAttribLocation(program, 2, "rgba");
-        gl.bindAttribLocation(program, 3, "size");
-        // arrange camera uniform block
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        this.cameraBlockTotem.assignBindingPoint(program, uniformBindingPoints.camera);
-        uniformBlockManager.assignBindingPoint(this.gl, this.program);
-        this._defaultUBO = uniformBlockManager.createUBO(this.gl);
-        this._defaultUBO.update(new Map([
-            ["u_rgba", [1, 1, 1, 1]],
-            ["u_opacity", [1.0]],
-            ["u_size_multiplier", [1.0]],
-            ["u_size", [1.0]],
-            ["u_is_circle", [1.0]],
-        ]));
-    }
-    createUBO() {
-        const ubo = uniformBlockManager.createUBO(this.gl);
-        return ubo;
-    }
-    createVAO(pos3DBufferObj, pos2DBufferObj, rgbaBufferObj, sizeBufferObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        gl.bindVertexArray(vao);
-        attributeLoader(gl, pos3DBufferObj, 0, 3);
-        attributeLoader(gl, pos2DBufferObj, 1, 2);
-        attributeLoader(gl, rgbaBufferObj, 2, 4, { escapeValues: [-1, -1, -1, -1] });
-        attributeLoader(gl, sizeBufferObj, 3, 1, { escapeValues: [-1] });
-        gl.bindVertexArray(null);
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        return vao;
-    }
-    /**
-     *
-     * @param {vertexArrayObject} vao
-     * @param {DrawRangeIndexParams} drawOptions
-     */
-    draw(vao, drawOptions, ubo = null) {
-        const { gl, program } = this;
-        gl.useProgram(program);
-        gl.bindVertexArray(vao);
-        this.cameraBlockTotem.bind(uniformBindingPoints.camera);
-        ubo = ubo || this._defaultUBO;
-        ubo.bind();
-        drawArrays(gl, gl.POINTS, drawOptions);
-        ubo.unbind();
-        this.cameraBlockTotem.unbind(uniformBindingPoints.camera);
-        gl.bindVertexArray(null);
-    }
-    free() {
-        if (this._isFreed)
-            return;
-        const { gl, globe } = this;
-        CameraUniformBlockTotemCache.release(globe);
-        gl.deleteProgram(this.program);
-        this._isFreed = true;
-    }
-}
-const PickableRendererProgramCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, PointOnGlobeProgram),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, PointOnGlobeProgram)
-});
-export { PickableRendererProgramCache };
+}`;
+
+
+class PointOnGlobeProgram {
+
+    constructor(globe) {
+
+        this.globe = globe;
+        this.gl = globe.gl;
+        this._isFreed = false;
+        this.program = createProgram(this.gl, vs, fs);
+
+        const { gl, program } = this;
+
+        // assign opacity
+
+
+        // assign attribute locations
+        gl.bindAttribLocation(program, 0, "pos3D");
+        gl.bindAttribLocation(program, 1, "pos2D");
+        gl.bindAttribLocation(program, 2, "rgba");
+        gl.bindAttribLocation(program, 3, "size");
+        // arrange camera uniform block
+
+
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockTotem.assignBindingPoint(program, uniformBindingPoints.camera);
+        uniformBlockManager.assignBindingPoint(this.gl, this.program);
+        this._defaultUBO = uniformBlockManager.createUBO(this.gl);
+
+        this._defaultUBO.update(new Map([
+            ["u_rgba", [1, 1, 1, 1]],
+            ["u_opacity", [1.0]],
+            ["u_size_multiplier", [1.0]],
+            ["u_size", [1.0]],
+            ["u_is_circle", [1.0]],
+        ]));
+    }
+
+
+    createUBO() {
+        const ubo = uniformBlockManager.createUBO(this.gl);
+        return ubo;
+    }
+
+    createVAO(pos3DBufferObj, pos2DBufferObj, rgbaBufferObj, sizeBufferObj) {
+
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        gl.bindVertexArray(vao);
+
+        attributeLoader(gl, pos3DBufferObj, 0, 3);
+        attributeLoader(gl, pos2DBufferObj, 1, 2);
+        attributeLoader(gl, rgbaBufferObj, 2, 4, { escapeValues: [-1, -1, -1, -1] });
+        attributeLoader(gl, sizeBufferObj, 3, 1, { escapeValues: [-1] });
+
+        gl.bindVertexArray(null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return vao;
+    }
+
+
+    /**
+     * 
+     * @param {vertexArrayObject} vao 
+     * @param {DrawRangeIndexParams} drawOptions
+     */
+    draw(vao, drawOptions, ubo = null) {
+        const { gl, program } = this;
+        gl.useProgram(program);
+        gl.bindVertexArray(vao);
+        this.cameraBlockTotem.bind(uniformBindingPoints.camera);
+        ubo = ubo || this._defaultUBO;
+        ubo.bind();
+
+        drawArrays(gl, gl.POINTS, drawOptions);
+        ubo.unbind();
+        this.cameraBlockTotem.unbind(uniformBindingPoints.camera);
+        gl.bindVertexArray(null);
+    }
+
+    free() {
+        if (this._isFreed) return;
+        const { gl, globe } = this;
+        CameraUniformBlockTotemCache.release(globe);
+        gl.deleteProgram(this.program);
+        this._isFreed = true;
+    }
+}
+
+
+const PickableRendererProgramCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, PointOnGlobeProgram),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, PointOnGlobeProgram)
+});
+
+export { PickableRendererProgramCache };

package/programs/point-on-globe/element-globe-surface-glow.js

@@ -1,21 +1,31 @@
-/**
- *        *
- *      *   *
- *    *   *   *
- *      *   *
- *        *
- */
-import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
-import { PI, mercatorXYToGLPosition, cartesian3DToGLPosition, circleLimpFromLongLatRadCenterCartesian3D_accurate } from "../../util/shaderfunctions/geometrytransformations";
-import { createProgram } from "../../util";
-import { noRegisterGlobeProgramCache } from "../programcache";
-import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
-import { drawInstanced } from "../../util/gl-util/draw-options/methods";
-import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
-const uboBlockManager = new UniformBlockManager("FlexibleBlock", [
-    { name: "u_color", type: "vec4" },
-    { name: "u_radius", type: "float" }
-], 1);
+/**
+ *        *
+ *      *   *
+ *    *   *   *
+ *      *   *
+ *        *
+ */
+
+
+
+import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
+import { PI, mercatorXYToGLPosition, cartesian3DToGLPosition, circleLimpFromLongLatRadCenterCartesian3D_accurate } from "../../util/shaderfunctions/geometrytransformations";
+import { createProgram } from "../../util";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
+import { drawInstanced } from "../../util/gl-util/draw-options/methods";
+import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
+
+
+const uboBlockManager = new UniformBlockManager(
+    "FlexibleBlock",
+    [
+        { name: "u_color", type: "vec4" },
+        { name: "u_radius", type: "float" }
+    ],
+    1
+);
+
 const vs = `#version 300 es
 ${PI}
 ${CameraUniformBlockString}
@@ -50,7 +60,9 @@ void main() {
 
         vColor = vec4(color.rgb, color.a * (1.0 - distance / radius));
     }
-}`;
+}`;
+
+
 const fs = `#version 300 es
 precision highp float;
 
@@ -62,77 +74,94 @@ out vec4 fragColor;
 void main() {
     fragColor = vColor;
     fragColor.a *= opacity;
-}`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._vaoCache = [];
-        this.program = createProgram(this.gl, vs, fs);
-        const { gl, program } = this;
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(program);
-        // set uniform locations
-        this._uniforms = {
-            edge_count_loc: gl.getUniformLocation(program, "edge_count"),
-            edge_count: 40,
-            opacity_loc: gl.getUniformLocation(program, "opacity"),
-            opacity: 1.0
-        };
-        // last values
-        gl.uniform1f(this._uniforms.edge_count_loc, this._uniforms.edge_count);
-        gl.uniform1f(this._uniforms.opacity_loc, this._uniforms.opacity);
-        gl.useProgram(currentProgram);
-        // assign attribute locations
-        gl.bindAttribLocation(program, 0, "pos3D");
-        gl.bindAttribLocation(program, 1, "radius");
-        gl.bindAttribLocation(program, 2, "color");
-        // camera uniform block
-        this.cameraUniformBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        this.cameraBlockBindingPoint = 0;
-        const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
-        uboBlockManager.assignBindingPoint(this.gl, this.program);
-        this._defaultUBO = uboBlockManager.createUBO(this.gl);
-    }
-    createVAO(pos3DObj, radiusObj, colorObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        const divisor = 1;
-        gl.bindVertexArray(vao);
-        attributeLoader(gl, pos3DObj, 0, 3, { divisor });
-        attributeLoader(gl, radiusObj, 1, 1, { divisor, escapeValues: [-1] });
-        attributeLoader(gl, colorObj, 2, 4, { divisor, escapeValues: [-1, -1, -1, -1] });
-        gl.bindVertexArray(null);
-        this._vaoCache.push(vao);
-        return vao;
-    }
-    draw(vao, drawOptions, opacity = 1.0, ubo = null) {
-        const { gl, program } = this;
-        gl.useProgram(program);
-        gl.bindVertexArray(vao);
-        if (opacity !== this._uniforms.opacity) {
-            gl.uniform1f(this._uniforms.opacity_loc, opacity);
-            this._uniforms.opacity = opacity;
-        }
-        ubo = ubo || this._defaultUBO;
-        ubo.bind();
-        drawInstanced(gl, gl.TRIANGLE_FAN, drawOptions);
-        ubo.unbind();
-        gl.bindVertexArray(null);
-    }
-    free() {
-        if (this._isFreed)
-            return;
-        CameraUniformBlockTotemCache.release(this.globe);
-        this.gl.deleteProgram(this.program);
-        for (const vao of this._vaoCache)
-            this.gl.deleteVertexArray(vao);
-        this._isFreed = true;
-    }
-}
-const ElementGlobeSufaceGlowCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe)
-});
-export { ElementGlobeSufaceGlowCache };
+}`;
+
+
+class Logic {
+    constructor(globe) {
+        this.globe = globe;
+        this.gl = globe.gl;
+
+        this._vaoCache = [];
+
+        this.program = createProgram(this.gl, vs, fs);
+
+        const { gl, program } = this;
+
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(program);
+        // set uniform locations
+        this._uniforms = {
+            edge_count_loc: gl.getUniformLocation(program, "edge_count"),
+            edge_count: 40,
+            opacity_loc: gl.getUniformLocation(program, "opacity"),
+            opacity: 1.0
+        };
+        // last values
+        gl.uniform1f(this._uniforms.edge_count_loc, this._uniforms.edge_count);
+        gl.uniform1f(this._uniforms.opacity_loc, this._uniforms.opacity);
+
+        gl.useProgram(currentProgram);
+        // assign attribute locations
+        gl.bindAttribLocation(program, 0, "pos3D");
+        gl.bindAttribLocation(program, 1, "radius");
+        gl.bindAttribLocation(program, 2, "color");
+        // camera uniform block
+        this.cameraUniformBlockTotem = CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockBindingPoint = 0;
+        const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+        gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
+
+        uboBlockManager.assignBindingPoint(this.gl, this.program);
+        this._defaultUBO = uboBlockManager.createUBO(this.gl);
+    }
+
+
+    createVAO(pos3DObj, radiusObj, colorObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        const divisor = 1;
+        gl.bindVertexArray(vao);
+
+        attributeLoader(gl, pos3DObj, 0, 3, { divisor });
+        attributeLoader(gl, radiusObj, 1, 1, { divisor, escapeValues: [-1] });
+        attributeLoader(gl, colorObj, 2, 4, { divisor, escapeValues: [-1, -1, -1, -1] });
+
+        gl.bindVertexArray(null);
+        this._vaoCache.push(vao);
+        return vao;
+    }
+
+
+    draw(vao, drawOptions, opacity = 1.0, ubo = null) {
+        const { gl, program } = this;
+        gl.useProgram(program);
+        gl.bindVertexArray(vao);
+        if (opacity !== this._uniforms.opacity) {
+            gl.uniform1f(this._uniforms.opacity_loc, opacity);
+            this._uniforms.opacity = opacity;
+        }
+        ubo = ubo || this._defaultUBO;
+        ubo.bind();
+        drawInstanced(gl, gl.TRIANGLE_FAN, drawOptions);
+        ubo.unbind();
+        gl.bindVertexArray(null);
+    }
+
+
+    free() {
+        if (this._isFreed) return;
+        CameraUniformBlockTotemCache.release(this.globe);
+        this.gl.deleteProgram(this.program);
+        for (const vao of this._vaoCache) this.gl.deleteVertexArray(vao);
+        this._isFreed = true;
+    }
+}
+
+
+const ElementGlobeSufaceGlowCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe)
+})
+
+export { ElementGlobeSufaceGlowCache };