@pirireis/webglobeplugins 0.9.11 → 0.9.13

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

@@ -1,32 +1,134 @@
-"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");
+import { createProgram, shaderfunctions } from "../../../util";
+import { CameraUniformBlockTotem, CameraUniformBlockString } from "../../totems";
+import { noRegisterGlobeProgramCache, globeProgramCache } from "../../programcache";
+import { POLE, PI, longLatRadToMercator, mercatorXYToGLPosition, longLatRadToCartesian3D, circleLimpFromLongLatRadCenterCartesian3D_accurate, circleLimpFromLongLatRadCenterMercatorCompass_accurate, 
+//circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate,
+cartesian3DToGLPosition } from "../../../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({
+const 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) {
+const vertexShaderSource = `#version 300 es
+
+${CameraUniformBlockString} 
+${PI} 
+${longLatRadToMercator}
+${mercatorXYToGLPosition}
+${longLatRadToCartesian3D}
+${circleLimpFromLongLatRadCenterCartesian3D_accurate}
+${circleLimpFromLongLatRadCenterMercatorCompass_accurate}
+${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` + POLE + 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;
+}`;
+export const ITEM_SIZE = 10;
+export class Logic {
+    constructor(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;
+        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
+        const { gl, program } = this;
         { // set attributes locations 
             gl.bindAttribLocation(program, 0, 'center2d');
             gl.bindAttribLocation(program, 1, 'center3d');
@@ -44,20 +146,20 @@ var Logic = /** @class */ (function () {
             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);
+            const 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");
+            this.cameraBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
+            const 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;
+    draw(length, vao, edgeCount, alphaMultiplier, drawMode) {
+        const { gl, program, cameraBlockTotem, cameraBlockBindingPoint } = this;
         // gl.disable(gl.DEPTH_TEST);
         gl.useProgram(program);
         if (drawMode !== this._lastMode) {
@@ -72,19 +174,19 @@ var Logic = /** @class */ (function () {
             gl.uniform1f(this._plugin_alpha_multiplierLocation, alphaMultiplier);
             this._lastAlphaMultiplier = alphaMultiplier;
         }
-        var overdraw = drawModeMap[drawMode];
+        const 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);
+    }
+    free() {
+        noRegisterGlobeProgramCache.releaseProgram(this.globe, 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
@@ -93,68 +195,68 @@ var Logic = /** @class */ (function () {
     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();
+    createVAO(center2dObj, center3dObj, startAngle2DObj, tailAngle2DObj, startAngle3DObj, tailAngle3DObj, colorObj, radiusObj, colorModeObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
         {
-            var buffer = center2dObj.buffer, stride = center2dObj.stride, offset = center2dObj.offset;
+            const { buffer, stride, offset } = center2dObj;
             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;
+            const { buffer, stride, offset } = center3dObj;
             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;
+            const { buffer, stride, offset } = startAngle2DObj;
             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;
+            const { buffer, stride, offset } = tailAngle2DObj;
             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;
+            const { buffer, stride, offset } = startAngle3DObj;
             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;
+            const { buffer, stride, offset } = tailAngle3DObj;
             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;
+            const { buffer, stride, offset } = colorObj;
             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;
+            const { buffer, stride, offset } = radiusObj;
             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;
+            const { buffer, stride, offset } = colorModeObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(8);
             gl.vertexAttribPointer(8, 1, gl.FLOAT, false, stride, offset);
@@ -163,11 +265,9 @@ var Logic = /** @class */ (function () {
         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); }
+    }
+}
+export const PieceOfPieProgramCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
 });

package/programs/totems/camerauniformblock.js

@@ -1,16 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CameraUniformBlockTotemCache = exports.CameraUniformBlockString = void 0;
-var programcache_1 = require("../programcache");
+import { globeProgramCache } from "../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() {
+export const CameraUniformBlockString = `
+layout(std140) uniform CameraUniformBlock {
+    mat4 view; // 64 bytes           0
+    mat4 projection; // 64 bytes     64
+    vec3 translate; // 12 bytes      128
+    bool is3D; // 4 bytes            140
+    vec2 mapWH; // 8 bytes           144
+    vec2 screenWH; //  8 bytes       152
+    float z_level; // 4 bytes        160 | 164
+    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    176 | 184
+}; // 14 lines
+`;
+const Radian = Math.PI / 180.0;
+export default class CameraUniformBlockTotem {
+    constructor() {
         this.id = "CameraUniformBlockTotem";
-        this.description = "Sets a uniform block and provides buffer for it. The following is the glsl uniform block:" + exports.CameraUniformBlockString;
+        this.description = `Sets a uniform block and provides buffer for it. The following is the glsl uniform block:` + CameraUniformBlockString;
         this.gl = null;
         this.globe = null;
         this.ubo = null;
@@ -27,7 +38,7 @@ var CameraUniformBlockTotem = /** @class */ (function () {
             isMoved: false,
         };
     }
-    CameraUniformBlockTotem.prototype.init = function (globe, gl) {
+    init(globe, gl) {
         this.gl = gl;
         this.globe = globe;
         this.ubo = this._createUBO();
@@ -35,31 +46,31 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         this.mapWHFloat32 = new Float32Array(2);
         this.setGeometry();
         this.resize();
-    };
-    CameraUniformBlockTotem.prototype._createUBO = function () {
-        var gl = this.gl;
-        var ubo = gl.createBuffer();
+    }
+    _createUBO() {
+        const { gl } = this;
+        const 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;
+    }
+    resize() {
+        const { gl, globe, ubo } = this;
         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;
+    }
+    setGeometry() {
+        const { gl, globe, ubo } = this;
+        const 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;
+    }
+    draw3D(projection, modelView, translate) {
+        const { gl, traslateFloat32, ubo, mapWHFloat32, globe } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         { // view, projection, translat
             gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
@@ -73,7 +84,7 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         }
         { // mapWH
             if (globe.api_GetCurrentGeometry() === 1) {
-                var _b = globe.api_GetCurrentWorldWH(), width = _b.width, height = _b.height;
+                const { width, height } = globe.api_GetCurrentWorldWH();
                 mapWHFloat32.set([width, height]);
                 gl.bufferSubData(gl.UNIFORM_BUFFER, 144, mapWHFloat32);
             }
@@ -83,7 +94,7 @@ var CameraUniformBlockTotem = /** @class */ (function () {
             // 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;
+            const { CenterLong, CenterLat, Distance, Tilt, NorthAng } = globe.api_GetCurrentLookInfo();
             gl.bufferSubData(gl.UNIFORM_BUFFER, 164, new Float32Array([
                 Distance, Radian * Tilt, Radian * NorthAng, Radian * CenterLong, Radian * CenterLat
             ]));
@@ -91,40 +102,40 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         // this._frustumPlanes = getFrustumPlanes(projection, translate);
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
         { // isMoved
-            var currentLOD = globe.api_GetCurrentLODWithDecimal();
+            const 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");
+    }
+    assignBindingPoint(program, bindingPoint) {
+        const { gl } = this;
+        const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
         gl.uniformBlockBinding(program, cameraBlockIndex, bindingPoint);
-    };
-    CameraUniformBlockTotem.prototype.getUBO = function () {
+    }
+    getUBO() {
         return this.ubo;
-    };
-    CameraUniformBlockTotem.prototype.getFrustumPlanes = function () {
+    }
+    getFrustumPlanes() {
         return this._frustumPlanes;
-    };
-    CameraUniformBlockTotem.prototype.bind = function (bindingPoint) {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    bind(bindingPoint) {
+        const { gl, ubo } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
-    };
-    CameraUniformBlockTotem.prototype.unbind = function (bindingPoint) {
-        var gl = this.gl;
+    }
+    unbind(bindingPoint) {
+        const { gl } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
-    };
-    CameraUniformBlockTotem.prototype.isMoved = function () {
+    }
+    isMoved() {
         return this._isMovedParams.isMoved;
-    };
-    CameraUniformBlockTotem.prototype.free = function () {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    free() {
+        const { gl, ubo } = this;
         gl.deleteBuffer(ubo);
-    };
-    CameraUniformBlockTotem.prototype.readBuffer = function () {
-        var result = new Float32Array(41);
+    }
+    readBuffer() {
+        const 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);
@@ -137,11 +148,9 @@ var CameraUniformBlockTotem = /** @class */ (function () {
             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); }
+    }
+}
+export const CameraUniformBlockTotemCache = Object.freeze({
+    get: (globe) => { return globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
+    release: (globe) => { return globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
 });

package/programs/totems/canvas-webglobe-info.js

@@ -1,17 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CameraUniformBlockTotemCache = exports.WebglobeInfoUniformBlockString = void 0;
-var programcache_1 = require("../programcache");
-exports.WebglobeInfoUniformBlockString = "\nlayout(std140) uniform WebglobeInfo {\n    vec2 canvas_resolution;\n    vec2 mouse_radian_long_lat;\n    vec2 mouse_pixel_xy;\n    float north_angle;\n    float world_tilt;\n    float earth_distance;\n}; \n";
-var CameraUniformBlockTotem = /** @class */ (function () {
-    function CameraUniformBlockTotem() {
+import { globeProgramCache } from "../programcache";
+export const WebglobeInfoUniformBlockString = `
+layout(std140) uniform WebglobeInfo {
+    vec2 canvas_resolution;
+    vec2 mouse_radian_long_lat;
+    vec2 mouse_pixel_xy;
+    float north_angle;
+    float world_tilt;
+    float earth_distance;
+}; 
+`;
+export default class CameraUniformBlockTotem {
+    constructor() {
         this.id = "CameraUniformBlockTotem";
-        this.description = "Sets a uniform block and provides buffer for it. The following is the glsl uniform block:" + CameraUniformBlockString;
+        this.description = `Sets a uniform block and provides buffer for it. The following is the glsl uniform block:` + CameraUniformBlockString;
         this.gl = null;
         this.globe = null;
         this.ubo = null;
     }
-    CameraUniformBlockTotem.prototype.init = function (globe, gl) {
+    init(globe, gl) {
         this.gl = gl;
         this.globe = globe;
         this.ubo = this._createUBO();
@@ -19,30 +25,30 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         this.mapWHFloat32 = new Float32Array(2);
         this.setGeometry();
         this.resize();
-    };
-    CameraUniformBlockTotem.prototype._createUBO = function () {
-        var gl = this.gl;
-        var ubo = gl.createBuffer();
+    }
+    _createUBO() {
+        const { gl } = this;
+        const ubo = gl.createBuffer();
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferData(gl.UNIFORM_BUFFER, 164, 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;
+    }
+    resize() {
+        const { gl, globe, ubo } = this;
         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;
+    }
+    setGeometry() {
+        const { gl, globe, ubo } = this;
+        const 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;
+    }
+    draw3D(projection, modelView, translate) {
+        const { gl, traslateFloat32, ubo, mapWHFloat32, globe } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         { // view, projection, translate
             gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
@@ -56,30 +62,30 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         }
         { // mapWH
             if (globe.api_GetCurrentGeometry() === 1) {
-                var _b = globe.api_GetCurrentWorldWH(), width = _b.width, height = _b.height;
+                const { width, height } = globe.api_GetCurrentWorldWH();
                 mapWHFloat32.set([width, height]);
                 gl.bufferSubData(gl.UNIFORM_BUFFER, 144, mapWHFloat32);
             }
         }
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    };
-    CameraUniformBlockTotem.prototype.getUBO = function () {
+    }
+    getUBO() {
         return this.ubo;
-    };
-    CameraUniformBlockTotem.prototype.bind = function (bindingPoint) {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    bind(bindingPoint) {
+        const { gl, ubo } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
-    };
-    CameraUniformBlockTotem.prototype.unbind = function (bindingPoint) {
-        var gl = this.gl;
+    }
+    unbind(bindingPoint) {
+        const { gl } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
-    };
-    CameraUniformBlockTotem.prototype.free = function () {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    free() {
+        const { gl, ubo } = this;
         gl.deleteBuffer(ubo);
-    };
-    CameraUniformBlockTotem.prototype.readBuffer = function () {
-        var result = new Float32Array(41);
+    }
+    readBuffer() {
+        const 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);
@@ -92,11 +98,9 @@ var CameraUniformBlockTotem = /** @class */ (function () {
             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); }
+    }
+}
+export const CameraUniformBlockTotemCache = Object.freeze({
+    get: (globe) => { return globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
+    release: (globe) => { return globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
 });