@pirireis/webglobeplugins 0.9.10 → 0.9.11

package/programs/rings/distancering/paddyflatprogram2d.js

@@ -34,10 +34,10 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaddingProgramCache = void 0;
-const util_1 = require("../../../util");
-const camerauniformblock_1 = __importStar(require("../../totems/camerauniformblock"));
-const programcache_1 = require("../../programcache");
-const vertexShader = `#version 300 es ` +
+var util_1 = require("../../../util");
+var camerauniformblock_1 = __importStar(require("../../totems/camerauniformblock"));
+var programcache_1 = require("../../programcache");
+var vertexShader = "#version 300 es " +
     util_1.shaderfunctions.PI +
     util_1.shaderfunctions.R +
     util_1.shaderfunctions.POLE +
@@ -48,65 +48,11 @@ const vertexShader = `#version 300 es ` +
     util_1.shaderfunctions.circleLimpFromLongLatRadCenterCartesian3D +
     util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorCompass +
     util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistancePadding +
-    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistance + `
-
-in vec2 center;
-in float radius;
-in float pad_range;
-in vec4 color;
-in float flag;
-
-uniform int compass;
-uniform float pad_count;
-
-uniform float opacity;
-
-
-out vec2 v_limp;
-out vec4 v_color;
-
-
-void main() {   
-
-    float alpha_padding =  z_level * z_level / (pad_range/ 100.0 );
-    if( flag == 2.0 || flag == 1.0 || radius == 0.0 || alpha_padding < 0.1 || z_level < 3.0 ) return; // 1.0 is hide 
-    v_color = vec4(color.rgb, color.a * alpha_padding * opacity);
-
-    gl_PointSize = 2.0;
-
-    float odd = mod(float(gl_VertexID), 2.0);
-    float index = (float(gl_VertexID)- odd ) / 2.0;
-    float angle = 3.1415926535897932384626433832795 * 2.0 * (index / pad_count );
-    float radius_ = radius - (pad_range * odd);
-
-    if ( is3D){  
-        gl_Position = projection * view * vec4(
-            circleLimpFromLongLatRadCenterCartesian3D( center, radius_, angle) - translate, 1.0);
-        v_limp = vec2(0.0, 0.0);
-        return;
-    }
-    vec2 limp;
-    if ( compass == 1 ){
-        limp = circleLimpFromLongLatRadCenterMercatorCompass(center , radius_, angle);
-    } else {
-        // limp = circleLimpFromLongLatRadCenterMercatorRealDistancePadding(center, radius_, angle);
-        limp = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);
-    }
-    v_limp = limp;
-    gl_Position = mercatorXYToGLPosition(limp);
-}`;
-const fragmentShader = `#version 300 es
-precision highp float; ` +
-    util_1.shaderfunctions.POLE + `
-in vec4 v_color;
-in vec2 v_limp;
-out vec4 outColor;
-void main() {
-    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ discard; }
-    outColor = v_color;
-}`;
-class Logic {
-    constructor(globe) {
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistance + "\n\nin vec2 center;\nin float radius;\nin float pad_range;\nin vec4 color;\nin float flag;\n\nuniform int compass;\nuniform float pad_count;\n\nuniform float opacity;\n\n\nout vec2 v_limp;\nout vec4 v_color;\n\n\nvoid main() {   \n\n    float alpha_padding =  z_level * z_level / (pad_range/ 100.0 );\n    if( flag == 2.0 || flag == 1.0 || radius == 0.0 || alpha_padding < 0.1 || z_level < 3.0 ) return; // 1.0 is hide \n    v_color = vec4(color.rgb, color.a * alpha_padding * opacity);\n\n    gl_PointSize = 2.0;\n\n    float odd = mod(float(gl_VertexID), 2.0);\n    float index = (float(gl_VertexID)- odd ) / 2.0;\n    float angle = 3.1415926535897932384626433832795 * 2.0 * (index / pad_count );\n    float radius_ = radius - (pad_range * odd);\n\n    if ( is3D){  \n        gl_Position = projection * view * vec4(\n            circleLimpFromLongLatRadCenterCartesian3D( center, radius_, angle) - translate, 1.0);\n        v_limp = vec2(0.0, 0.0);\n        return;\n    }\n    vec2 limp;\n    if ( compass == 1 ){\n        limp = circleLimpFromLongLatRadCenterMercatorCompass(center , radius_, angle);\n    } else {\n        // limp = circleLimpFromLongLatRadCenterMercatorRealDistancePadding(center, radius_, angle);\n        limp = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);\n    }\n    v_limp = limp;\n    gl_Position = mercatorXYToGLPosition(limp);\n}";
+var fragmentShader = "#version 300 es\nprecision highp float; " +
+    util_1.shaderfunctions.POLE + "\nin vec4 v_color;\nin vec2 v_limp;\nout vec4 outColor;\nvoid main() {\n    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ discard; }\n    outColor = v_color;\n}";
+var Logic = /** @class */ (function () {
+    function Logic(globe) {
         this.globe = globe;
         this.gl = globe.gl;
         this.program = (0, util_1.createProgram)(this.gl, vertexShader, fragmentShader);
@@ -118,7 +64,7 @@ class Logic {
             this.gl.bindAttribLocation(this.program, 4, "flag");
         }
         this.cameraBlockBindingPoint = 0;
-        const cameraBlockIndex = this.gl.getUniformBlockIndex(this.program, "CameraUniformBlock");
+        var cameraBlockIndex = this.gl.getUniformBlockIndex(this.program, "CameraUniformBlock");
         this.gl.uniformBlockBinding(this.program, cameraBlockIndex, this.cameraBlockBindingPoint);
         this.cameraBlockTotem = programcache_1.globeProgramCache.getProgram(globe, camerauniformblock_1.default);
         this._padCountLocation = this.gl.getUniformLocation(this.program, "pad_count");
@@ -128,7 +74,7 @@ class Logic {
         this._opacity = 1.0;
         this._padCount = 360;
         {
-            const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+            var currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
             this.gl.useProgram(this.program);
             this.gl.uniform1i(this._compassLocation, 1);
             this.gl.uniform1f(this._opacityLocation, 1.0);
@@ -136,10 +82,10 @@ class Logic {
             this.gl.useProgram(currentProgram);
         }
     }
-    draw(vao, length, opaity) {
-    }
-    draw(attrBufferManager, padCount, compass, opacity) {
-        const { gl, program, _padCountLocation, cameraBlockBindingPoint, cameraBlockTotem, _compassLocation } = this;
+    Logic.prototype.draw = function (vao, length, opaity) {
+    };
+    Logic.prototype.draw = function (attrBufferManager, padCount, compass, opacity) {
+        var _a = this, gl = _a.gl, program = _a.program, _padCountLocation = _a._padCountLocation, cameraBlockBindingPoint = _a.cameraBlockBindingPoint, cameraBlockTotem = _a.cameraBlockTotem, _compassLocation = _a._compassLocation;
         gl.useProgram(program);
         attrBufferManager.bindPaddingVAO();
         cameraBlockTotem.bind(cameraBlockBindingPoint);
@@ -162,13 +108,14 @@ class Logic {
         gl.drawArraysInstanced(gl.LINES, 0, padCount * 2, attrBufferManager.length);
         gl.bindVertexArray(null);
         cameraBlockTotem.unbind(cameraBlockBindingPoint);
-    }
-    free() {
+    };
+    Logic.prototype.free = function () {
         this.gl.deleteProgram(this.program);
         programcache_1.globeProgramCache.releaseProgram(this.globe, camerauniformblock_1.default);
-    }
-}
+    };
+    return Logic;
+}());
 exports.PaddingProgramCache = Object.freeze({
-    getProgram: (globe) => { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    releaseProgram: (globe) => { programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+    getProgram: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    releaseProgram: function (globe) { programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
 });

package/programs/rings/distancering/paddyflatprogram3d.js

@@ -34,10 +34,10 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaddingProgramCache = void 0;
-const util_1 = require("../../../util");
-const camerauniformblock_1 = __importStar(require("../../totems/camerauniformblock"));
-const programcache_1 = require("../../programcache");
-const vertexShader = `#version 300 es ` +
+var util_1 = require("../../../util");
+var camerauniformblock_1 = __importStar(require("../../totems/camerauniformblock"));
+var programcache_1 = require("../../programcache");
+var vertexShader = "#version 300 es " +
     util_1.shaderfunctions.PI +
     util_1.shaderfunctions.R +
     util_1.shaderfunctions.POLE +
@@ -48,65 +48,11 @@ const vertexShader = `#version 300 es ` +
     util_1.shaderfunctions.circleLimpFromLongLatRadCenterCartesian3D +
     util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorCompass +
     util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistancePadding +
-    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistance + `
-
-in vec2 center;
-in float radius;
-in float pad_range;
-in vec4 color;
-in float flag;
-
-uniform int compass;
-uniform float pad_count;
-
-uniform float opacity;
-
-
-out vec2 v_limp;
-out vec4 v_color;
-
-
-void main() {   
-
-    float alpha_padding =  z_level * z_level / (pad_range/ 100.0 );
-    if( flag == 2.0 || flag == 1.0 || radius == 0.0 || alpha_padding < 0.1 || z_level < 3.0 ) return; // 1.0 is hide 
-    v_color = vec4(color.rgb, color.a * alpha_padding * opacity);
-
-    gl_PointSize = 2.0;
-
-    float odd = mod(float(gl_VertexID), 2.0);
-    float index = (float(gl_VertexID)- odd ) / 2.0;
-    float angle = 3.1415926535897932384626433832795 * 2.0 * (index / pad_count );
-    float radius_ = radius - (pad_range * odd);
-
-    if ( is3D){  
-        gl_Position = projection * view * vec4(
-            circleLimpFromLongLatRadCenterCartesian3D( center, radius_, angle) - translate, 1.0);
-        v_limp = vec2(0.0, 0.0);
-        return;
-    }
-    vec2 limp;
-    if ( compass == 1 ){
-        limp = circleLimpFromLongLatRadCenterMercatorCompass(center , radius_, angle);
-    } else {
-        // limp = circleLimpFromLongLatRadCenterMercatorRealDistancePadding(center, radius_, angle);
-        limp = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);
-    }
-    v_limp = limp;
-    gl_Position = mercatorXYToGLPosition(limp);
-}`;
-const fragmentShader = `#version 300 es
-precision highp float; ` +
-    util_1.shaderfunctions.POLE + `
-in vec4 v_color;
-in vec2 v_limp;
-out vec4 outColor;
-void main() {
-    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ discard; }
-    outColor = v_color;
-}`;
-class Logic {
-    constructor(globe) {
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistance + "\n\nin vec2 center;\nin float radius;\nin float pad_range;\nin vec4 color;\nin float flag;\n\nuniform int compass;\nuniform float pad_count;\n\nuniform float opacity;\n\n\nout vec2 v_limp;\nout vec4 v_color;\n\n\nvoid main() {   \n\n    float alpha_padding =  z_level * z_level / (pad_range/ 100.0 );\n    if( flag == 2.0 || flag == 1.0 || radius == 0.0 || alpha_padding < 0.1 || z_level < 3.0 ) return; // 1.0 is hide \n    v_color = vec4(color.rgb, color.a * alpha_padding * opacity);\n\n    gl_PointSize = 2.0;\n\n    float odd = mod(float(gl_VertexID), 2.0);\n    float index = (float(gl_VertexID)- odd ) / 2.0;\n    float angle = 3.1415926535897932384626433832795 * 2.0 * (index / pad_count );\n    float radius_ = radius - (pad_range * odd);\n\n    if ( is3D){  \n        gl_Position = projection * view * vec4(\n            circleLimpFromLongLatRadCenterCartesian3D( center, radius_, angle) - translate, 1.0);\n        v_limp = vec2(0.0, 0.0);\n        return;\n    }\n    vec2 limp;\n    if ( compass == 1 ){\n        limp = circleLimpFromLongLatRadCenterMercatorCompass(center , radius_, angle);\n    } else {\n        // limp = circleLimpFromLongLatRadCenterMercatorRealDistancePadding(center, radius_, angle);\n        limp = circleLimpFromLongLatRadCenterMercatorRealDistance(center, radius_, angle);\n    }\n    v_limp = limp;\n    gl_Position = mercatorXYToGLPosition(limp);\n}";
+var fragmentShader = "#version 300 es\nprecision highp float; " +
+    util_1.shaderfunctions.POLE + "\nin vec4 v_color;\nin vec2 v_limp;\nout vec4 outColor;\nvoid main() {\n    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ discard; }\n    outColor = v_color;\n}";
+var Logic = /** @class */ (function () {
+    function Logic(globe) {
         this.globe = globe;
         this.gl = globe.gl;
         this.program = (0, util_1.createProgram)(this.gl, vertexShader, fragmentShader);
@@ -118,7 +64,7 @@ class Logic {
             this.gl.bindAttribLocation(this.program, 4, "flag");
         }
         this.cameraBlockBindingPoint = 0;
-        const cameraBlockIndex = this.gl.getUniformBlockIndex(this.program, "CameraUniformBlock");
+        var cameraBlockIndex = this.gl.getUniformBlockIndex(this.program, "CameraUniformBlock");
         this.gl.uniformBlockBinding(this.program, cameraBlockIndex, this.cameraBlockBindingPoint);
         this.cameraBlockTotem = programcache_1.globeProgramCache.getProgram(globe, camerauniformblock_1.default);
         this._padCountLocation = this.gl.getUniformLocation(this.program, "pad_count");
@@ -128,7 +74,7 @@ class Logic {
         this._opacity = 1.0;
         this._padCount = 360;
         {
-            const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+            var currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
             this.gl.useProgram(this.program);
             this.gl.uniform1i(this._compassLocation, 1);
             this.gl.uniform1f(this._opacityLocation, 1.0);
@@ -136,8 +82,8 @@ class Logic {
             this.gl.useProgram(currentProgram);
         }
     }
-    draw(attrBufferManager, padCount, compass, opacity) {
-        const { gl, program, _padCountLocation, cameraBlockBindingPoint, cameraBlockTotem, _compassLocation } = this;
+    Logic.prototype.draw = function (attrBufferManager, padCount, compass, opacity) {
+        var _a = this, gl = _a.gl, program = _a.program, _padCountLocation = _a._padCountLocation, cameraBlockBindingPoint = _a.cameraBlockBindingPoint, cameraBlockTotem = _a.cameraBlockTotem, _compassLocation = _a._compassLocation;
         gl.useProgram(program);
         attrBufferManager.bindPaddingVAO();
         cameraBlockTotem.bind(cameraBlockBindingPoint);
@@ -160,13 +106,14 @@ class Logic {
         gl.drawArraysInstanced(gl.LINES, 0, padCount * 2, attrBufferManager.length);
         gl.bindVertexArray(null);
         cameraBlockTotem.unbind(cameraBlockBindingPoint);
-    }
-    free() {
+    };
+    Logic.prototype.free = function () {
         this.gl.deleteProgram(this.program);
         programcache_1.globeProgramCache.releaseProgram(this.globe, camerauniformblock_1.default);
-    }
-}
+    };
+    return Logic;
+}());
 exports.PaddingProgramCache = Object.freeze({
-    getProgram: (globe) => { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    releaseProgram: (globe) => { programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+    getProgram: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    releaseProgram: function (globe) { programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
 });

package/programs/rings/partial-ring/piece-of-pie.js

@@ -1,135 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PieceOfPieProgramCache = exports.Logic = exports.ITEM_SIZE = void 0;
-const util_1 = require("../../../util");
-const totems_1 = require("../../totems");
-const programcache_1 = require("../../programcache");
-const geometrytransformations_1 = require("../../../util/shaderfunctions/geometrytransformations");
+var util_1 = require("../../../util");
+var totems_1 = require("../../totems");
+var programcache_1 = require("../../programcache");
+var geometrytransformations_1 = require("../../../util/shaderfunctions/geometrytransformations");
 /**
  * TODO:
  * 1. Triangle face looks at screen. if rotation angle is positive the last vertex must be the faintest.
  *
  */
-const drawModeMap = Object.freeze({
+var drawModeMap = Object.freeze({
     LINE_STRIP: 0,
     TRIANGLE_FAN: 1,
 });
 //${ circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate }
-const vertexShaderSource = `#version 300 es
-
-${totems_1.CameraUniformBlockString} 
-${geometrytransformations_1.PI} 
-${geometrytransformations_1.longLatRadToMercator}
-${geometrytransformations_1.mercatorXYToGLPosition}
-${geometrytransformations_1.longLatRadToCartesian3D}
-${geometrytransformations_1.circleLimpFromLongLatRadCenterCartesian3D_accurate}
-${geometrytransformations_1.circleLimpFromLongLatRadCenterMercatorCompass_accurate}
-${geometrytransformations_1.cartesian3DToGLPosition}
-
-uniform float edge_count;
-uniform int draw_mode; // %2 => 0: LINE_STRIP, 1: TRIANGLE_FAN 
-uniform float plugin_alpha_multiplier;
-//, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode
-// in vec2 center; // long, lat in radian
-in vec2 center2d;
-in vec3 center3d;
-in float start_angle2d; 
-in float tail_angle2d;
-
-in float start_angle3d;
-in float tail_angle3d;
-
-in vec4 color;
-in float radius; // in meter
-in float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide
-// flat out int vid;
-// flat out float v_phase;
-out vec2 v_pos;
-out vec4 v_color;
-// flat out float v_angle;
-
-void main() {
-    // vid = gl_VertexID;
-    if (color_mode == 2.0 || radius == 0.0) { return; }
-    float start_angle, tail_angle;
-    if (is3D) {
-        start_angle = start_angle3d;
-        tail_angle = tail_angle3d;
-    } else {
-        start_angle = start_angle2d;
-        tail_angle = tail_angle2d;
-    }
-    float color_mode_ = color_mode;
-    if ( draw_mode == 0 && color_mode == 1.0) {color_mode_ = 0.0;}
-    float vertexID = float(gl_VertexID);
-    float radius_ = radius;
-    float alpha = plugin_alpha_multiplier;
-    if (draw_mode == 1) { // TRIANGLE_FAN
-        if (gl_VertexID == 0) { 
-            radius_ = 0.0; 
-            if ( color_mode == 1.0 ) { alpha = 0.0; }
-        }
-        vertexID -= 1.0;
-    }
-    float phase = ( vertexID  / (edge_count - 1.0) );
-    // v_angle = tail_angle;
-    
-    if ( color_mode_ == 1.0 ) {
-        if ( tail_angle < 0.0 ) {
-                v_color = vec4( color.rgb , color.a * ( 1.0 - phase ) * alpha );
-            } else {
-                v_color = vec4( color.rgb , color.a * phase * alpha );
-        }
-    } else {
-        v_color = vec4( color.rgb , color.a * alpha );
-    }
-    if ( color_mode == 0.0 && draw_mode == 1 ) {
-        v_color.a /= 2.0;
-    }
-    float angle;
-    if ( tail_angle > 0.0 ) { 
-        angle =  tail_angle * (-phase + 1.0) + start_angle;
-        } else {
-        angle = tail_angle * phase + start_angle;
-    }
-    if (is3D) {
-        vec3 pos = circleLimpFromLongLatRadCenterCartesian3D_accurate(center3d, radius_, angle);
-        v_pos = vec2(0.0, 0.0);
-        gl_Position = cartesian3DToGLPosition(pos);
-    }
-    else {
-        vec2 pos2 = circleLimpFromLongLatRadCenterMercatorCompass_accurate(center2d, radius_, angle);
-        v_pos = pos2;
-        gl_Position = mercatorXYToGLPosition(pos2);
-    }
-
-    gl_PointSize = 10.0;
-}`;
-const fragmentShaderSource = `#version 300 es` + geometrytransformations_1.POLE + geometrytransformations_1.PI + `
-precision highp float;
-// flat in int vid;
-in vec4 v_color;
-in vec2 v_pos;
-// flat in float v_phase;
-// in float v_angle;
-out vec4 outColor;
-void main() {
-    // if( vid % 2 == 0 ) { discard; }
-    // if ( mod(v_angle, PI / 36.0 ) < (PI / 72.0)) { discard; }
-    // if ( mod(v_angle * v_phase,  PI / 90.0 ) < (PI / 180.0)) { discard; }
-    if ( v_pos.x < -POLE || v_pos.x > POLE || v_pos.y < -POLE || v_pos.y > POLE ) { discard; }
-    outColor = v_color;
-}`;
+var vertexShaderSource = "#version 300 es\n\n".concat(totems_1.CameraUniformBlockString, " \n").concat(geometrytransformations_1.PI, " \n").concat(geometrytransformations_1.longLatRadToMercator, "\n").concat(geometrytransformations_1.mercatorXYToGLPosition, "\n").concat(geometrytransformations_1.longLatRadToCartesian3D, "\n").concat(geometrytransformations_1.circleLimpFromLongLatRadCenterCartesian3D_accurate, "\n").concat(geometrytransformations_1.circleLimpFromLongLatRadCenterMercatorCompass_accurate, "\n").concat(geometrytransformations_1.cartesian3DToGLPosition, "\n\nuniform float edge_count;\nuniform int draw_mode; // %2 => 0: LINE_STRIP, 1: TRIANGLE_FAN \nuniform float plugin_alpha_multiplier;\n//, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode\n// in vec2 center; // long, lat in radian\nin vec2 center2d;\nin vec3 center3d;\nin float start_angle2d; \nin float tail_angle2d;\n\nin float start_angle3d;\nin float tail_angle3d;\n\nin vec4 color;\nin float radius; // in meter\nin float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide\n// flat out int vid;\n// flat out float v_phase;\nout vec2 v_pos;\nout vec4 v_color;\n// flat out float v_angle;\n\nvoid main() {\n    // vid = gl_VertexID;\n    if (color_mode == 2.0 || radius == 0.0) { return; }\n    float start_angle, tail_angle;\n    if (is3D) {\n        start_angle = start_angle3d;\n        tail_angle = tail_angle3d;\n    } else {\n        start_angle = start_angle2d;\n        tail_angle = tail_angle2d;\n    }\n    float color_mode_ = color_mode;\n    if ( draw_mode == 0 && color_mode == 1.0) {color_mode_ = 0.0;}\n    float vertexID = float(gl_VertexID);\n    float radius_ = radius;\n    float alpha = plugin_alpha_multiplier;\n    if (draw_mode == 1) { // TRIANGLE_FAN\n        if (gl_VertexID == 0) { \n            radius_ = 0.0; \n            if ( color_mode == 1.0 ) { alpha = 0.0; }\n        }\n        vertexID -= 1.0;\n    }\n    float phase = ( vertexID  / (edge_count - 1.0) );\n    // v_angle = tail_angle;\n    \n    if ( color_mode_ == 1.0 ) {\n        if ( tail_angle < 0.0 ) {\n                v_color = vec4( color.rgb , color.a * ( 1.0 - phase ) * alpha );\n            } else {\n                v_color = vec4( color.rgb , color.a * phase * alpha );\n        }\n    } else {\n        v_color = vec4( color.rgb , color.a * alpha );\n    }\n    if ( color_mode == 0.0 && draw_mode == 1 ) {\n        v_color.a /= 2.0;\n    }\n    float angle;\n    if ( tail_angle > 0.0 ) { \n        angle =  tail_angle * (-phase + 1.0) + start_angle;\n        } else {\n        angle = tail_angle * phase + start_angle;\n    }\n    if (is3D) {\n        vec3 pos = circleLimpFromLongLatRadCenterCartesian3D_accurate(center3d, radius_, angle);\n        v_pos = vec2(0.0, 0.0);\n        gl_Position = cartesian3DToGLPosition(pos);\n    }\n    else {\n        vec2 pos2 = circleLimpFromLongLatRadCenterMercatorCompass_accurate(center2d, radius_, angle);\n        v_pos = pos2;\n        gl_Position = mercatorXYToGLPosition(pos2);\n    }\n\n    gl_PointSize = 10.0;\n}");
+var fragmentShaderSource = "#version 300 es" + geometrytransformations_1.POLE + geometrytransformations_1.PI + "\nprecision highp float;\n// flat in int vid;\nin vec4 v_color;\nin vec2 v_pos;\n// flat in float v_phase;\n// in float v_angle;\nout vec4 outColor;\nvoid main() {\n    // if( vid % 2 == 0 ) { discard; }\n    // if ( mod(v_angle, PI / 36.0 ) < (PI / 72.0)) { discard; }\n    // if ( mod(v_angle * v_phase,  PI / 90.0 ) < (PI / 180.0)) { discard; }\n    if ( v_pos.x < -POLE || v_pos.x > POLE || v_pos.y < -POLE || v_pos.y > POLE ) { discard; }\n    outColor = v_color;\n}";
 exports.ITEM_SIZE = 10;
-class Logic {
-    constructor(globe) {
+var Logic = /** @class */ (function () {
+    function Logic(globe) {
         this.globe = globe;
         this.gl = globe.gl;
         this._lastMode = 0;
         this._lastEdgeCount = 64;
         this._lastAlphaMultiplier = 1.0;
         this.program = (0, util_1.createProgram)(this.gl, vertexShaderSource, fragmentShaderSource);
-        const { gl, program } = this;
+        var _a = this, gl = _a.gl, program = _a.program;
         { // set attributes locations 
             gl.bindAttribLocation(program, 0, 'center2d');
             gl.bindAttribLocation(program, 1, 'center3d');
@@ -147,20 +44,20 @@ class Logic {
             this._edgeCountLocation = gl.getUniformLocation(program, 'edge_count');
             this._draw_modeLocation = gl.getUniformLocation(program, 'draw_mode');
             this._plugin_alpha_multiplierLocation = gl.getUniformLocation(program, 'plugin_alpha_multiplier');
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
             gl.useProgram(program);
             gl.uniform1i(this._draw_modeLocation, this._lastMode);
             gl.uniform1f(this._edgeCountLocation, this._lastEdgeCount);
             gl.uniform1f(this._plugin_alpha_multiplierLocation, 1.0);
             this.cameraBlockBindingPoint = 0;
             this.cameraBlockTotem = programcache_1.globeProgramCache.getProgram(globe, totems_1.CameraUniformBlockTotem);
-            const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+            var cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
             gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
             gl.useProgram(currentProgram);
         }
     }
-    draw(length, vao, edgeCount, alphaMultiplier, drawMode) {
-        const { gl, program, cameraBlockTotem, cameraBlockBindingPoint } = this;
+    Logic.prototype.draw = function (length, vao, edgeCount, alphaMultiplier, drawMode) {
+        var _a = this, gl = _a.gl, program = _a.program, cameraBlockTotem = _a.cameraBlockTotem, cameraBlockBindingPoint = _a.cameraBlockBindingPoint;
         // gl.disable(gl.DEPTH_TEST);
         gl.useProgram(program);
         if (drawMode !== this._lastMode) {
@@ -175,19 +72,19 @@ class Logic {
             gl.uniform1f(this._plugin_alpha_multiplierLocation, alphaMultiplier);
             this._lastAlphaMultiplier = alphaMultiplier;
         }
-        const overdraw = drawModeMap[drawMode];
+        var overdraw = drawModeMap[drawMode];
         cameraBlockTotem.bind(cameraBlockBindingPoint);
         gl.bindVertexArray(vao);
         gl.drawArraysInstanced(gl[drawMode], 0, edgeCount + overdraw, length);
         cameraBlockTotem.unbind(cameraBlockBindingPoint);
         gl.bindVertexArray(null);
         // gl.enable(gl.DEPTH_TEST);
-    }
-    free() {
+    };
+    Logic.prototype.free = function () {
         programcache_1.noRegisterGlobeProgramCache.releaseProgram(this.globe, totems_1.CameraUniformBlockTotem);
         this.gl.deleteProgram(this.program);
         this.program = null;
-    }
+    };
     /**
      * in vec2 center; // long, lat in radian
     in float start_angle; // the start of partial circle from bearing point
@@ -196,68 +93,68 @@ class Logic {
     in float radius; // in meter
     in float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide
      */
-    createVAO(center2dObj, center3dObj, startAngle2DObj, tailAngle2DObj, startAngle3DObj, tailAngle3DObj, colorObj, radiusObj, colorModeObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
+    Logic.prototype.createVAO = function (center2dObj, center3dObj, startAngle2DObj, tailAngle2DObj, startAngle3DObj, tailAngle3DObj, colorObj, radiusObj, colorModeObj) {
+        var gl = this.gl;
+        var vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
         {
-            const { buffer, stride, offset } = center2dObj;
+            var buffer = center2dObj.buffer, stride = center2dObj.stride, offset = center2dObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(0);
             gl.vertexAttribPointer(0, 2, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(0, 1);
         }
         {
-            const { buffer, stride, offset } = center3dObj;
+            var buffer = center3dObj.buffer, stride = center3dObj.stride, offset = center3dObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(1);
             gl.vertexAttribPointer(1, 3, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(1, 1);
         }
         {
-            const { buffer, stride, offset } = startAngle2DObj;
+            var buffer = startAngle2DObj.buffer, stride = startAngle2DObj.stride, offset = startAngle2DObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(2);
             gl.vertexAttribPointer(2, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(2, 1);
         }
         {
-            const { buffer, stride, offset } = tailAngle2DObj;
+            var buffer = tailAngle2DObj.buffer, stride = tailAngle2DObj.stride, offset = tailAngle2DObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(3);
             gl.vertexAttribPointer(3, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(3, 1);
         }
         {
-            const { buffer, stride, offset } = startAngle3DObj;
+            var buffer = startAngle3DObj.buffer, stride = startAngle3DObj.stride, offset = startAngle3DObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(4);
             gl.vertexAttribPointer(4, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(4, 1);
         }
         {
-            const { buffer, stride, offset } = tailAngle3DObj;
+            var buffer = tailAngle3DObj.buffer, stride = tailAngle3DObj.stride, offset = tailAngle3DObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(5);
             gl.vertexAttribPointer(5, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(5, 1);
         }
         {
-            const { buffer, stride, offset } = colorObj;
+            var buffer = colorObj.buffer, stride = colorObj.stride, offset = colorObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(6);
             gl.vertexAttribPointer(6, 4, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(6, 1);
         }
         {
-            const { buffer, stride, offset } = radiusObj;
+            var buffer = radiusObj.buffer, stride = radiusObj.stride, offset = radiusObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(7);
             gl.vertexAttribPointer(7, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(7, 1);
         }
         {
-            const { buffer, stride, offset } = colorModeObj;
+            var buffer = colorModeObj.buffer, stride = colorModeObj.stride, offset = colorModeObj.offset;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(8);
             gl.vertexAttribPointer(8, 1, gl.FLOAT, false, stride, offset);
@@ -266,10 +163,11 @@ class Logic {
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return vao;
-    }
-}
+    };
+    return Logic;
+}());
 exports.Logic = Logic;
 exports.PieceOfPieProgramCache = Object.freeze({
-    get: (globe) => programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
+    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
 });