@pirireis/webglobeplugins 0.9.9 → 0.9.10

package/programs/line-on-globe/to-the-surface.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const util_1 = require("./util");
+const totems_1 = require("../totems");
+const geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
+const programcache_1 = require("../programcache");
+const attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
+require("../draw-options/types");
+const methods_1 = require("../draw-options/methods");
+const vs = `#version 300 es
+${geometrytransformations_1.R_3D}
+${totems_1.CameraUniformBlockString}
+${geometrytransformations_1.cartesian3DToGLPosition}
+in vec3 pos3D
+in vec4 color;
+out float ratio;
+out flat vec4 vColor;
+void main(){
+ if ( gl_VertexID  == 0) {
+  gl_Position = cartesian3DToGLPosition(pos3D);
+  ratio =0.0;
+ } else {
+  vec3 sea_level_pos3D = norm(pos3D) * R_3D;
+  gl_Position = cartesian3DToGLPosition(pos3D);
+  ratio = 1.0;
+ }
+ vColor = color;   
+}`;
+const fs = `#version 300 es
+uniform float opacity;
+uniform float phase;
+uniform float fadeOpacity;
+in flat vec4 vColor;
+in float ratio;
+out vec4 fragColor;
+void main(){
+ fragColor = vec4( vColor.rgb, vColor.a * opacity);
+ if (fadeOpacity < 1.0) {
+  float alpha= mix( fadeOpacity, vColor.a, fract( ratio + phase ));
+  fragColor.a *= alpha;
+ } 
+}`;
+class Logic {
+    constructor(globe) {
+        this.globe = globe;
+        this.gl = globe.gl;
+        this.program = (0, util_1.createProgram)(this.gl, vs, fs);
+        const { gl, program } = this;
+        this._opacity = {
+            lastValue: 1.0,
+            location: gl.getUniformLocation(program, 'opacity')
+        };
+        this._phase = {
+            lastValue: 1.0,
+            location: gl.getUniformLocation(program, 'phase')
+        };
+        this._fadeOpacity = {
+            lastValue: 1.0,
+            location: gl.getUniformBlockLocation(program, 'fadeOpacity')
+        };
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        gl.useProgram(program);
+        [this._opacity, this._phase, this._fadeOpacity].forEach((wrapper) => gl.uniform1f(wrapper.location, wrapper.lastValue));
+        gl.useProgram(currentProgram);
+        gl.useProgram(program);
+        gl.bindAttribLocation(program, 0, 'pos3D');
+        gl.bindAttribLocation(program, 1, 'color');
+        this.cameraUniformBlockTotem = new totems_1.CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockBindingPoint = 0;
+        const cameraBlockIndex = gl.getUniformBlockLocation(program, 'CameraUniformBlock');
+        gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
+    }
+    createVao(pos3DObj, colorObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
+        const divisor = 1;
+        gl.bindVertexArray(vao);
+        (0, attribute_loader_1.attributeLoader)(gl, pos3DObj, 0, 3, { divisor });
+        (0, attribute_loader_1.attributeLoader)(gl, colorObj, 1, 4, { divisor, escapeValue: [-1, -1, -1, -1] });
+        gl.bindVertexArray(null);
+        this._vaoCache.push(vao);
+        return vao;
+    }
+    /**
+     *
+     * @param {WebGL2RenderingContext.vertexArrayObject} vao
+     * @param {Render} drawOptions
+     */
+    draw(vao, drawOptions, { opacity = 1.0, fadeOpacity = 1.0, }) {
+        const { globe, gl, program, _opacity, _fadeOpacity } = this;
+        gl.useProgram(program);
+        gl.bindVertexArray(vao);
+        if (fadeOpacity < 1.0) {
+            this._updatePhase();
+            globe.drawRender();
+        }
+        if (fadeOpacity !== _fadeOpacity.lastValue) {
+            _fadeOpacity.lastValue = fadeOpacity;
+            gl.uniform1f(_fadeOpacity.location, fadeOpacity);
+        }
+        if (opacity !== _opacity.lastValue) {
+            _opacity.lastValue = opacity;
+            gl.uniform1f(_opacity.location, opacity);
+        }
+        (0, methods_1.drawInstanced)(gl, gl.TRIANGLE_FAN, drawOptions);
+    }
+    _updatePhase() {
+        this._phase.lastValue = (Date.now() / 3.0) % 1000;
+        gl.uniform1f(_phase.location, _phase.lastValue);
+    }
+}

package/programs/line-on-globe/util.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Z_ALPHA_MODE = void 0;
+const Z_ALPHA_MODE = Object.freeze({
+    ON: 1,
+    OFF: 0
+});
+exports.Z_ALPHA_MODE = Z_ALPHA_MODE;

package/programs/picking/pickable-renderer.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickableRendererProgramCache = void 0;
+const util_1 = require("../../util");
+const totems_1 = require("../totems");
+const geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
+const programcache_1 = require("../programcache");
+require("../../util/gl-util/draw-options/types");
+const methods_1 = require("../../util/gl-util/draw-options/methods");
+const attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
+const manager_1 = require("../../util/gl-util/uniform-block/manager");
+const uniformBindingPoints = {
+    camera: 0,
+    flexible: 1
+};
+const uniformBlockManager = new manager_1.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
+${geometrytransformations_1.R}
+${geometrytransformations_1.R_3D}
+${totems_1.CameraUniformBlockString}
+${geometrytransformations_1.mercatorXYToGLPosition}
+${geometrytransformations_1.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);
+        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 = totems_1.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);
+        (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] });
+        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();
+        (0, methods_1.drawArrays)(gl, gl.POINTS, drawOptions);
+        ubo.unbind();
+        this.cameraBlockTotem.unbind(uniformBindingPoints.camera);
+        gl.bindVertexArray(null);
+    }
+    free() {
+        if (this._isFreed)
+            return;
+        const { gl, globe } = this;
+        totems_1.CameraUniformBlockTotemCache.release(globe);
+        gl.deleteProgram(this.program);
+        this._isFreed = true;
+    }
+}
+const PickableRendererProgramCache = Object.freeze({
+    get: (globe) => programcache_1.noRegisterGlobeProgramCache.getProgram(globe, PointOnGlobeProgram),
+    release: (globe) => programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, PointOnGlobeProgram)
+});
+exports.PickableRendererProgramCache = PickableRendererProgramCache;

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

@@ -0,0 +1,142 @@
+"use strict";
+/**
+ *        *
+ *      *   *
+ *    *   *   *
+ *      *   *
+ *        *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementGlobeSufaceGlowCache = void 0;
+const totems_1 = require("../totems");
+const geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
+const util_1 = require("../../util");
+const programcache_1 = require("../programcache");
+const attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
+const methods_1 = require("../../util/gl-util/draw-options/methods");
+const manager_1 = require("../../util/gl-util/uniform-block/manager");
+const uboBlockManager = new manager_1.UniformBlockManager("FlexibleBlock", [
+    { name: "u_color", type: "vec4" },
+    { name: "u_radius", type: "float" }
+], 1);
+const vs = `#version 300 es
+${geometrytransformations_1.PI}
+${totems_1.CameraUniformBlockString}
+${geometrytransformations_1.cartesian3DToGLPosition}
+${geometrytransformations_1.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);
+        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 = totems_1.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);
+        // TODO constants to escape values
+        (0, attribute_loader_1.attributeLoader)(gl, pos3DObj, 0, 3, { divisor });
+        (0, attribute_loader_1.attributeLoader)(gl, radiusObj, 1, 1, { divisor, escapeValues: [-1] });
+        (0, attribute_loader_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();
+        (0, methods_1.drawInstanced)(gl, gl.TRIANGLE_FAN, drawOptions);
+        ubo.unbind();
+        gl.bindVertexArray(null);
+    }
+    free() {
+        if (this._isFreed)
+            return;
+        totems_1.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) => programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe)
+});
+exports.ElementGlobeSufaceGlowCache = ElementGlobeSufaceGlowCache;

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

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementPointGlowProgramCache = void 0;
+const util_1 = require("../../util");
+const totems_1 = require("../totems");
+const geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
+const programcache_1 = require("../programcache");
+const attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
+const methods_1 = require("../../util/gl-util/draw-options/methods");
+const manager_1 = require("../../util/gl-util/uniform-block/manager");
+const singularity_1 = require("../../shaders/fragment-toy/singularity");
+const firework_1 = require("../../shaders/fragment-toy/firework");
+const cameraBlockBindingPoint = 0;
+const flexibleBlockBindingPoint = 1;
+const uniformBlockManager = new manager_1.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]) },
+    { name: "u_size", type: "float", value: new Float32Array([1.0]) },
+    { name: "u_minimumSize", type: "float", value: new Float32Array([25.0]) },
+    { name: "u_phase", type: "float", value: new Float32Array([1.0]) },
+], flexibleBlockBindingPoint);
+const vs = `#version 300 es
+precision highp float;
+
+${totems_1.CameraUniformBlockString}
+${geometrytransformations_1.mercatorXYToGLPosition}
+${geometrytransformations_1.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_1.firework}
+${singularity_1.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);
+        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.assignBindingPoint(program, cameraBlockBindingPoint);
+        uniformBlockManager.assignBindingPoint(this.gl, this.program);
+        this._defaultUBO = uniformBlockManager.createUBO(this.gl);
+    }
+    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] });
+        gl.bindVertexArray(null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return vao;
+    }
+    createUBO() {
+        const ubo = uniformBlockManager.createUBO(this.gl);
+        return ubo;
+    }
+    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);
+        ubo.unbind();
+        gl.bindVertexArray(null);
+        cameraBlockTotem.unbind(cameraBlockBindingPoint);
+        this.globe.DrawRender();
+    }
+    // for singleton cache interation
+    free() {
+        if (this._isFreed)
+            return;
+        totems_1.CameraUniformBlockTotemCache.release(this.globe);
+        this.gl.deleteProgram(this.program);
+        this._isFreed = true;
+    }
+}
+const ElementPointGlowProgramCache = Object.freeze({
+    get: (globe) => programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: globe => programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
+});
+exports.ElementPointGlowProgramCache = ElementPointGlowProgramCache;