@pirireis/webglobeplugins 0.9.9 → 0.9.11

package/programs/rings/distancering/paddyflatprogram2d.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingProgramCache = void 0;
+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 +
+    camerauniformblock_1.CameraUniformBlockString +
+    util_1.shaderfunctions.mercatorXYToGLPosition +
+    util_1.shaderfunctions.longLatRadToMercator +
+    util_1.shaderfunctions.longLatRadToCartesian3D +
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterCartesian3D +
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorCompass +
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistancePadding +
+    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);
+        { // bind positions so bufferManager can use them
+            this.gl.bindAttribLocation(this.program, 0, "center");
+            this.gl.bindAttribLocation(this.program, 1, "radius");
+            this.gl.bindAttribLocation(this.program, 2, "pad_range");
+            this.gl.bindAttribLocation(this.program, 3, "color");
+            this.gl.bindAttribLocation(this.program, 4, "flag");
+        }
+        this.cameraBlockBindingPoint = 0;
+        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");
+        this._opacityLocation = this.gl.getUniformLocation(this.program, "opacity");
+        this._compassLocation = this.gl.getUniformLocation(this.program, "compass");
+        this._compassMode = 1;
+        this._opacity = 1.0;
+        this._padCount = 360;
+        {
+            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);
+            this.gl.uniform1f(this._padCountLocation, 360);
+            this.gl.useProgram(currentProgram);
+        }
+    }
+    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);
+        // draw instanced
+        if (padCount !== this._padCount) {
+            this._padCount = padCount;
+            // console.log("padCount", padCount);
+            gl.uniform1f(_padCountLocation, padCount);
+        }
+        if (compass !== this._compassMode) {
+            // console.log("compass", compass);
+            gl.uniform1i(_compassLocation, compass);
+            this._compassMode = compass;
+        }
+        if (opacity !== this._opacity) {
+            // console.log("opacity", opacity);
+            this._opacity = opacity;
+            gl.uniform1f(this._opacityLocation, opacity);
+        }
+        gl.drawArraysInstanced(gl.LINES, 0, padCount * 2, attrBufferManager.length);
+        gl.bindVertexArray(null);
+        cameraBlockTotem.unbind(cameraBlockBindingPoint);
+    };
+    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: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    releaseProgram: function (globe) { programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+});

package/programs/rings/distancering/paddyflatprogram3d.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingProgramCache = void 0;
+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 +
+    camerauniformblock_1.CameraUniformBlockString +
+    util_1.shaderfunctions.mercatorXYToGLPosition +
+    util_1.shaderfunctions.longLatRadToMercator +
+    util_1.shaderfunctions.longLatRadToCartesian3D +
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterCartesian3D +
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorCompass +
+    util_1.shaderfunctions.circleLimpFromLongLatRadCenterMercatorRealDistancePadding +
+    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);
+        { // bind positions so bufferManager can use them
+            this.gl.bindAttribLocation(this.program, 0, "center");
+            this.gl.bindAttribLocation(this.program, 1, "radius");
+            this.gl.bindAttribLocation(this.program, 2, "pad_range");
+            this.gl.bindAttribLocation(this.program, 3, "color");
+            this.gl.bindAttribLocation(this.program, 4, "flag");
+        }
+        this.cameraBlockBindingPoint = 0;
+        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");
+        this._opacityLocation = this.gl.getUniformLocation(this.program, "opacity");
+        this._compassLocation = this.gl.getUniformLocation(this.program, "compass");
+        this._compassMode = 1;
+        this._opacity = 1.0;
+        this._padCount = 360;
+        {
+            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);
+            this.gl.uniform1f(this._padCountLocation, 360);
+            this.gl.useProgram(currentProgram);
+        }
+    }
+    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);
+        // draw instanced
+        if (padCount !== this._padCount) {
+            this._padCount = padCount;
+            // console.log("padCount", padCount);
+            gl.uniform1f(_padCountLocation, padCount);
+        }
+        if (compass !== this._compassMode) {
+            // console.log("compass", compass);
+            gl.uniform1i(_compassLocation, compass);
+            this._compassMode = compass;
+        }
+        if (opacity !== this._opacity) {
+            // console.log("opacity", opacity);
+            this._opacity = opacity;
+            gl.uniform1f(this._opacityLocation, opacity);
+        }
+        gl.drawArraysInstanced(gl.LINES, 0, padCount * 2, attrBufferManager.length);
+        gl.bindVertexArray(null);
+        cameraBlockTotem.unbind(cameraBlockBindingPoint);
+    };
+    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: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    releaseProgram: function (globe) { programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+});

package/programs/rings/distancering/shader.js

@@ -0,0 +1 @@
+"use strict";

package/programs/rings/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./distancering"), exports);

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

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieceOfPieProgramCache = exports.Logic = exports.ITEM_SIZE = void 0;
+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.
+ *
+ */
+var drawModeMap = Object.freeze({
+    LINE_STRIP: 0,
+    TRIANGLE_FAN: 1,
+});
+//${ circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate }
+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;
+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);
+        var _a = this, gl = _a.gl, program = _a.program;
+        { // set attributes locations 
+            gl.bindAttribLocation(program, 0, 'center2d');
+            gl.bindAttribLocation(program, 1, 'center3d');
+            gl.bindAttribLocation(program, 2, 'start_angle2d');
+            gl.bindAttribLocation(program, 3, 'tail_angle2d');
+            gl.bindAttribLocation(program, 4, 'start_angle3d');
+            gl.bindAttribLocation(program, 5, 'tail_angle3d');
+            gl.bindAttribLocation(program, 6, 'color');
+            gl.bindAttribLocation(program, 7, 'radius');
+            gl.bindAttribLocation(program, 8, 'color_mode');
+            // vao
+            // instanced draw read 1 
+        }
+        { // Uniforms
+            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');
+            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);
+            var cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+            gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
+            gl.useProgram(currentProgram);
+        }
+    }
+    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) {
+            gl.uniform1i(this._draw_modeLocation, drawModeMap[drawMode]);
+            this._lastMode = drawMode;
+        }
+        if (edgeCount !== this._lastEdgeCount) {
+            gl.uniform1f(this._edgeCountLocation, edgeCount);
+            this._lastEdgeCount = edgeCount;
+        }
+        if (alphaMultiplier !== this._lastAlphaMultiplier) {
+            gl.uniform1f(this._plugin_alpha_multiplierLocation, alphaMultiplier);
+            this._lastAlphaMultiplier = alphaMultiplier;
+        }
+        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);
+    };
+    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
+    in float tail_angle; // the rotation of the partial circle
+    in vec4 color;
+    in float radius; // in meter
+    in float color_mode; // 0.0: constant, 1.0: fading, 2.0: hide
+     */
+    Logic.prototype.createVAO = function (center2dObj, center3dObj, startAngle2DObj, tailAngle2DObj, startAngle3DObj, tailAngle3DObj, colorObj, radiusObj, colorModeObj) {
+        var gl = this.gl;
+        var vao = gl.createVertexArray();
+        gl.bindVertexArray(vao);
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+        }
+        {
+            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);
+            gl.vertexAttribDivisor(8, 1);
+        }
+        gl.bindVertexArray(null);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        return vao;
+    };
+    return Logic;
+}());
+exports.Logic = Logic;
+exports.PieceOfPieProgramCache = Object.freeze({
+    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+});

package/programs/totems/camerauniformblock.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CameraUniformBlockTotemCache = exports.CameraUniformBlockString = void 0;
+var programcache_1 = require("../programcache");
+// import { getFrustumPlanes } from "../../Math/frustum/from-projection-matrix";
+// import { getFrustum } from "../../Math/frustum/from-globeinfo"
+// import { Plane } from "../../Math/";
+exports.CameraUniformBlockString = "\nlayout(std140) uniform CameraUniformBlock {\n    mat4 view; // 64 bytes           0\n    mat4 projection; // 64 bytes     64\n    vec3 translate; // 12 bytes      128\n    bool is3D; // 4 bytes            140\n    vec2 mapWH; // 8 bytes           144\n    vec2 screenWH; //  8 bytes       152\n    float z_level; // 4 bytes        160 | 164\n    float world_distance; // 4 bytes 164\n    float world_tilt; // 4 bytes     168\n    float world_north_angle; // 4 bytes 172\n    vec2 world_center_radian; // 8 bytes    176 | 184\n}; // 14 lines\n";
+var Radian = Math.PI / 180.0;
+var CameraUniformBlockTotem = /** @class */ (function () {
+    function CameraUniformBlockTotem() {
+        this.id = "CameraUniformBlockTotem";
+        this.description = "Sets a uniform block and provides buffer for it. The following is the glsl uniform block:" + exports.CameraUniformBlockString;
+        this.gl = null;
+        this.globe = null;
+        this.ubo = null;
+        // this._frustumPlanes = {
+        //     left: new Plane(),
+        //     right: new Plane(),
+        //     top: new Plane(),
+        //     bottom: new Plane(),
+        //     near: new Plane(),
+        //     far: new Plane()
+        // }
+        this._isMovedParams = {
+            lastLod: null,
+            isMoved: false,
+        };
+    }
+    CameraUniformBlockTotem.prototype.init = function (globe, gl) {
+        this.gl = gl;
+        this.globe = globe;
+        this.ubo = this._createUBO();
+        this.traslateFloat32 = new Float32Array(3);
+        this.mapWHFloat32 = new Float32Array(2);
+        this.setGeometry();
+        this.resize();
+    };
+    CameraUniformBlockTotem.prototype._createUBO = function () {
+        var gl = this.gl;
+        var ubo = gl.createBuffer();
+        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
+        // 184 bytes in reality. Overflow on linux for some reason. So, 200 bytes.
+        gl.bufferData(gl.UNIFORM_BUFFER, 200, gl.STREAM_DRAW);
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+        return ubo;
+    };
+    CameraUniformBlockTotem.prototype.resize = function () {
+        var _a = this, gl = _a.gl, globe = _a.globe, ubo = _a.ubo;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
+        gl.bufferSubData(gl.UNIFORM_BUFFER, 152, new Float32Array([globe.api_ScrW(), globe.api_ScrH()]));
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    };
+    CameraUniformBlockTotem.prototype.setGeometry = function () {
+        var _a = this, gl = _a.gl, globe = _a.globe, ubo = _a.ubo;
+        var is3D = globe.api_GetCurrentGeometry() === 0;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
+        gl.bufferSubData(gl.UNIFORM_BUFFER, 140, new Float32Array([is3D]));
+    };
+    CameraUniformBlockTotem.prototype.draw3D = function (projection, modelView, translate) {
+        var _a = this, gl = _a.gl, traslateFloat32 = _a.traslateFloat32, ubo = _a.ubo, mapWHFloat32 = _a.mapWHFloat32, globe = _a.globe;
+        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
+        { // view, projection, translat
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 64, projection);
+            traslateFloat32.set([translate.x, translate.y, translate.z], 0);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 128, traslateFloat32);
+        }
+        {
+            // zoom level
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 160, new Float32Array([globe.api_GetCurrentLODWithDecimal()]));
+        }
+        { // mapWH
+            if (globe.api_GetCurrentGeometry() === 1) {
+                var _b = globe.api_GetCurrentWorldWH(), width = _b.width, height = _b.height;
+                mapWHFloat32.set([width, height]);
+                gl.bufferSubData(gl.UNIFORM_BUFFER, 144, mapWHFloat32);
+            }
+        }
+        {
+            // float world_distance; // 4 bytes 164
+            // float world_tilt; // 4 bytes     168
+            // float world_north_angle; // 4 bytes 172
+            // vec2 world_center_radian; // 8 bytes    180
+            var _c = globe.api_GetCurrentLookInfo(), CenterLong = _c.CenterLong, CenterLat = _c.CenterLat, Distance = _c.Distance, Tilt = _c.Tilt, NorthAng = _c.NorthAng;
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 164, new Float32Array([
+                Distance, Radian * Tilt, Radian * NorthAng, Radian * CenterLong, Radian * CenterLat
+            ]));
+        }
+        // this._frustumPlanes = getFrustumPlanes(projection, translate);
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+        { // isMoved
+            var currentLOD = globe.api_GetCurrentLODWithDecimal();
+            this._isMovedParams.isMoved = this._isMovedParams.lastLod !== currentLOD || globe.api_IsScreenMoving();
+            this._isMovedParams.lastLod = currentLOD;
+        }
+        // getFrustum(globe, 50, this._frustumPlanes);
+    };
+    CameraUniformBlockTotem.prototype.assignBindingPoint = function (program, bindingPoint) {
+        var gl = this.gl;
+        var cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+        gl.uniformBlockBinding(program, cameraBlockIndex, bindingPoint);
+    };
+    CameraUniformBlockTotem.prototype.getUBO = function () {
+        return this.ubo;
+    };
+    CameraUniformBlockTotem.prototype.getFrustumPlanes = function () {
+        return this._frustumPlanes;
+    };
+    CameraUniformBlockTotem.prototype.bind = function (bindingPoint) {
+        var _a = this, gl = _a.gl, ubo = _a.ubo;
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
+    };
+    CameraUniformBlockTotem.prototype.unbind = function (bindingPoint) {
+        var gl = this.gl;
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
+    };
+    CameraUniformBlockTotem.prototype.isMoved = function () {
+        return this._isMovedParams.isMoved;
+    };
+    CameraUniformBlockTotem.prototype.free = function () {
+        var _a = this, gl = _a.gl, ubo = _a.ubo;
+        gl.deleteBuffer(ubo);
+    };
+    CameraUniformBlockTotem.prototype.readBuffer = function () {
+        var result = new Float32Array(41);
+        this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, this.ubo);
+        this.gl.getBufferSubData(this.gl.UNIFORM_BUFFER, 0, result);
+        this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, null);
+        return {
+            view: result.slice(0, 16),
+            projection: result.slice(16, 32),
+            translate: result.slice(32, 35),
+            is3D: result[35],
+            mapWH: result.slice(36, 38),
+            screenWH: result.slice(38, 40),
+            z_level: result[40]
+        };
+    };
+    return CameraUniformBlockTotem;
+}());
+exports.default = CameraUniformBlockTotem;
+exports.CameraUniformBlockTotemCache = Object.freeze({
+    get: function (globe) { return programcache_1.globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
+    release: function (globe) { return programcache_1.globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
+});