@pirireis/webglobeplugins 0.9.11 → 0.9.13

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

@@ -1,46 +1,114 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineStripProgramCache = void 0;
-var webglobjectbuilders_1 = require("../../util/webglobjectbuilders");
-require("../interface");
-var totems_1 = require("../totems");
-var geometrytransformations_js_1 = require("../../util/shaderfunctions/geometrytransformations.js");
-var programcache_1 = require("../programcache");
-var attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
-require("../../util/gl-util/buffer/attribute-loader");
-var manager_1 = require("../../util/gl-util/uniform-block/manager");
-require("../../util/gl-util/uniform-block/types");
-var methods_1 = require("../../util/gl-util/draw-options/methods");
-require("../../util/gl-util/draw-options/types");
-var ESCAPE_VALUE = -1;
-var uniformBindingPoints = {
+import { createProgram } from "../../util/webglobjectbuilders";
+import "../interface";
+import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems";
+import { cartesian3DToGLPosition, mercatorXYToGLPosition, } from "../../util/shaderfunctions/geometrytransformations.js";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
+import "../../util/gl-util/buffer/attribute-loader";
+import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
+import "../../util/gl-util/uniform-block/types";
+import { drawArrays } from "../../util/gl-util/draw-options/methods";
+import "../../util/gl-util/draw-options/types";
+const ESCAPE_VALUE = -1;
+const uniformBindingPoints = {
     camera: 0,
     flexible: 1,
 };
-var one = new Float32Array([1]);
-var flexibleBlockManager = new manager_1.UniformBlockManager('FlexibleAttributes', [
+const one = new Float32Array([1]);
+const flexibleBlockManager = new UniformBlockManager('FlexibleAttributes', [
     { name: "u_color", type: "vec4", value: new Float32Array([0.12, 1, 0.1, 1]) },
     { name: "u_dash_opacity", type: "float", value: one },
     { name: "u_dash_length", type: "float", value: one },
 ], uniformBindingPoints.flexible);
-var vertexShaderSource = "#version 300 es\nprecision highp float;\n\n".concat(totems_1.CameraUniformBlockString, "\n").concat(geometrytransformations_js_1.cartesian3DToGLPosition, "\n").concat(geometrytransformations_js_1.mercatorXYToGLPosition, "\n\n").concat(flexibleBlockManager.glslCode(), "\n\nin vec3 position3d;\nin vec2 position2d;\nin vec4 color; \nin float dash_length;\nin float dash_opacity;\n\nout float v_dash_length;\nout float v_dash_opacity;\nout vec4 v_color;\n\nflat out vec3 v_flat_position;\nout vec3 v_position;\n\nvoid main() {\n\n    v_color = ( color.r == -1.0 ) ? u_color : color;\n    v_dash_length = ( dash_length == -1.0 ) ? u_dash_length : dash_length;\n    v_dash_opacity = ( dash_opacity == -1.0 ) ? u_dash_opacity : dash_opacity;\n\n    if ( is3D ) {\n        gl_Position = cartesian3DToGLPosition( position3d );\n        v_position = position3d;\n        v_flat_position = position3d;\n    } else {\n        gl_Position = mercatorXYToGLPosition( position2d );\n        v_position = vec3( position2d, 0.0 );\n        v_flat_position = vec3( position2d, 0.0 );\n    }\n    gl_PointSize = 4.0;\n}");
-var fragmentShaderSource = "#version 300 es\nprecision highp float;\n\nuniform float opacity;\n\nin vec4 v_color;\nin float v_dash_length;\nin float v_dash_opacity;\n\nflat in vec3 v_flat_position;\nin vec3 v_position;\n\n\nout vec4 outColor;\n\nvoid main() {\n    outColor = v_color;\n    return;\n    float dash_length = v_dash_length;\n    float dash_opacity = v_dash_opacity;\n\n    if ( dash_length == 0.0 ) {\n        outColor = vec4( v_color.rgb, v_color.a * v_dash_opacity );\n    } else {\n        float dist = distance( v_flat_position, v_position );\n        // float alpha = mod( dist , v_dash_length * 2.0 ) / v_dash_length < 1.0 ? 1.0 : v_dash_opacity;\n        outColor = vec4( v_color.rgb,  v_color.a * opacity );\n    }\n}";
+const vertexShaderSource = `#version 300 es
+precision highp float;
+
+${CameraUniformBlockString}
+${cartesian3DToGLPosition}
+${mercatorXYToGLPosition}
+
+${flexibleBlockManager.glslCode()}
+
+in vec3 position3d;
+in vec2 position2d;
+in vec4 color; 
+in float dash_length;
+in float dash_opacity;
+
+out float v_dash_length;
+out float v_dash_opacity;
+out vec4 v_color;
+
+flat out vec3 v_flat_position;
+out vec3 v_position;
+
+void main() {
+
+    v_color = ( color.r == -1.0 ) ? u_color : color;
+    v_dash_length = ( dash_length == -1.0 ) ? u_dash_length : dash_length;
+    v_dash_opacity = ( dash_opacity == -1.0 ) ? u_dash_opacity : dash_opacity;
+
+    if ( is3D ) {
+        gl_Position = cartesian3DToGLPosition( position3d );
+        v_position = position3d;
+        v_flat_position = position3d;
+    } else {
+        gl_Position = mercatorXYToGLPosition( position2d );
+        v_position = vec3( position2d, 0.0 );
+        v_flat_position = vec3( position2d, 0.0 );
+    }
+    gl_PointSize = 4.0;
+}`;
+const fragmentShaderSource = `#version 300 es
+precision highp float;
+
+uniform float opacity;
+
+in vec4 v_color;
+in float v_dash_length;
+in float v_dash_opacity;
+
+flat in vec3 v_flat_position;
+in vec3 v_position;
+
+
+out vec4 outColor;
+
+void main() {
+    outColor = v_color;
+    return;
+    float dash_length = v_dash_length;
+    float dash_opacity = v_dash_opacity;
+
+    if ( dash_length == 0.0 ) {
+        outColor = vec4( v_color.rgb, v_color.a * v_dash_opacity );
+    } else {
+        float dist = distance( v_flat_position, v_position );
+        // float alpha = mod( dist , v_dash_length * 2.0 ) / v_dash_length < 1.0 ? 1.0 : v_dash_opacity;
+        outColor = vec4( v_color.rgb,  v_color.a * opacity );
+    }
+}`;
 console.log("LineStripProgram");
 console.log(vertexShaderSource);
 console.log(fragmentShaderSource);
-var Logic = /** @class */ (function () {
-    function Logic(globe) {
-        this._vaosPublished = [];
-        this._ubosPublished = [];
-        this._opacity = {
-            value: 1,
-            location: null
-        };
+class Logic {
+    _vaosPublished = [];
+    _ubosPublished = [];
+    program;
+    gl;
+    globe;
+    cameraBlockTotem;
+    _defaultFlexibleUBO;
+    _opacity = {
+        value: 1,
+        location: null
+    };
+    constructor(globe) {
         console.log("LineStripProgram globe", globe);
         this.gl = globe.gl;
         this.globe = globe;
-        this.program = (0, webglobjectbuilders_1.createProgram)(this.gl, vertexShaderSource, fragmentShaderSource);
-        var currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
+        const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
         this.gl.useProgram(this.program);
         this._opacity.location = this.gl.getUniformLocation(this.program, "opacity");
         this.gl.uniform1f(this._opacity.location, this._opacity.value);
@@ -50,61 +118,56 @@ var Logic = /** @class */ (function () {
         this.gl.bindAttribLocation(this.program, 2, "color");
         this.gl.bindAttribLocation(this.program, 3, "dash_length");
         this.gl.bindAttribLocation(this.program, 4, "dash_opacity");
-        this.cameraBlockTotem = totems_1.CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
         this.cameraBlockTotem.assignBindingPoint(this.program, uniformBindingPoints.camera);
         flexibleBlockManager.assignBindingPoint(this.gl, this.program);
         this._defaultFlexibleUBO = flexibleBlockManager.createUBO(this.gl);
         this.gl.useProgram(currentProgram);
     }
-    Logic.prototype.createUBO = function (bufferReadType) {
-        if (bufferReadType === void 0) { bufferReadType = "STATIC_DRAW"; }
-        var ubo = flexibleBlockManager.createUBO(this.gl, bufferReadType);
+    createUBO(bufferReadType = "STATIC_DRAW") {
+        const ubo = flexibleBlockManager.createUBO(this.gl, bufferReadType);
         this._ubosPublished.push(ubo);
         return ubo;
-    };
-    Logic.prototype.createVAO = function (position3D, position2D, color, dashLength, dashOpacity) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
+    }
+    createVAO(position3D, position2D, color, dashLength, dashOpacity) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
-        (0, attribute_loader_1.attributeLoader)(gl, position3D, 0, 3);
-        (0, attribute_loader_1.attributeLoader)(gl, position2D, 1, 2);
-        (0, attribute_loader_1.attributeLoader)(gl, color, 2, 4, { escapeValues: [ESCAPE_VALUE, ESCAPE_VALUE, ESCAPE_VALUE, ESCAPE_VALUE] });
-        (0, attribute_loader_1.attributeLoader)(gl, dashLength, 3, 1, { escapeValues: [ESCAPE_VALUE] });
-        (0, attribute_loader_1.attributeLoader)(gl, dashOpacity, 4, 1, { escapeValues: [ESCAPE_VALUE] });
+        attributeLoader(gl, position3D, 0, 3);
+        attributeLoader(gl, position2D, 1, 2);
+        attributeLoader(gl, color, 2, 4, { escapeValues: [ESCAPE_VALUE, ESCAPE_VALUE, ESCAPE_VALUE, ESCAPE_VALUE] });
+        attributeLoader(gl, dashLength, 3, 1, { escapeValues: [ESCAPE_VALUE] });
+        attributeLoader(gl, dashOpacity, 4, 1, { escapeValues: [ESCAPE_VALUE] });
         gl.bindVertexArray(null);
         return vao;
-    };
-    Logic.prototype.draw = function (vao, drawOptions, opacity, flexibleUBO) {
-        if (opacity === void 0) { opacity = 1; }
-        if (flexibleUBO === void 0) { flexibleUBO = null; }
-        var _a = this, gl = _a.gl, program = _a.program, cameraBlockTotem = _a.cameraBlockTotem;
+    }
+    draw(vao, drawOptions, opacity = 1, flexibleUBO = null) {
+        const { gl, program, cameraBlockTotem } = this;
         gl.useProgram(program);
         if (opacity !== this._opacity.value) {
             this._opacity.value = opacity;
             this.gl.uniform1f(this._opacity.location, this._opacity.value);
         }
-        var ubo = flexibleUBO || this._defaultFlexibleUBO;
+        const ubo = flexibleUBO || this._defaultFlexibleUBO;
         cameraBlockTotem.bind(uniformBindingPoints.camera);
         ubo.bind();
         gl.bindVertexArray(vao);
-        (0, methods_1.drawArrays)(gl, gl.POINTS, drawOptions);
-        (0, methods_1.drawArrays)(gl, gl.LINE_STRIP, drawOptions);
+        drawArrays(gl, gl.POINTS, drawOptions);
+        drawArrays(gl, gl.LINE_STRIP, drawOptions);
         gl.bindVertexArray(null);
         ubo.unbind();
         cameraBlockTotem.unbind(uniformBindingPoints.camera);
-    };
-    Logic.prototype.free = function () {
-        var _this = this;
-        this._vaosPublished.forEach(function (vao) { return _this.gl.deleteVertexArray(vao); });
-        this._ubosPublished.forEach(function (ubo) { return ubo.free(); });
+    }
+    free() {
+        this._vaosPublished.forEach((vao) => this.gl.deleteVertexArray(vao));
+        this._ubosPublished.forEach((ubo) => ubo.free());
         this.gl.deleteProgram(this.program);
         this._defaultFlexibleUBO.free();
-        totems_1.CameraUniformBlockTotemCache.release(this.globe);
+        CameraUniformBlockTotemCache.release(this.globe);
         this.gl.deleteProgram(this.program);
-    };
-    return Logic;
-}());
-exports.LineStripProgramCache = Object.freeze({
-    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); },
+    }
+}
+export const LineStripProgramCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic),
 });

package/programs/line-on-globe/naive-accurate-flexible.js

@@ -1,37 +1,108 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineOnGlobeCache = void 0;
-var totems_1 = require("../totems");
-var geometrytransformations_1 = require("../../util/shaderfunctions/geometrytransformations");
-var util_1 = require("../../util");
-var programcache_1 = require("../programcache");
-var attribute_loader_1 = require("../../util/gl-util/buffer/attribute-loader");
-var manager_1 = require("../../util/gl-util/uniform-block/manager");
-require("../../util/gl-util/draw-options/types");
-var methods_1 = require("../../util/gl-util/draw-options/methods");
-var GLOBE_MIDPOINT_COUNT = 30;
-var escapeValue = -1.0;
-var uniformBindingPoints = {
+import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems";
+import { slerp, POLE, R_3D, mercatorXYToGLPosition, cartesian3DToGLPosition } from "../../util/shaderfunctions/geometrytransformations";
+import { createProgram } from "../../util";
+import { noRegisterGlobeProgramCache } from "../programcache";
+import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
+import { UniformBlockManager } from "../../util/gl-util/uniform-block/manager";
+import "../../util/gl-util/draw-options/types";
+import { drawInstanced } from "../../util/gl-util/draw-options/methods";
+const GLOBE_MIDPOINT_COUNT = 30;
+const escapeValue = -1.0;
+const uniformBindingPoints = {
     camera: 0,
     flexible: 1
 };
-var uniformBlockManager = new manager_1.UniformBlockManager('FlexibleAttibutes', [
+const uniformBlockManager = new UniformBlockManager('FlexibleAttibutes', [
     { name: 'u_color', type: 'vec4' },
     { name: 'u_dash_ratio', type: 'float' },
     { name: 'u_dash_opacity', type: 'float' }
 ], uniformBindingPoints.flexible);
-var vertexShader = "#version 300 es\nprecision highp float;\n\n".concat(geometrytransformations_1.R_3D, "\n").concat(totems_1.CameraUniformBlockString, "\n").concat(geometrytransformations_1.slerp, "\n").concat(geometrytransformations_1.mercatorXYToGLPosition, "\n").concat(geometrytransformations_1.cartesian3DToGLPosition, "\n\n").concat(uniformBlockManager.glslCode(), "\n\nin vec2 start_position;\nin vec3 start_position3d;\nin vec2 end_position;\nin vec3 end_position3d;\n\nin float dash_ratio;\nin float dash_opacity;\nin vec4 color;\n\nout float v_dash_ratio;\nout float v_dash_opacity;\nout vec4 v_color;\n\nout vec2 v_limp;\nout float interpolation;\n\nvoid main() {\n    vec2 longLat;\n\n    v_color = (color.r == -1.0) ? u_color: color;\n    v_dash_ratio = (dash_ratio == -1.0) ? u_dash_ratio : dash_ratio;\n    v_dash_opacity = (dash_opacity == -1.0) ? u_dash_opacity : dash_opacity;\n\n    if (is3D) {\n        interpolation = float(gl_VertexID) / ").concat(GLOBE_MIDPOINT_COUNT - 1, ".0;\n        vec3 cartesian = slerp(start_position3d, end_position3d, interpolation);\n        gl_Position = cartesian3DToGLPosition(cartesian);\n        v_limp = vec2(0.0, 0.0);\n    } else {\n        if ( distance( start_position, end_position) > 30000000.0) { return; }\n        interpolation = float(gl_VertexID);\n        if (gl_VertexID % 2 == 0) {\n            longLat = start_position;\n        } else {\n            longLat = end_position;\n        }\n        v_limp = longLat;\n        gl_Position = mercatorXYToGLPosition(longLat);\n    }\n}\n");
-var fragmentShader = "#version 300 es\n".concat(geometrytransformations_1.POLE, "\nprecision highp float;\n\nuniform float opacity;\n\nin float interpolation;\nin vec2 v_limp;\nin vec4 v_color;\nin float v_dash_ratio;\nin float v_dash_opacity;\n\nout vec4 color;\n\nvoid main() {\n    if (v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE) { discard; }\n    color = v_color;\n    color.a *= opacity;\n    if ( v_dash_ratio >= 1.0 ) { return; }\n    if (interpolation > 0.95) { return; }\n    if (fract(interpolation / (2.0 * v_dash_ratio)) < 0.5) { color.a *= v_dash_opacity; }\n\n}\n");
-var Logic = /** @class */ (function () {
-    function Logic(globe) {
-        this.vaosPublished = [];
-        this.isFreed = false;
+const vertexShader = `#version 300 es
+precision highp float;
+
+${R_3D}
+${CameraUniformBlockString}
+${slerp}
+${mercatorXYToGLPosition}
+${cartesian3DToGLPosition}
+
+${uniformBlockManager.glslCode()}
+
+in vec2 start_position;
+in vec3 start_position3d;
+in vec2 end_position;
+in vec3 end_position3d;
+
+in float dash_ratio;
+in float dash_opacity;
+in vec4 color;
+
+out float v_dash_ratio;
+out float v_dash_opacity;
+out vec4 v_color;
+
+out vec2 v_limp;
+out float interpolation;
+
+void main() {
+    vec2 longLat;
+
+    v_color = (color.r == -1.0) ? u_color: color;
+    v_dash_ratio = (dash_ratio == -1.0) ? u_dash_ratio : dash_ratio;
+    v_dash_opacity = (dash_opacity == -1.0) ? u_dash_opacity : dash_opacity;
+
+    if (is3D) {
+        interpolation = float(gl_VertexID) / ${GLOBE_MIDPOINT_COUNT - 1}.0;
+        vec3 cartesian = slerp(start_position3d, end_position3d, interpolation);
+        gl_Position = cartesian3DToGLPosition(cartesian);
+        v_limp = vec2(0.0, 0.0);
+    } else {
+        if ( distance( start_position, end_position) > 30000000.0) { return; }
+        interpolation = float(gl_VertexID);
+        if (gl_VertexID % 2 == 0) {
+            longLat = start_position;
+        } else {
+            longLat = end_position;
+        }
+        v_limp = longLat;
+        gl_Position = mercatorXYToGLPosition(longLat);
+    }
+}
+`;
+const fragmentShader = `#version 300 es
+${POLE}
+precision highp float;
+
+uniform float opacity;
+
+in float interpolation;
+in vec2 v_limp;
+in vec4 v_color;
+in float v_dash_ratio;
+in float v_dash_opacity;
+
+out vec4 color;
+
+void main() {
+    if (v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE) { discard; }
+    color = v_color;
+    color.a *= opacity;
+    if ( v_dash_ratio >= 1.0 ) { return; }
+    if (interpolation > 0.95) { return; }
+    if (fract(interpolation / (2.0 * v_dash_ratio)) < 0.5) { color.a *= v_dash_opacity; }
+
+}
+`;
+class Logic {
+    vaosPublished = [];
+    isFreed = false;
+    constructor(globe) {
         this.globe = globe;
         this.gl = globe.gl;
-        this.program = (0, util_1.createProgram)(this.gl, vertexShader, fragmentShader);
+        this.program = createProgram(this.gl, vertexShader, fragmentShader);
         this._lastOpacity = 1.0;
-        var _a = this, gl = _a.gl, program = _a.program;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const { gl, program } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(program);
         // assign attribute locations
         gl.bindAttribLocation(program, 0, "start_position");
@@ -44,7 +115,7 @@ var Logic = /** @class */ (function () {
         this._opacityLocation = gl.getUniformLocation(program, "opacity");
         gl.uniform1f(this._opacityLocation, this._lastOpacity);
         gl.useProgram(currentProgram);
-        this.cameraBlockTotem = totems_1.CameraUniformBlockTotemCache.get(globe);
+        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
         this.cameraBlockTotem.assignBindingPoint(program, uniformBindingPoints.camera);
         this._ubosPublished = [];
         uniformBlockManager.assignBindingPoint(this.gl, this.program);
@@ -60,9 +131,8 @@ var Logic = /** @class */ (function () {
      * @param {number} flexibleOptions.dash_opacity
      * @param {number} flexibleOptions.dash_ratio
      */
-    Logic.prototype.draw = function (vao, drawOptions, opacity, flexibleUBO) {
-        if (flexibleUBO === void 0) { flexibleUBO = null; }
-        var _a = this, gl = _a.gl, program = _a.program, globe = _a.globe, cameraBlockTotem = _a.cameraBlockTotem, _defaultFlexibleUBO = _a._defaultFlexibleUBO;
+    draw(vao, drawOptions, opacity, flexibleUBO = null) {
+        const { gl, program, globe, cameraBlockTotem, _defaultFlexibleUBO } = this;
         gl.useProgram(program);
         cameraBlockTotem.bind(uniformBindingPoints.camera);
         gl.bindVertexArray(vao);
@@ -71,17 +141,16 @@ var Logic = /** @class */ (function () {
             this._lastOpacity = opacity;
         }
         // this._setFlexibleUniforms(flexibleOptions);
-        var vertexCount = globe.api_GetCurrentGeometry() === 0 ? GLOBE_MIDPOINT_COUNT : 2;
-        var ubo = flexibleUBO || _defaultFlexibleUBO;
+        const vertexCount = globe.api_GetCurrentGeometry() === 0 ? GLOBE_MIDPOINT_COUNT : 2;
+        const ubo = flexibleUBO || _defaultFlexibleUBO;
         ubo.bind();
-        (0, methods_1.drawInstanced)(gl, gl.LINE_STRIP, drawOptions, vertexCount);
+        drawInstanced(gl, gl.LINE_STRIP, drawOptions, vertexCount);
         ubo.unbind();
         gl.bindVertexArray(null);
         cameraBlockTotem.unbind(uniformBindingPoints.camera);
-    };
-    Logic.prototype.createUBO = function (bufferReadType) {
-        if (bufferReadType === void 0) { bufferReadType = "STATIC_DRAW"; }
-        var ubo = uniformBlockManager.createUBO(this.gl, bufferReadType);
+    }
+    createUBO(bufferReadType = "STATIC_DRAW") {
+        const ubo = uniformBlockManager.createUBO(this.gl, bufferReadType);
         this._ubosPublished.push(ubo);
         ubo.update(new Map([
             ["u_color", [1, 1, 1, 1]],
@@ -89,37 +158,35 @@ var Logic = /** @class */ (function () {
             ["u_dash_opacity", [1]]
         ]));
         return ubo;
-    };
-    Logic.prototype.createVAO = function (startPotision2DBufferObj, startPotision3DBufferObj, endPosition2DBufferObj, endPosition3DBufferObj, dashRatioBufferObj, dashOpacityBufferObj, colorBufferObj) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
+    }
+    createVAO(startPotision2DBufferObj, startPotision3DBufferObj, endPosition2DBufferObj, endPosition3DBufferObj, dashRatioBufferObj, dashOpacityBufferObj, colorBufferObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
-        var divisor = 1;
-        (0, attribute_loader_1.attributeLoader)(gl, startPotision2DBufferObj, 0, 2, { divisor: divisor });
-        (0, attribute_loader_1.attributeLoader)(gl, startPotision3DBufferObj, 1, 3, { divisor: divisor });
-        (0, attribute_loader_1.attributeLoader)(gl, endPosition2DBufferObj, 2, 2, { divisor: divisor });
-        (0, attribute_loader_1.attributeLoader)(gl, endPosition3DBufferObj, 3, 3, { divisor: divisor });
-        (0, attribute_loader_1.attributeLoader)(gl, dashRatioBufferObj, 4, 1, { divisor: divisor, escapeValues: [escapeValue] });
-        (0, attribute_loader_1.attributeLoader)(gl, dashOpacityBufferObj, 5, 1, { divisor: divisor, escapeValues: [escapeValue] });
-        (0, attribute_loader_1.attributeLoader)(gl, colorBufferObj, 6, 4, { divisor: divisor, escapeValues: [escapeValue, escapeValue, escapeValue, escapeValue] });
+        const divisor = 1;
+        attributeLoader(gl, startPotision2DBufferObj, 0, 2, { divisor });
+        attributeLoader(gl, startPotision3DBufferObj, 1, 3, { divisor });
+        attributeLoader(gl, endPosition2DBufferObj, 2, 2, { divisor });
+        attributeLoader(gl, endPosition3DBufferObj, 3, 3, { divisor });
+        attributeLoader(gl, dashRatioBufferObj, 4, 1, { divisor, escapeValues: [escapeValue] });
+        attributeLoader(gl, dashOpacityBufferObj, 5, 1, { divisor, escapeValues: [escapeValue] });
+        attributeLoader(gl, colorBufferObj, 6, 4, { divisor, escapeValues: [escapeValue, escapeValue, escapeValue, escapeValue] });
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         this.vaosPublished.push(vao);
         return vao;
-    };
-    Logic.prototype.free = function () {
-        var _this = this;
+    }
+    free() {
         if (this.isFreed)
             return;
-        totems_1.CameraUniformBlockTotemCache.release(this.globe);
+        CameraUniformBlockTotemCache.release(this.globe);
         this.gl.deleteProgram(this.program);
-        this.vaosPublished.forEach(function (vao) { return _this.gl.deleteVertexArray(vao); });
-        this._ubosPublished.forEach(function (ubo) { return ubo.free(); });
+        this.vaosPublished.forEach(vao => this.gl.deleteVertexArray(vao));
+        this._ubosPublished.forEach(ubo => ubo.free());
         this.isFreed = true;
-    };
-    return Logic;
-}());
-exports.LineOnGlobeCache = Object.freeze({
-    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+    }
+}
+export const LineOnGlobeCache = Object.freeze({
+    get: (globe) => { return noRegisterGlobeProgramCache.getProgram(globe, Logic); },
+    release: (globe) => { return noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
 });

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

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

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

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