@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/programs/picking/pickable-renderer.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PickableRendererProgramCache = void 0;
-var util_1 = require("../../util");
-var totems_1 = require("../totems");
-var geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
-var programcache_1 = require("../programcache");
-require("../../util/gl-util/draw-options/types");
-var methods_1 = require("../../util/gl-util/draw-options/methods");
-var attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
-var manager_1 = require("../../util/gl-util/uniform-block/manager");
-var uniformBindingPoints = {
+import { createProgram } from "../../util";
+import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
+import { mercatorXYToGLPosition, cartesian3DToGLPosition, R_3D, R } from "../../util/shaderfunctions/geometrytransformations";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import "../../util/gl-util/draw-options/types";
+import { drawArrays } 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
 };
-var uniformBlockManager = new manager_1.UniformBlockManager("FlexibleBlock", [
+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]) },
@@ -25,15 +22,101 @@ var uniformBlockManager = new manager_1.UniformBlockManager("FlexibleBlock", [
     { 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);
-var vs = "#version 300 es\n".concat(geometrytransformations_1.R, "\n").concat(geometrytransformations_1.R_3D, "\n").concat(totems_1.CameraUniformBlockString, "\n").concat(geometrytransformations_1.mercatorXYToGLPosition, "\n").concat(geometrytransformations_1.cartesian3DToGLPosition, "\n\n").concat(uniformBlockManager.glslCode(), "\n\nprecision highp float;\nprecision highp int;\n\nin vec3 pos3D;\nin vec2 pos2D;\nin vec4 rgba;\nin float size;\n\n\nflat out highp int vVertexID;\n\nout vec4 v_rgba;\n\nout float v_length;\n\nvoid main() {\n    \n    v_rgba =  (rgba.r == -1.0) ? u_rgba : rgba;\n    v_rgba.a *= u_opacity;\n    gl_PointSize = max(((size == -1.0) ? u_size : size) * u_size_multiplier, u_minimum_size);\n    \n    float size_fixer; \n    if(is3D){\n        gl_Position = cartesian3DToGLPosition(pos3D);\n        size_fixer = smoothstep(0.15, 1.0, 0.5 * R_3D / gl_Position.w) ;\n    } else {\n        gl_Position = mercatorXYToGLPosition(pos2D);\n        size_fixer = smoothstep(2.0, 5.2, z_level);\n    }\n    gl_PointSize *= size_fixer;\n    switch (u_draw_mode) {\n        case 0:\n            vVertexID = gl_VertexID;\n            break;\n        case 1:\n            v_length = float(gl_VertexID % 2);\n            vVertexID = (gl_VertexID - gl_VertexID % 2) / 2; // a line takes two points\n            break;\n        default:\n            break;\n    }\n}");
-var fs = "#version 300 es\nprecision highp float;\nprecision highp int;\n\n".concat(uniformBlockManager.glslCode(), "\n\nflat in highp int vVertexID;\n\nin vec4 v_rgba;\nin float v_length;\n\nlayout(location = 0) out vec4 fragColor;\nlayout(location = 1) out int vertexID;\n\nvoid main() {\n    vertexID = vVertexID; \n    fragColor = v_rgba;\n\n    switch (u_draw_mode) {\n        case 0:\n            float d = distance(gl_PointCoord, vec2(0.5, 0.5));\n            if (u_is_circle) {\n                if (d > 0.5) discard;\n                fragColor.a *= smoothstep(0.5, 0.45, d);\n            }\n            if (u_dash_opacity_multiplier < 1.0) {\n                float dash = sin(d * 3.14159 * 2.0 * u_dash_count + u_dash_phase) * (1.0 - u_dash_opacity_multiplier) + u_dash_opacity_multiplier;\n                fragColor.a *= dash;\n            }\n            break;\n        case 1:\n            if (u_dash_opacity_multiplier < 1.0 && fract((v_length + u_dash_phase) * u_dash_count) < 0.5) {\n                fragColor.a *= u_dash_opacity_multiplier;\n            }\n            break;\n    }\n}");
-var PointOnGlobeProgram = /** @class */ (function () {
-    function PointOnGlobeProgram(globe) {
+const vs = `#version 300 es
+${R}
+${R_3D}
+${CameraUniformBlockString}
+${mercatorXYToGLPosition}
+${cartesian3DToGLPosition}
+
+${uniformBlockManager.glslCode()}
+
+precision highp float;
+precision highp int;
+
+in vec3 pos3D;
+in vec2 pos2D;
+in vec4 rgba;
+in float size;
+
+
+flat out highp int vVertexID;
+
+out vec4 v_rgba;
+
+out float v_length;
+
+void main() {
+    
+    v_rgba =  (rgba.r == -1.0) ? u_rgba : rgba;
+    v_rgba.a *= u_opacity;
+    gl_PointSize = max(((size == -1.0) ? u_size : size) * u_size_multiplier, u_minimum_size);
+    
+    float size_fixer; 
+    if(is3D){
+        gl_Position = cartesian3DToGLPosition(pos3D);
+        size_fixer = smoothstep(0.15, 1.0, 0.5 * R_3D / gl_Position.w) ;
+    } else {
+        gl_Position = mercatorXYToGLPosition(pos2D);
+        size_fixer = smoothstep(2.0, 5.2, z_level);
+    }
+    gl_PointSize *= size_fixer;
+    switch (u_draw_mode) {
+        case 0:
+            vVertexID = gl_VertexID;
+            break;
+        case 1:
+            v_length = float(gl_VertexID % 2);
+            vVertexID = (gl_VertexID - gl_VertexID % 2) / 2; // a line takes two points
+            break;
+        default:
+            break;
+    }
+}`;
+const fs = `#version 300 es
+precision highp float;
+precision highp int;
+
+${uniformBlockManager.glslCode()}
+
+flat in highp int vVertexID;
+
+in vec4 v_rgba;
+in float v_length;
+
+layout(location = 0) out vec4 fragColor;
+layout(location = 1) out int vertexID;
+
+void main() {
+    vertexID = vVertexID; 
+    fragColor = v_rgba;
+
+    switch (u_draw_mode) {
+        case 0:
+            float d = distance(gl_PointCoord, vec2(0.5, 0.5));
+            if (u_is_circle) {
+                if (d > 0.5) discard;
+                fragColor.a *= smoothstep(0.5, 0.45, d);
+            }
+            if (u_dash_opacity_multiplier < 1.0) {
+                float dash = sin(d * 3.14159 * 2.0 * u_dash_count + u_dash_phase) * (1.0 - u_dash_opacity_multiplier) + u_dash_opacity_multiplier;
+                fragColor.a *= dash;
+            }
+            break;
+        case 1:
+            if (u_dash_opacity_multiplier < 1.0 && fract((v_length + u_dash_phase) * u_dash_count) < 0.5) {
+                fragColor.a *= u_dash_opacity_multiplier;
+            }
+            break;
+    }
+}`;
+class PointOnGlobeProgram {
+    constructor(globe) {
         this.globe = globe;
         this.gl = globe.gl;
         this._isFreed = false;
-        this.program = (0, util_1.createProgram)(this.gl, vs, fs);
-        var _a = this, gl = _a.gl, program = _a.program;
+        this.program = createProgram(this.gl, vs, fs);
+        const { gl, program } = this;
         // assign opacity
         // assign attribute locations
         gl.bindAttribLocation(program, 0, "pos3D");
@@ -41,7 +124,7 @@ var PointOnGlobeProgram = /** @class */ (function () {
         gl.bindAttribLocation(program, 2, "rgba");
         gl.bindAttribLocation(program, 3, "size");
         // arrange camera uniform block
-        this.cameraBlockTotem = totems_1.CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
         this.cameraBlockTotem.assignBindingPoint(program, uniformBindingPoints.camera);
         uniformBlockManager.assignBindingPoint(this.gl, this.program);
         this._defaultUBO = uniformBlockManager.createUBO(this.gl);
@@ -53,52 +136,50 @@ var PointOnGlobeProgram = /** @class */ (function () {
             ["u_is_circle", [1.0]],
         ]));
     }
-    PointOnGlobeProgram.prototype.createUBO = function () {
-        var ubo = uniformBlockManager.createUBO(this.gl);
+    createUBO() {
+        const ubo = uniformBlockManager.createUBO(this.gl);
         return ubo;
-    };
-    PointOnGlobeProgram.prototype.createVAO = function (pos3DBufferObj, pos2DBufferObj, rgbaBufferObj, sizeBufferObj) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
+    }
+    createVAO(pos3DBufferObj, pos2DBufferObj, rgbaBufferObj, sizeBufferObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
-        (0, attribute_loader_1.attributeLoader)(gl, pos3DBufferObj, 0, 3);
-        (0, attribute_loader_1.attributeLoader)(gl, pos2DBufferObj, 1, 2);
-        (0, attribute_loader_1.attributeLoader)(gl, rgbaBufferObj, 2, 4, { escapeValues: [-1, -1, -1, -1] });
-        (0, attribute_loader_1.attributeLoader)(gl, sizeBufferObj, 3, 1, { escapeValues: [-1] });
+        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
      */
-    PointOnGlobeProgram.prototype.draw = function (vao, drawOptions, ubo) {
-        if (ubo === void 0) { ubo = null; }
-        var _a = this, gl = _a.gl, program = _a.program;
+    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();
-        (0, methods_1.drawArrays)(gl, gl.POINTS, drawOptions);
+        drawArrays(gl, gl.POINTS, drawOptions);
         ubo.unbind();
         this.cameraBlockTotem.unbind(uniformBindingPoints.camera);
         gl.bindVertexArray(null);
-    };
-    PointOnGlobeProgram.prototype.free = function () {
+    }
+    free() {
         if (this._isFreed)
             return;
-        var _a = this, gl = _a.gl, globe = _a.globe;
-        totems_1.CameraUniformBlockTotemCache.release(globe);
+        const { gl, globe } = this;
+        CameraUniformBlockTotemCache.release(globe);
         gl.deleteProgram(this.program);
         this._isFreed = true;
-    };
-    return PointOnGlobeProgram;
-}());
-var PickableRendererProgramCache = Object.freeze({
-    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, PointOnGlobeProgram); },
-    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, PointOnGlobeProgram); }
+    }
+}
+const PickableRendererProgramCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, PointOnGlobeProgram),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, PointOnGlobeProgram)
 });
-exports.PickableRendererProgramCache = PickableRendererProgramCache;
+export { PickableRendererProgramCache };

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

@@ -1,4 +1,3 @@
-"use strict";
 /**
  *        *
  *      *   *
@@ -6,29 +5,72 @@
  *      *   *
  *        *
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementGlobeSufaceGlowCache = void 0;
-var totems_1 = require("../totems");
-var geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
-var util_1 = require("../../util");
-var programcache_1 = require("../programcache");
-var attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
-var methods_1 = require("../../util/gl-util/draw-options/methods");
-var manager_1 = require("../../util/gl-util/uniform-block/manager");
-var uboBlockManager = new manager_1.UniformBlockManager("FlexibleBlock", [
+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);
-var vs = "#version 300 es\n".concat(geometrytransformations_1.PI, "\n").concat(totems_1.CameraUniformBlockString, "\n").concat(geometrytransformations_1.cartesian3DToGLPosition, "\n").concat(geometrytransformations_1.circleLimpFromLongLatRadCenterCartesian3D_accurate, "\n\nuniform float edge_count;\n\nin vec3 pos3D;\nin float radius;\nin vec4 color;\n\n").concat(uboBlockManager.glslCode(), "\n\nout vec4 vColor;\n\nvoid main() {\n\n    float radius_ = ( radius == -1.0 ) ? u_radius : radius;\n    vec4 color = ( color.r == -1.0 ) ? u_color : color;\n\n    if ( gl_VertexID == 0 ) {\n        gl_Position = cartesian3DToGLPosition(pos3D);\n        vColor = vColor;\n    } else {\n        float angle = PI * 2.0 * float( gl_VertexID - 1 ) / edge_count;\n        vec3 position = circleLimpFromLongLatRadCenterCartesian3D_accurate(pos3D, radius, angle);\n        gl_Position = cartesian3DToGLPosition(position);\n        float distance = distance(position, pos3D);\n\n        \n\n        vColor = vec4(color.rgb, color.a * (1.0 - distance / radius));\n    }\n}");
-var fs = "#version 300 es\nprecision highp float;\n\nuniform float opacity;\nin vec4 vColor;\n\nout vec4 fragColor;\n\nvoid main() {\n    fragColor = vColor;\n    fragColor.a *= opacity;\n}";
-var Logic = /** @class */ (function () {
-    function Logic(globe) {
+const vs = `#version 300 es
+${PI}
+${CameraUniformBlockString}
+${cartesian3DToGLPosition}
+${circleLimpFromLongLatRadCenterCartesian3D_accurate}
+
+uniform float edge_count;
+
+in vec3 pos3D;
+in float radius;
+in vec4 color;
+
+${uboBlockManager.glslCode()}
+
+out vec4 vColor;
+
+void main() {
+
+    float radius_ = ( radius == -1.0 ) ? u_radius : radius;
+    vec4 color = ( color.r == -1.0 ) ? u_color : color;
+
+    if ( gl_VertexID == 0 ) {
+        gl_Position = cartesian3DToGLPosition(pos3D);
+        vColor = vColor;
+    } else {
+        float angle = PI * 2.0 * float( gl_VertexID - 1 ) / edge_count;
+        vec3 position = circleLimpFromLongLatRadCenterCartesian3D_accurate(pos3D, radius, angle);
+        gl_Position = cartesian3DToGLPosition(position);
+        float distance = distance(position, pos3D);
+
+        
+
+        vColor = vec4(color.rgb, color.a * (1.0 - distance / radius));
+    }
+}`;
+const fs = `#version 300 es
+precision highp float;
+
+uniform float opacity;
+in vec4 vColor;
+
+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 = (0, util_1.createProgram)(this.gl, vs, fs);
-        var _a = this, gl = _a.gl, program = _a.program;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        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 = {
@@ -46,30 +88,28 @@ var Logic = /** @class */ (function () {
         gl.bindAttribLocation(program, 1, "radius");
         gl.bindAttribLocation(program, 2, "color");
         // camera uniform block
-        this.cameraUniformBlockTotem = totems_1.CameraUniformBlockTotemCache.get(globe);
+        this.cameraUniformBlockTotem = CameraUniformBlockTotemCache.get(globe);
         this.cameraBlockBindingPoint = 0;
-        var cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+        const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
         gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
         uboBlockManager.assignBindingPoint(this.gl, this.program);
         this._defaultUBO = uboBlockManager.createUBO(this.gl);
     }
-    Logic.prototype.createVAO = function (pos3DObj, radiusObj, colorObj) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
-        var divisor = 1;
+    createVAO(pos3DObj, radiusObj, colorObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        const divisor = 1;
         gl.bindVertexArray(vao);
         // TODO constants to escape values
-        (0, attribute_loader_1.attributeLoader)(gl, pos3DObj, 0, 3, { divisor: divisor });
-        (0, attribute_loader_1.attributeLoader)(gl, radiusObj, 1, 1, { divisor: divisor, escapeValues: [-1] });
-        (0, attribute_loader_1.attributeLoader)(gl, colorObj, 2, 4, { divisor: divisor, escapeValues: [-1, -1, -1, -1] });
+        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;
-    };
-    Logic.prototype.draw = function (vao, drawOptions, opacity, ubo) {
-        if (opacity === void 0) { opacity = 1.0; }
-        if (ubo === void 0) { ubo = null; }
-        var _a = this, gl = _a.gl, program = _a.program;
+    }
+    draw(vao, drawOptions, opacity = 1.0, ubo = null) {
+        const { gl, program } = this;
         gl.useProgram(program);
         gl.bindVertexArray(vao);
         if (opacity !== this._uniforms.opacity) {
@@ -78,25 +118,22 @@ var Logic = /** @class */ (function () {
         }
         ubo = ubo || this._defaultUBO;
         ubo.bind();
-        (0, methods_1.drawInstanced)(gl, gl.TRIANGLE_FAN, drawOptions);
+        drawInstanced(gl, gl.TRIANGLE_FAN, drawOptions);
         ubo.unbind();
         gl.bindVertexArray(null);
-    };
-    Logic.prototype.free = function () {
+    }
+    free() {
         if (this._isFreed)
             return;
-        totems_1.CameraUniformBlockTotemCache.release(this.globe);
+        CameraUniformBlockTotemCache.release(this.globe);
         this.gl.deleteProgram(this.program);
-        for (var _i = 0, _a = this._vaoCache; _i < _a.length; _i++) {
-            var vao = _a[_i];
+        for (const vao of this._vaoCache)
             this.gl.deleteVertexArray(vao);
-        }
         this._isFreed = true;
-    };
-    return Logic;
-}());
-var ElementGlobeSufaceGlowCache = Object.freeze({
-    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe); }
+    }
+}
+const ElementGlobeSufaceGlowCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe)
 });
-exports.ElementGlobeSufaceGlowCache = ElementGlobeSufaceGlowCache;
+export { ElementGlobeSufaceGlowCache };

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

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementPointGlowProgramCache = void 0;
-var util_1 = require("../../util");
-var totems_1 = require("../totems");
-var geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
-var programcache_1 = require("../programcache");
-var attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
-var methods_1 = require("../../util/gl-util/draw-options/methods");
-var manager_1 = require("../../util/gl-util/uniform-block/manager");
-var singularity_1 = require("../../shaders/fragment-toy/singularity");
-var firework_1 = require("../../shaders/fragment-toy/firework");
-var cameraBlockBindingPoint = 0;
-var flexibleBlockBindingPoint = 1;
-var uniformBlockManager = new manager_1.UniformBlockManager("FlexibleBlock", [
+import { createProgram } from "../../util";
+import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
+import { mercatorXYToGLPosition, cartesian3DToGLPosition } from "../../util/shaderfunctions/geometrytransformations";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
+import { drawArrays } from "../../util/gl-util/draw-options/methods";
+import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
+import { singularity } from "../../shaders/fragment-toy/singularity";
+import { firework } from "../../shaders/fragment-toy/firework";
+const cameraBlockBindingPoint = 0;
+const flexibleBlockBindingPoint = 1;
+const uniformBlockManager = new UniformBlockManager("FlexibleBlock", [
     { name: "u_rgba", type: "vec4", value: new Float32Array([1, 1, 1, 1]) },
     { name: "u_size_multiplier", type: "float", value: new Float32Array([1.0]) },
     { name: "u_opacity", type: "float", value: new Float32Array([1.0]) },
@@ -20,66 +17,134 @@ var uniformBlockManager = new manager_1.UniformBlockManager("FlexibleBlock", [
     { name: "u_minimumSize", type: "float", value: new Float32Array([25.0]) },
     { name: "u_phase", type: "float", value: new Float32Array([1.0]) },
 ], flexibleBlockBindingPoint);
-var vs = "#version 300 es\nprecision highp float;\n\n".concat(totems_1.CameraUniformBlockString, "\n").concat(geometrytransformations_1.mercatorXYToGLPosition, "\n").concat(geometrytransformations_1.cartesian3DToGLPosition, "\n\n").concat(uniformBlockManager.glslCode(), "\n\n\nin vec3 pos3D;\nin vec2 pos2D;\nin vec4 color;\nin float size;\n\nout vec4 vColor;\nflat out float v_size;\n\n\n\nvoid main() {\n\n    if(is3D){\n        gl_Position = cartesian3DToGLPosition(pos3D);\n    }\n    else {\n        gl_Position = mercatorXYToGLPosition(pos2D);\n    }\n\n    gl_PointSize = max(\n        ((size == -1.0) ? u_size  : size ) * u_size_multiplier,\n        u_minimumSize);\n    v_size = gl_PointSize;\n    vColor = (color.r == -1.0) ? u_rgba : color;\n    vColor.a *= u_opacity;\n\n}");
-var fs = "#version 300 es\nprecision highp float;\n\n".concat(uniformBlockManager.glslCode(), "\n\nin vec4 vColor;\nout vec4 fragColor;\n\nflat in float v_size;\n\n").concat(firework_1.firework, "\n").concat(singularity_1.singularity, " \n\nvoid main() {\n    fragColor = vColor;\n\n    float dist = distance(gl_PointCoord, vec2(0.5, 0.5)) * 2.0;\n    if ( dist > 1.0) discard;\n\n    // center glow\n    float center_alpha = smoothstep(0.5, 0.0, dist) * 0.3;\n    // center_alpha = smoothstep(0.0, 1.0, center_alpha);\n\n    // circle pattern\n    float threshold = fract(( - dist + u_phase - 0.5));\n    float circle_alpha = sin( threshold * 1.57 );\n    circle_alpha = smoothstep((v_size / (v_size + .5)), 1.0, circle_alpha);\n\n    float outer_circle_alpha = sin(dist * 1.57 );\n    outer_circle_alpha = smoothstep((v_size / (v_size + .5)), 1.0, outer_circle_alpha);\n\n    // fragColor = singularity(gl_PointCoord, u_phase);\n\n    fragColor.a *= smoothstep(0.0, 1.1, ( 0.4 * u_opacity + center_alpha +  circle_alpha+ outer_circle_alpha)); \n}");
-var Logic = /** @class */ (function () {
-    function Logic(globe) {
+const vs = `#version 300 es
+precision highp float;
+
+${CameraUniformBlockString}
+${mercatorXYToGLPosition}
+${cartesian3DToGLPosition}
+
+${uniformBlockManager.glslCode()}
+
+
+in vec3 pos3D;
+in vec2 pos2D;
+in vec4 color;
+in float size;
+
+out vec4 vColor;
+flat out float v_size;
+
+
+
+void main() {
+
+    if(is3D){
+        gl_Position = cartesian3DToGLPosition(pos3D);
+    }
+    else {
+        gl_Position = mercatorXYToGLPosition(pos2D);
+    }
+
+    gl_PointSize = max(
+        ((size == -1.0) ? u_size  : size ) * u_size_multiplier,
+        u_minimumSize);
+    v_size = gl_PointSize;
+    vColor = (color.r == -1.0) ? u_rgba : color;
+    vColor.a *= u_opacity;
+
+}`;
+const fs = `#version 300 es
+precision highp float;
+
+${uniformBlockManager.glslCode()}
+
+in vec4 vColor;
+out vec4 fragColor;
+
+flat in float v_size;
+
+${firework}
+${singularity} 
+
+void main() {
+    fragColor = vColor;
+
+    float dist = distance(gl_PointCoord, vec2(0.5, 0.5)) * 2.0;
+    if ( dist > 1.0) discard;
+
+    // center glow
+    float center_alpha = smoothstep(0.5, 0.0, dist) * 0.3;
+    // center_alpha = smoothstep(0.0, 1.0, center_alpha);
+
+    // circle pattern
+    float threshold = fract(( - dist + u_phase - 0.5));
+    float circle_alpha = sin( threshold * 1.57 );
+    circle_alpha = smoothstep((v_size / (v_size + .5)), 1.0, circle_alpha);
+
+    float outer_circle_alpha = sin(dist * 1.57 );
+    outer_circle_alpha = smoothstep((v_size / (v_size + .5)), 1.0, outer_circle_alpha);
+
+    // fragColor = singularity(gl_PointCoord, u_phase);
+
+    fragColor.a *= smoothstep(0.0, 1.1, ( 0.4 * u_opacity + center_alpha +  circle_alpha+ outer_circle_alpha)); 
+}`;
+class Logic {
+    constructor(globe) {
         this.globe = globe;
         this.gl = globe.gl;
-        this.program = (0, util_1.createProgram)(this.gl, vs, fs);
-        var _a = this, gl = _a.gl, program = _a.program;
+        this.program = createProgram(this.gl, vs, fs);
+        const { gl, program } = this;
         gl.bindAttribLocation(program, 0, "pos3D");
         gl.bindAttribLocation(program, 1, "pos2D");
         gl.bindAttribLocation(program, 2, "color");
         gl.bindAttribLocation(program, 3, "size");
         // assign uniform block
-        this.cameraBlockTotem = totems_1.CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
         this.cameraBlockTotem.assignBindingPoint(program, cameraBlockBindingPoint);
         uniformBlockManager.assignBindingPoint(this.gl, this.program);
         this._defaultUBO = uniformBlockManager.createUBO(this.gl);
     }
-    Logic.prototype.createVAO = function (pos3DBuffer, pos2DBuffer, colorBuffer, sizeBuffer) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
+    createVAO(pos3DBuffer, pos2DBuffer, colorBuffer, sizeBuffer) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
-        (0, attribute_loader_1.attributeLoader)(gl, pos3DBuffer, 0, 3);
-        (0, attribute_loader_1.attributeLoader)(gl, pos2DBuffer, 1, 2);
-        (0, attribute_loader_1.attributeLoader)(gl, colorBuffer, 2, 4, { escapeValues: [-1, -1, -1, -1] });
-        (0, attribute_loader_1.attributeLoader)(gl, sizeBuffer, 3, 1, { escapeValues: [-1] });
+        attributeLoader(gl, pos3DBuffer, 0, 3);
+        attributeLoader(gl, pos2DBuffer, 1, 2);
+        attributeLoader(gl, colorBuffer, 2, 4, { escapeValues: [-1, -1, -1, -1] });
+        attributeLoader(gl, sizeBuffer, 3, 1, { escapeValues: [-1] });
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return vao;
-    };
-    Logic.prototype.createUBO = function () {
-        var ubo = uniformBlockManager.createUBO(this.gl);
+    }
+    createUBO() {
+        const ubo = uniformBlockManager.createUBO(this.gl);
         return ubo;
-    };
-    Logic.prototype.draw = function (vao, drawOptions, ubo) {
-        if (ubo === void 0) { ubo = null; }
-        var _a = this, gl = _a.gl, program = _a.program, cameraBlockTotem = _a.cameraBlockTotem;
+    }
+    draw(vao, drawOptions, ubo = null) {
+        const { gl, program, cameraBlockTotem } = this;
         gl.useProgram(program);
         gl.bindVertexArray(vao);
         cameraBlockTotem.bind(cameraBlockBindingPoint);
         ubo = ubo || this._defaultUBO;
         ubo.bind();
-        (0, methods_1.drawArrays)(gl, gl.POINTS, drawOptions);
+        drawArrays(gl, gl.POINTS, drawOptions);
         ubo.unbind();
         gl.bindVertexArray(null);
         cameraBlockTotem.unbind(cameraBlockBindingPoint);
         this.globe.DrawRender();
-    };
+    }
     // for singleton cache interation
-    Logic.prototype.free = function () {
+    free() {
         if (this._isFreed)
             return;
-        totems_1.CameraUniformBlockTotemCache.release(this.globe);
+        CameraUniformBlockTotemCache.release(this.globe);
         this.gl.deleteProgram(this.program);
         this._isFreed = true;
-    };
-    return Logic;
-}());
-var ElementPointGlowProgramCache = Object.freeze({
-    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+    }
+}
+const ElementPointGlowProgramCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: globe => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
 });
-exports.ElementPointGlowProgramCache = ElementPointGlowProgramCache;
+export { ElementPointGlowProgramCache };