@pirireis/webglobeplugins 0.9.11 → 0.9.12

package/timetracks/plugin-line-strip.js

@@ -6,8 +6,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var program_line_strip_1 = __importDefault(require("./program-line-strip"));
-var programpoint_line_strip_1 = __importDefault(require("./programpoint-line-strip"));
+const program_line_strip_1 = __importDefault(require("./program-line-strip"));
+const programpoint_line_strip_1 = __importDefault(require("./programpoint-line-strip"));
 /**
  * @typedef {Float32Array} TimeTrackMultiColorData  | A linestring is representation, let A{a1, a2, a3}, B{b1, b2} be the points of the line.
      * TimeTrackMultiColorData is [
@@ -36,7 +36,7 @@ var programpoint_line_strip_1 = __importDefault(require("./programpoint-line-str
     uses float32array in a * {@link TimeTrackMultiColorData} format
 
  */
-var TimeTrackMultiColorPlugin = /** @class */ (function () {
+class TimeTrackMultiColorPlugin {
     /**
      * @param {String} id
      * @param {Object} options
@@ -52,9 +52,7 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
      * @param {number} pointOptions.pointSize 0 ~ inf
      * @param {boolean} pointOptions.isOn true | false
     */
-    function TimeTrackMultiColorPlugin(id, options, _a) {
-        if (options === void 0) { options = {}; }
-        var _b = _a === void 0 ? {} : _a, _c = _b.opacity, opacity = _c === void 0 ? 1.0 : _c, _d = _b.pointSize, pointSize = _d === void 0 ? 1 : _d, _e = _b.isOn, isOn = _e === void 0 ? false : _e;
+    constructor(id, options = {}, { opacity = 1.0, pointSize = 1, isOn = false } = {}) {
         this.id = id;
         this.globe = null;
         this.gl = null;
@@ -63,7 +61,7 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
         this._tailTime = 0;
         this._data = options.data || null;
         this._options = options;
-        this._pointOptions = { opacity: opacity, pointSize: pointSize, isOn: isOn };
+        this._pointOptions = { opacity, pointSize, isOn };
         this.program = null;
         this._transporArr = new Float32Array(3);
         this._ready = false;
@@ -73,86 +71,85 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
     // ----------------------------------
     //     --- user methods ---
     // ----------------------------------
-    TimeTrackMultiColorPlugin.prototype.setHeadAndTailTime = function (headTime, tailTime) {
-        var _a;
+    setHeadAndTailTime(headTime, tailTime) {
         this._headTime = headTime;
         this._tailTime = tailTime;
         // console.log("setHeadAndTailTime", headTime, tailTime);
-        (_a = this.pointProgram) === null || _a === void 0 ? void 0 : _a.setHeadTime(headTime);
+        this.pointProgram?.setHeadTime(headTime);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setBlurWeights = function (weights) {
+    }
+    setBlurWeights(weights) {
         this.program.setBlurWeights(weights);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setHeadPercentage = function (headPercentage) {
+    }
+    setHeadPercentage(headPercentage) {
         this.program.setHeadPercentage(headPercentage);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setRouteAlpha = function (routeAlpha) {
+    }
+    setRouteAlpha(routeAlpha) {
         this.program.setRouteAlpha(routeAlpha);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setFinalAlphaRatio = function (finalAlphaRatio) {
+    }
+    setFinalAlphaRatio(finalAlphaRatio) {
         this.program.setFinalAlphaRatio(finalAlphaRatio);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setGamma = function (gamma) {
+    }
+    setGamma(gamma) {
         this.program.setGamma(gamma);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setExposure = function (exposure) {
+    }
+    setExposure(exposure) {
         this.program.setExposure(exposure);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setBlurRepetition = function (repetition) {
+    }
+    setBlurRepetition(repetition) {
         this.program.setBlurRepetition(repetition);
         this.globe.DrawRender();
-    };
+    }
     // ---------------point program setters-------------------
-    TimeTrackMultiColorPlugin.prototype.setPointOpacity = function (opacity) {
+    setPointOpacity(opacity) {
         this._pointOptions.opacity = opacity;
         if (this.pointProgram) {
             this.pointProgram.setOpacity(opacity);
             this.globe.DrawRender();
         }
-    };
-    TimeTrackMultiColorPlugin.prototype.setPointSize = function (size) {
+    }
+    setPointSize(size) {
         this._pointOptions.pointSize = size;
         if (this.pointProgram) {
             this.pointProgram.setPointSize(size);
             this.globe.DrawRender();
         }
-    };
-    TimeTrackMultiColorPlugin.prototype.pointSwitch = function (isOn) {
+    }
+    pointSwitch(isOn) {
         if (isOn && !this.pointProgram) {
             this.pointProgram = this._createPointProgram();
         }
         else {
             this._deletePointProgram();
         }
-    };
+    }
     // ------------------------------------------------------------
-    TimeTrackMultiColorPlugin.prototype._createPointProgram = function () {
-        var gl = this.gl;
-        var program = new programpoint_line_strip_1.default(gl, this.globe, this._attrBuffer, this._pointOptions);
+    _createPointProgram() {
+        const { gl } = this;
+        const program = new programpoint_line_strip_1.default(gl, this.globe, this._attrBuffer, this._pointOptions);
         program.setDrawCount(this._totalSize);
         return program;
-    };
-    TimeTrackMultiColorPlugin.prototype._deletePointProgram = function () {
+    }
+    _deletePointProgram() {
         if (this.pointProgram)
             this.pointProgram.free();
         this.pointProgram = null;
-    };
+    }
     // -------------------------------------------------------------
-    TimeTrackMultiColorPlugin.prototype.isReady = function () {
+    isReady() {
         return this._ready;
-    };
+    }
     /**
      * @param {TimeTrackMultiColorData} data {@link TimeTrackMultiColorData}
      * Check Class constructor
      */
-    TimeTrackMultiColorPlugin.prototype.setData = function (data) {
+    setData(data) {
         if (this.gl) {
             this._ready = false;
             this.setDataAsFloat32Array(data);
@@ -162,15 +159,13 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
             this._data = data;
             this._ready = false;
         }
-    };
+    }
     /**
      * @param {TimeTrackMultiColorData} data {@link TimeTrackMultiColorData}
      * @param {number} totalSize | if not provided, it is calculated from float32Array.length / 9. Use if you want to draw first n points.
      */
-    TimeTrackMultiColorPlugin.prototype.setDataAsFloat32Array = function (data, totalSize) {
-        var _a;
-        if (totalSize === void 0) { totalSize = null; }
-        var _b = this, gl = _b.gl, _attrBuffer = _b._attrBuffer;
+    setDataAsFloat32Array(data, totalSize = null) {
+        const { gl, _attrBuffer } = this;
         gl.bindBuffer(gl.ARRAY_BUFFER, _attrBuffer);
         gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
@@ -183,44 +178,42 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
             this._totalSize = data.length / 9;
         }
         this.program.setTotalLength(this._totalSize);
-        (_a = this.pointProgram) === null || _a === void 0 ? void 0 : _a.setDrawCount(this._totalSize / 2);
+        this.pointProgram?.setDrawCount(this._totalSize / 2);
         this._ready = true;
-    };
+    }
     // ------------------------------
     //      --- globe Methods ---
     // ------------------------------
-    TimeTrackMultiColorPlugin.prototype.draw3D = function (projMatrix, modelviewMatrix, transPos) {
-        var _a;
+    draw3D(projMatrix, modelviewMatrix, transPos) {
         if (!this._ready)
             return;
-        var _b = this, _headTime = _b._headTime, _tailTime = _b._tailTime, program = _b.program, _transporArr = _b._transporArr, globe = _b.globe;
-        (_a = this.pointProgram) === null || _a === void 0 ? void 0 : _a.draw();
+        const { _headTime, _tailTime, program, _transporArr, globe } = this;
+        this.pointProgram?.draw();
         _transporArr.set([transPos.x, transPos.y, transPos.z], 0);
-        var geomType = globe.api_GetCurrentGeometry();
+        const geomType = globe.api_GetCurrentGeometry();
         if (geomType === 0) {
             program.draw(_headTime, _tailTime, projMatrix, modelviewMatrix, _transporArr);
         }
         else if (geomType === 1) {
-            var _c = globe.api_GetCurrentWorldWH(), width = _c.width, height = _c.height;
+            const { width, height } = globe.api_GetCurrentWorldWH();
             program.draw(_headTime, _tailTime, projMatrix, modelviewMatrix, _transporArr, [width, height]);
         }
         else {
             console.error("Unknown geometry type", geomType);
         }
-    };
-    TimeTrackMultiColorPlugin.prototype.resize = function (width, height) {
-        var _a = this, program = _a.program, globe = _a.globe;
+    }
+    resize(width, height) {
+        const { program, globe } = this;
         width = width || globe.api_ScrW();
         height = height || globe.api_ScrH();
         program.resize(width, height);
-    };
-    TimeTrackMultiColorPlugin.prototype.init = function (globe, gl) {
-        var _a;
+    }
+    init(globe, gl) {
         this.globe = globe;
         this.gl = gl;
         this._attrBuffer = gl.createBuffer();
         this.program = new program_line_strip_1.default(gl, this._attrBuffer, globe.api_ScrW(), globe.api_ScrH(), this._options);
-        if ((_a = this._pointOptions) === null || _a === void 0 ? void 0 : _a.isOn)
+        if (this._pointOptions?.isOn)
             this.pointProgram = new programpoint_line_strip_1.default(gl, globe, this._attrBuffer);
         // this.pointProgram.setAttrBuffer(_attrBuffer);
         this.setGeometry();
@@ -230,25 +223,24 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
             this._data = null;
         }
         this.resize();
-    };
-    TimeTrackMultiColorPlugin.prototype.free = function () {
-        var _a = this, gl = _a.gl, _attrBuffer = _a._attrBuffer;
+    }
+    free() {
+        const { gl, _attrBuffer } = this;
         this.program.free();
         gl.deleteBuffer(_attrBuffer);
-    };
-    TimeTrackMultiColorPlugin.prototype.setGeometry = function () {
-        var _a = this, globe = _a.globe, program = _a.program;
+    }
+    setGeometry() {
+        const { globe, program } = this;
         program.setIs3D(globe.api_GetCurrentGeometry() === 0);
-    };
+    }
     // ----------------------------------
     //      --- implicit methods ---
     // ----------------------------------
-    TimeTrackMultiColorPlugin.prototype._latLongToPixelXY = function (latitude, longitude) {
+    _latLongToPixelXY(latitude, longitude) {
         return {
             x: (longitude + 180) / 360,
             y: (90 - latitude) / 180
         };
-    };
-    return TimeTrackMultiColorPlugin;
-}());
+    }
+}
 exports.default = TimeTrackMultiColorPlugin;

package/timetracks/plugin.js

@@ -6,8 +6,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var program_1 = __importDefault(require("./program"));
-var programpoint_1 = __importDefault(require("./programpoint"));
+const program_1 = __importDefault(require("./program"));
+const programpoint_1 = __importDefault(require("./programpoint"));
 /**
  * @typedef {Float32Array} TimeTrackMultiColorData  | A linestring is representation, let A{a1, a2, a3}, B{b1, b2} be the points of the line.
      * TimeTrackMultiColorData is [
@@ -33,7 +33,7 @@ var programpoint_1 = __importDefault(require("./programpoint"));
     uses float32array in a * {@link TimeTrackMultiColorData} format
 
  */
-var TimeTrackMultiColorPlugin = /** @class */ (function () {
+class TimeTrackMultiColorPlugin {
     /**
      * @param {String} id
      * @param {Object} options
@@ -49,9 +49,7 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
      * @param {number} pointOptions.pointSize 0 ~ inf
      * @param {boolean} pointOptions.isOn true | false
     */
-    function TimeTrackMultiColorPlugin(id, options, _a) {
-        if (options === void 0) { options = {}; }
-        var _b = _a === void 0 ? {} : _a, _c = _b.opacity, opacity = _c === void 0 ? 1.0 : _c, _d = _b.pointSize, pointSize = _d === void 0 ? 1 : _d, _e = _b.isOn, isOn = _e === void 0 ? false : _e;
+    constructor(id, options = {}, { opacity = 1.0, pointSize = 1, isOn = false } = {}) {
         this.id = id;
         this.globe = null;
         this.gl = null;
@@ -60,7 +58,7 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
         this._tailTime = 0;
         this._data = options.data || null;
         this._options = options;
-        this._pointOptions = { opacity: opacity, pointSize: pointSize, isOn: isOn };
+        this._pointOptions = { opacity, pointSize, isOn };
         this.program = null;
         this._transporArr = new Float32Array(3);
         this._ready = false;
@@ -70,97 +68,96 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
     // ----------------------------------
     //     --- user methods ---
     // ----------------------------------
-    TimeTrackMultiColorPlugin.prototype.setHeadAndTailTime = function (headTime, tailTime) {
-        var _a;
+    setHeadAndTailTime(headTime, tailTime) {
         this._headTime = headTime;
         this._tailTime = tailTime;
-        (_a = this.pointProgram) === null || _a === void 0 ? void 0 : _a.setHeadTime(headTime);
+        this.pointProgram?.setHeadTime(headTime);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setGlow = function (isGlow) {
+    }
+    setGlow(isGlow) {
         this.program.setGlow(isGlow);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setPremultipliedAlpha = function (isPremultiplied) {
+    }
+    setPremultipliedAlpha(isPremultiplied) {
         this.program.setPremultipliedAlpha(isPremultiplied);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setBlurWeights = function (weights) {
+    }
+    setBlurWeights(weights) {
         this.program.setBlurWeights(weights);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setHeadPercentage = function (headPercentage) {
+    }
+    setHeadPercentage(headPercentage) {
         this.program.setHeadPercentage(headPercentage);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setRouteAlpha = function (routeAlpha) {
+    }
+    setRouteAlpha(routeAlpha) {
         this.program.setRouteAlpha(routeAlpha);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setFinalAlphaRatio = function (finalAlphaRatio) {
+    }
+    setFinalAlphaRatio(finalAlphaRatio) {
         this.program.setFinalAlphaRatio(finalAlphaRatio);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setGamma = function (gamma) {
+    }
+    setGamma(gamma) {
         this.program.setGamma(gamma);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setExposure = function (exposure) {
+    }
+    setExposure(exposure) {
         this.program.setExposure(exposure);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setBlurRepetition = function (repetition) {
+    }
+    setBlurRepetition(repetition) {
         this.program.setBlurRepetition(repetition);
         this.globe.DrawRender();
-    };
-    TimeTrackMultiColorPlugin.prototype.setAlphaThreshold = function (alphaThreshold) {
+    }
+    setAlphaThreshold(alphaThreshold) {
         this.program.setAlphaThreshold(alphaThreshold);
         this.globe.DrawRender();
-    };
+    }
     // ---------------point program setters-------------------
-    TimeTrackMultiColorPlugin.prototype.setPointOpacity = function (opacity) {
+    setPointOpacity(opacity) {
         this._pointOptions.opacity = opacity;
         if (this.pointProgram) {
             this.pointProgram.setOpacity(opacity);
             this.globe.DrawRender();
         }
-    };
-    TimeTrackMultiColorPlugin.prototype.setPointSize = function (size) {
+    }
+    setPointSize(size) {
         this._pointOptions.pointSize = size;
         if (this.pointProgram) {
             this.pointProgram.setPointSize(size);
             this.globe.DrawRender();
         }
-    };
-    TimeTrackMultiColorPlugin.prototype.pointSwitch = function (isOn) {
+    }
+    pointSwitch(isOn) {
         if (isOn && !this.pointProgram) {
             this.pointProgram = this._createPointProgram();
         }
         else {
             this._deletePointProgram();
         }
-    };
+    }
     // ------------------------------------------------------------
-    TimeTrackMultiColorPlugin.prototype._createPointProgram = function () {
-        var gl = this.gl;
-        var program = new programpoint_1.default(gl, this.globe, this._attrBuffer, this._pointOptions);
+    _createPointProgram() {
+        const { gl } = this;
+        const program = new programpoint_1.default(gl, this.globe, this._attrBuffer, this._pointOptions);
         program.setDrawCount(this._totalSize / 2);
         return program;
-    };
-    TimeTrackMultiColorPlugin.prototype._deletePointProgram = function () {
+    }
+    _deletePointProgram() {
         if (this.pointProgram)
             this.pointProgram.free();
         this.pointProgram = null;
-    };
+    }
     // -------------------------------------------------------------
-    TimeTrackMultiColorPlugin.prototype.isReady = function () {
+    isReady() {
         return this._ready;
-    };
+    }
     /**
      * @param {TimeTrackMultiColorData} data {@link TimeTrackMultiColorData}
      * Check Class constructor
      */
-    TimeTrackMultiColorPlugin.prototype.setData = function (data) {
+    setData(data) {
         if (this.gl) {
             this._ready = false;
             this.setDataAsFloat32Array(data);
@@ -170,15 +167,13 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
             this._data = data;
             this._ready = false;
         }
-    };
+    }
     /**
      * @param {TimeTrackMultiColorData} data {@link TimeTrackMultiColorData}
      * @param {number} totalSize | if not provided, it is calculated from float32Array.length / 9. Use if you want to draw first n points.
      */
-    TimeTrackMultiColorPlugin.prototype.setDataAsFloat32Array = function (data, totalSize) {
-        var _a;
-        if (totalSize === void 0) { totalSize = null; }
-        var _b = this, gl = _b.gl, _attrBuffer = _b._attrBuffer;
+    setDataAsFloat32Array(data, totalSize = null) {
+        const { gl, _attrBuffer } = this;
         gl.bindBuffer(gl.ARRAY_BUFFER, _attrBuffer);
         gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
@@ -191,44 +186,42 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
             this._totalSize = data.length / 9;
         }
         this.program.setTotalLength(this._totalSize);
-        (_a = this.pointProgram) === null || _a === void 0 ? void 0 : _a.setDrawCount(this._totalSize / 2);
+        this.pointProgram?.setDrawCount(this._totalSize / 2);
         this._ready = true;
-    };
+    }
     // ------------------------------
     //      --- globe Methods ---
     // ------------------------------
-    TimeTrackMultiColorPlugin.prototype.draw3D = function (projMatrix, modelviewMatrix, transPos) {
-        var _a;
+    draw3D(projMatrix, modelviewMatrix, transPos) {
         if (!this._ready)
             return;
-        var _b = this, _headTime = _b._headTime, _tailTime = _b._tailTime, program = _b.program, _transporArr = _b._transporArr, globe = _b.globe;
-        (_a = this.pointProgram) === null || _a === void 0 ? void 0 : _a.draw();
+        const { _headTime, _tailTime, program, _transporArr, globe } = this;
+        this.pointProgram?.draw();
         _transporArr.set([transPos.x, transPos.y, transPos.z], 0);
-        var geomType = globe.api_GetCurrentGeometry();
+        const geomType = globe.api_GetCurrentGeometry();
         if (geomType === 0) {
             program.draw(_headTime, _tailTime, projMatrix, modelviewMatrix, _transporArr);
         }
         else if (geomType === 1) {
-            var _c = globe.api_GetCurrentWorldWH(), width = _c.width, height = _c.height;
+            const { width, height } = globe.api_GetCurrentWorldWH();
             program.draw(_headTime, _tailTime, projMatrix, modelviewMatrix, _transporArr, [width, height]);
         }
         else {
             console.error("Unknown geometry type", geomType);
         }
-    };
-    TimeTrackMultiColorPlugin.prototype.resize = function (width, height) {
-        var _a = this, program = _a.program, globe = _a.globe;
+    }
+    resize(width, height) {
+        const { program, globe } = this;
         width = width || globe.api_ScrW();
         height = height || globe.api_ScrH();
         program.resize(width, height);
-    };
-    TimeTrackMultiColorPlugin.prototype.init = function (globe, gl) {
-        var _a;
+    }
+    init(globe, gl) {
         this.globe = globe;
         this.gl = gl;
         this._attrBuffer = gl.createBuffer();
         this.program = new program_1.default(gl, this._attrBuffer, globe.api_ScrW(), globe.api_ScrH(), this._options);
-        if ((_a = this._pointOptions) === null || _a === void 0 ? void 0 : _a.isOn)
+        if (this._pointOptions?.isOn)
             this.pointProgram = new programpoint_1.default(gl, globe, this._attrBuffer);
         // this.pointProgram.setAttrBuffer(_attrBuffer);
         this.setGeometry();
@@ -238,25 +231,24 @@ var TimeTrackMultiColorPlugin = /** @class */ (function () {
             this._data = null;
         }
         this.resize();
-    };
-    TimeTrackMultiColorPlugin.prototype.free = function () {
-        var _a = this, gl = _a.gl, _attrBuffer = _a._attrBuffer;
+    }
+    free() {
+        const { gl, _attrBuffer } = this;
         this.program.free();
         gl.deleteBuffer(_attrBuffer);
-    };
-    TimeTrackMultiColorPlugin.prototype.setGeometry = function () {
-        var _a = this, globe = _a.globe, program = _a.program;
+    }
+    setGeometry() {
+        const { globe, program } = this;
         program.setIs3D(globe.api_GetCurrentGeometry() === 0);
-    };
+    }
     // ----------------------------------
     //      --- implicit methods ---
     // ----------------------------------
-    TimeTrackMultiColorPlugin.prototype._latLongToPixelXY = function (latitude, longitude) {
+    _latLongToPixelXY(latitude, longitude) {
         return {
             x: (longitude + 180) / 360,
             y: (90 - latitude) / 180
         };
-    };
-    return TimeTrackMultiColorPlugin;
-}());
+    }
+}
 exports.default = TimeTrackMultiColorPlugin;