@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/util/webglobjectbuilders1.js

@@ -1,46 +1,28 @@
-"use strict";
 // export function createShader(gl, type, source) {
 //     const shader = gl.createShader(type);
 //     gl.shaderSource(shader, source);
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createShader = createShader;
-exports.createProgram = createProgram;
-exports.createProgramWrapper = createProgramWrapper;
-exports.createTexture = createTexture;
-exports.bindTexture = bindTexture;
-exports.createBuffer = createBuffer;
-exports.bindAttribute = bindAttribute;
-exports.bindFramebuffer = bindFramebuffer;
-exports.decodeBase64 = decodeBase64;
-exports.createImageFromBase64 = createImageFromBase64;
-exports.getColorRamp = getColorRamp;
-exports.getColorRampDiscrate = getColorRampDiscrate;
-exports.getColorRampInterpolated = getColorRampInterpolated;
-exports.getColorRampModed = getColorRampModed;
-exports.defaultColorRamp = defaultColorRamp;
-exports.reloadCurrentGLProgram = reloadCurrentGLProgram;
 //     gl.compileShader(shader);
 //     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
 //         throw new Error(gl.getShaderInfoLog(shader));
 //     }
 //     return shader;
 // }
-function createShader(gl, type, source) {
-    var shader = gl.createShader(type);
+export function createShader(gl, type, source) {
+    const shader = gl.createShader(type);
     gl.shaderSource(shader, source);
     gl.compileShader(shader);
     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        var errorLog = gl.getShaderInfoLog(shader);
-        var shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
-        var sourceWithLineNumbers = source.split('\n').map(function (line, i) { return "".concat(i + 1, ": ").concat(line); }).join('\n');
-        throw new Error("Error compiling ".concat(shaderType, ":\n").concat(errorLog, "\nSource:\n").concat(sourceWithLineNumbers));
+        const errorLog = gl.getShaderInfoLog(shader);
+        const shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
+        const sourceWithLineNumbers = source.split('\n').map((line, i) => `${i + 1}: ${line}`).join('\n');
+        throw new Error(`Error compiling ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
     }
     return shader;
 }
-function createProgram(gl, vertexSource, fragmentSource) {
-    var program = gl.createProgram();
-    var vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    var fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+export function createProgram(gl, vertexSource, fragmentSource) {
+    const program = gl.createProgram();
+    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
+    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
     gl.compileShader(vertexShader);
     if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
         console.error(gl.getShaderInfoLog(vertexShader));
@@ -60,10 +42,10 @@ function createProgram(gl, vertexSource, fragmentSource) {
     }
     return program;
 }
-function createProgramWrapper(gl, vertexSource, fragmentSource) {
-    var program = gl.createProgram();
-    var vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    var fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+export function createProgramWrapper(gl, vertexSource, fragmentSource) {
+    const program = gl.createProgram();
+    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
+    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
     gl.attachShader(program, vertexShader);
     gl.attachShader(program, fragmentShader);
     gl.linkProgram(program);
@@ -71,21 +53,21 @@ function createProgramWrapper(gl, vertexSource, fragmentSource) {
         // console.log(gl.getProgramInfoLog(program));
         throw new Error(gl.getProgramInfoLog(program));
     }
-    var wrapper = { program: program };
-    var numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
-    for (var i = 0; i < numAttributes; i++) {
-        var attribute = gl.getActiveAttrib(program, i);
+    const wrapper = { program: program };
+    const numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
+    for (let i = 0; i < numAttributes; i++) {
+        const attribute = gl.getActiveAttrib(program, i);
         wrapper[attribute.name] = gl.getAttribLocation(program, attribute.name);
     }
-    var numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
-    for (var i = 0; i < numUniforms; i++) {
-        var uniform = gl.getActiveUniform(program, i);
+    const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+    for (let i = 0; i < numUniforms; i++) {
+        const uniform = gl.getActiveUniform(program, i);
         wrapper[uniform.name] = gl.getUniformLocation(program, uniform.name);
     }
     return wrapper;
 }
-function createTexture(gl, filter, data, width, height) {
-    var texture = gl.createTexture();
+export function createTexture(gl, filter, data, width, height) {
+    const texture = gl.createTexture();
     gl.bindTexture(gl.TEXTURE_2D, texture);
     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
@@ -100,22 +82,22 @@ function createTexture(gl, filter, data, width, height) {
     gl.bindTexture(gl.TEXTURE_2D, null);
     return texture;
 }
-function bindTexture(gl, texture, unit) {
+export function bindTexture(gl, texture, unit) {
     gl.activeTexture(gl.TEXTURE0 + unit);
     gl.bindTexture(gl.TEXTURE_2D, texture);
 }
-function createBuffer(gl, data) {
-    var buffer = gl.createBuffer();
+export function createBuffer(gl, data) {
+    const buffer = gl.createBuffer();
     gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
     gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
     return buffer;
 }
-function bindAttribute(gl, buffer, attribute, numComponents) {
+export function bindAttribute(gl, buffer, attribute, numComponents) {
     gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
     gl.enableVertexAttribArray(attribute);
     gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
 }
-function bindFramebuffer(gl, framebuffer, texture) {
+export function bindFramebuffer(gl, framebuffer, texture) {
     if (texture) {
         gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
         gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
@@ -124,34 +106,34 @@ function bindFramebuffer(gl, framebuffer, texture) {
         gl.bindFramebuffer(gl.FRAMEBUFFER, null);
     }
 }
-function decodeBase64(data) {
-    var binary_string = atob(data);
-    var len = binary_string.length;
-    var bytes = new Uint8Array(len);
-    for (var i = 0; i < len; i++) {
+export function decodeBase64(data) {
+    const binary_string = atob(data);
+    const len = binary_string.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
         bytes[i] = binary_string.charCodeAt(i);
     }
     return bytes;
 }
-function createImageFromBase64(encodedData) {
-    var bytes = decodeBase64(encodedData);
-    var blob = new Blob([bytes.buffer], { type: "image/png" });
-    var urlCreator = window.URL || window.webkitURL;
-    var imageUrl = urlCreator.createObjectURL(blob);
-    var image = new Image();
+export function createImageFromBase64(encodedData) {
+    const bytes = decodeBase64(encodedData);
+    const blob = new Blob([bytes.buffer], { type: "image/png" });
+    const urlCreator = window.URL || window.webkitURL;
+    const imageUrl = urlCreator.createObjectURL(blob);
+    const image = new Image();
     image.src = imageUrl;
     return image;
 }
-function getColorRamp(colors) {
+export function getColorRamp(colors) {
     // console.log("getColorRamp", colors)
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
     canvas.width = 256;
     canvas.height = 1;
-    var gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (var stop_1 in colors) {
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (const stop in colors) {
         // console.log("stop", stop);
-        gradient.addColorStop(colors[stop_1][0], colors[stop_1][1]);
+        gradient.addColorStop(colors[stop][0], colors[stop][1]);
         // Alttaki satir ile gradienti cevirip, shaderda ki `speed_t = 1.0 - speed_t`' kaldirdim.
         // gradientin en dusuk olmasi gereken siyah - mavi aralikta, mor renk gozlemledim.
         // gradient.addColorStop( 1.0 - colors[stop][0], colors[stop][1]);
@@ -160,14 +142,14 @@ function getColorRamp(colors) {
     ctx.fillRect(0, 0, 256, 1);
     return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
 }
-function getColorRampDiscrate(values, thresholds) {
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+export function getColorRampDiscrate(values, thresholds) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
     canvas.width = 256;
     canvas.height = 1;
-    var gap = 1.0 / 256;
-    var gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (var i = 0; i < thresholds.length - 1; i++) {
+    const gap = 1.0 / 256;
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (let i = 0; i < thresholds.length - 1; i++) {
         gradient.addColorStop(thresholds[i], values[i]);
         gradient.addColorStop(thresholds[i + 1] - gap, values[i]);
     }
@@ -176,16 +158,16 @@ function getColorRampDiscrate(values, thresholds) {
     ctx.fillRect(0, 0, 256, 1);
     return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
 }
-function getColorRampInterpolated(values, thresholds) {
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
+export function getColorRampInterpolated(values, thresholds) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
     canvas.width = 256;
     canvas.height = 1;
-    var gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
     // const gap = 1.0 / 256;
     // gradient.addColorStop(thresholds[0], values[0]);
     // gradient.addColorStop(thresholds[0] + gap, values[1]);
-    for (var i = 0; i < thresholds.length; i++) {
+    for (let i = 0; i < thresholds.length; i++) {
         gradient.addColorStop(thresholds[i], values[i]);
     }
     // gradient.addColorStop(thresholds[thresholds.length - 1] - gap, values[values.length - 1]);
@@ -198,8 +180,7 @@ function getColorRampInterpolated(values, thresholds) {
  * thresholds: n number of thresholds. Ex: [0, 10, 20]
  * mode: [discrete, interpolated,]
  */
-function getColorRampModed(values, thresholds, mode) {
-    if (mode === void 0) { mode = "interpolated"; }
+export function getColorRampModed(values, thresholds, mode = "interpolated") {
     if (mode === "discrete") {
         return getColorRampDiscrate(values, thresholds);
     }
@@ -210,8 +191,8 @@ function getColorRampModed(values, thresholds, mode) {
         throw new Error("mode is not valid");
     }
 }
-function defaultColorRamp() {
-    var defaultRampColors = [
+export function defaultColorRamp() {
+    const defaultRampColors = [
         [0.0, '#5e4fa2'],
         [0.15, '#3288bd'],
         [0.20, '#66c2a5'],
@@ -225,12 +206,12 @@ function defaultColorRamp() {
     ];
     return getColorRamp(defaultRampColors);
 }
-function reloadCurrentGLProgram() {
+export function reloadCurrentGLProgram() {
     return function (target, key, descriptor) {
-        var originalMethod = descriptor.value;
+        const originalMethod = descriptor.value;
         descriptor.value = function () {
-            var gl = target.gl;
-            var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            const gl = target.gl;
+            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
             originalMethod.apply(this, arguments);
             gl.useProgram(currentProgram);
         };

package/waveparticles/adaptor.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.centigradePlus90ToVectorArray = centigradePlus90ToVectorArray;
-function centigradePlus90ToVectorArray(centigradeArray, noDataValue) {
-    if (noDataValue === void 0) { noDataValue = -9999; }
-    var vectorArray = new Float32Array(centigradeArray.length * 2);
-    for (var i = 0; i < centigradeArray.length; i++) {
+function centigradePlus90ToVectorArray(centigradeArray, noDataValue = -9999) {
+    const vectorArray = new Float32Array(centigradeArray.length * 2);
+    for (let i = 0; i < centigradeArray.length; i++) {
         if (centigradeArray[i] === noDataValue) {
             vectorArray.set([0, 0], i * 2);
             continue;
         }
-        var rad = (centigradeArray[i] + 90.0) * Math.PI / 180;
-        var x = Math.cos(rad);
-        var y = Math.sin(rad);
+        const rad = (centigradeArray[i] + 90.0) * Math.PI / 180;
+        const x = Math.cos(rad);
+        const y = Math.sin(rad);
         vectorArray.set([x, y], i * 2);
     }
     return vectorArray;
 }
+export { centigradePlus90ToVectorArray };

package/waveparticles/index.js

@@ -1,10 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VectorFieldWaveParticle = exports.centigradePlus90ToVectorArray = void 0;
-var plugin_1 = __importDefault(require("./plugin"));
-exports.VectorFieldWaveParticle = plugin_1.default;
-var adaptor_1 = require("./adaptor");
-Object.defineProperty(exports, "centigradePlus90ToVectorArray", { enumerable: true, get: function () { return adaptor_1.centigradePlus90ToVectorArray; } });
+import VectorFieldWaveParticle from "./plugin";
+import { centigradePlus90ToVectorArray } from "./adaptor";
+export { centigradePlus90ToVectorArray, VectorFieldWaveParticle };

package/waveparticles/plugin.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var programs_1 = require("../programs");
-var util_1 = require("../util");
-var programs_2 = require("../programs");
-var programs_3 = require("../programs");
-var PixelBasedMove = programs_2.vectorfield.PixelBasedMove, DrawRectangleParticles = programs_2.vectorfield.DrawRectangleParticles, PingPongBufferManager = programs_2.vectorfield.PingPongBufferManager, WaveParticalUboManager = programs_2.vectorfield.WaveParticalUboManager;
-var MoveParticle = PixelBasedMove;
-var DrawParticle = DrawRectangleParticles;
+import { GlobeShellWiggle } from "../programs";
+import { defaultblendfunction } from "../util";
+import { vectorfield } from "../programs";
+import { FadeAway } from "../programs";
+const { PixelBasedMove, DrawRectangleParticles, PingPongBufferManager, WaveParticalUboManager } = vectorfield;
+const MoveParticle = PixelBasedMove;
+const DrawParticle = DrawRectangleParticles;
 /**
  * STEPS:
  * 1. move particle | buffers: read b1 write b2 | swap buffers b1 <-> b2
@@ -15,10 +13,9 @@ var DrawParticle = DrawRectangleParticles;
  * 4. fade drawTexture1 to drawTexture2 | swap textures
  *
  */
-var MAX_PIXELS_ON_DIMENSION = 2200;
-var Plugin = /** @class */ (function () {
-    function Plugin(id, _a) {
-        var _b = _a === void 0 ? {} : _a, dataWidth = _b.dataWidth, dataHeight = _b.dataHeight, _c = _b.fadeOpacity, fadeOpacity = _c === void 0 ? 0.83 : _c, _d = _b.opacity, opacity = _d === void 0 ? 0.75 : _d, _e = _b.minLon, minLon = _e === void 0 ? -180 : _e, _f = _b.minLat, minLat = _f === void 0 ? -90 : _f, _g = _b.maxLon, maxLon = _g === void 0 ? 180 : _g, _h = _b.maxLat, maxLat = _h === void 0 ? 90 : _h, _j = _b.patricleCount, patricleCount = _j === void 0 ? 8000 : _j, _k = _b.flipY, flipY = _k === void 0 ? true : _k, _l = _b.drawTextureMaxPixelOnDimension, drawTextureMaxPixelOnDimension = _l === void 0 ? MAX_PIXELS_ON_DIMENSION : _l;
+const MAX_PIXELS_ON_DIMENSION = 2200;
+export default class Plugin {
+    constructor(id, { dataWidth, dataHeight, fadeOpacity = 0.83, opacity = 0.75, minLon = -180, minLat = -90, maxLon = 180, maxLat = 90, patricleCount = 8000, flipY = true, drawTextureMaxPixelOnDimension = MAX_PIXELS_ON_DIMENSION } = {}) {
         this.id = id;
         this.globe = null;
         this.gl = null;
@@ -38,23 +35,23 @@ var Plugin = /** @class */ (function () {
         this._dataHeight = dataHeight;
         this._drawTextureMaxPixelOnDimension = drawTextureMaxPixelOnDimension;
         this._globeshellparameters = {
-            minLon: minLon,
-            maxLon: maxLon,
-            minLat: minLat,
-            maxLat: maxLat,
+            minLon,
+            maxLon,
+            minLat,
+            maxLat,
         };
         this._stepIndex = 0;
         this._fullCycleStepCount = 3;
         this._isFreed = false;
     }
-    Plugin.prototype.init = function (globe, gl) {
+    init(globe, gl) {
         this.globe = globe;
         this.gl = gl;
         this.moveParticle = new MoveParticle(gl);
         this.drawParticle = new DrawParticle(gl);
-        this.fadeAway = new programs_3.FadeAway(gl);
-        this.globeShellWiggle = new programs_1.GlobeShellWiggle(gl, globe, this._globeshellparameters);
-        var inPositionLocation = this.moveParticle.getInPositionLocation();
+        this.fadeAway = new FadeAway(gl);
+        this.globeShellWiggle = new GlobeShellWiggle(gl, globe, this._globeshellparameters);
+        const inPositionLocation = this.moveParticle.getInPositionLocation();
         this.bufferManager = new PingPongBufferManager(gl, this._particleCount, inPositionLocation);
         this._rgVectorFieldTexture = this._createRGTexture();
         this.waveUbo = new WaveParticalUboManager(gl, 0);
@@ -63,10 +60,10 @@ var Plugin = /** @class */ (function () {
         this.setBBox(this._globeshellparameters);
         this.setOpacity(this._opacity);
         this.____drawIndex = 0;
-    };
-    Plugin.prototype._createDrawTexture = function () {
-        var gl = this.gl;
-        var texture = gl.createTexture();
+    }
+    _createDrawTexture() {
+        const gl = this.gl;
+        const texture = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
         // gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 2200, 2200, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
         gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this._drawTextureResolution.width, this._drawTextureResolution.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
@@ -76,14 +73,14 @@ var Plugin = /** @class */ (function () {
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
         gl.bindTexture(gl.TEXTURE_2D, null);
         return texture;
-    };
-    Plugin.prototype._step = function () {
+    }
+    _step() {
         this._stepIndex = (this._stepIndex + 1) % this._fullCycleStepCount;
-    };
-    Plugin.prototype.draw3D = function () {
+    }
+    draw3D() {
         if (this._isFreed)
             return;
-        var _a = this, gl = _a.gl, moveParticle = _a.moveParticle, drawParticle = _a.drawParticle, bufferManager = _a.bufferManager, globeShellWiggle = _a.globeShellWiggle, waveUbo = _a.waveUbo, fadeAway = _a.fadeAway, _rgVectorFieldTexture = _a._rgVectorFieldTexture;
+        const { gl, moveParticle, drawParticle, bufferManager, globeShellWiggle, waveUbo, fadeAway, _rgVectorFieldTexture } = this;
         gl.disable(gl.DEPTH_TEST);
         if (this._stepIndex === 0) {
             waveUbo.update({ random_seed: Math.random() });
@@ -93,8 +90,8 @@ var Plugin = /** @class */ (function () {
         }
         else if (this._stepIndex === 1) {
             this.____drawIndex = 1 - this.____drawIndex;
-            var canvasWidth = gl.canvas.width;
-            var canvasHeight = gl.canvas.height;
+            const canvasWidth = gl.canvas.width;
+            const canvasHeight = gl.canvas.height;
             // gl.viewport(0, 0, 2200, 2200);
             gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
             gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
@@ -105,8 +102,8 @@ var Plugin = /** @class */ (function () {
             gl.viewport(0, 0, canvasWidth, canvasHeight);
         }
         else {
-            var canvasWidth = gl.canvas.width;
-            var canvasHeight = gl.canvas.height;
+            const canvasWidth = gl.canvas.width;
+            const canvasHeight = gl.canvas.height;
             // gl.viewport(0, 0, 2200, 2200);
             gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
             gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
@@ -116,23 +113,23 @@ var Plugin = /** @class */ (function () {
             gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[1 - this.____drawIndex], 0);
             fadeAway.draw(this._drawTextures[this.____drawIndex], this._fadeOpacity);
             gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            (0, util_1.defaultblendfunction)(gl);
+            defaultblendfunction(gl);
             gl.viewport(0, 0, canvasWidth, canvasHeight);
         }
         globeShellWiggle.setTexture(this._drawTextures[this.____drawIndex]);
         globeShellWiggle.draw();
         this._step();
         gl.enable(gl.DEPTH_TEST);
-    };
-    Plugin.prototype.setCycleStepCount = function (value) {
+    }
+    setCycleStepCount(value) {
         if (value < 3) {
             this._fullCycleStepCount = 3;
         }
         this._fullCycleStepCount = value;
-    };
-    Plugin.prototype._createRGTexture = function () {
-        var _a = this, gl = _a.gl, _dataWidth = _a._dataWidth, _dataHeight = _a._dataHeight;
-        var texture = gl.createTexture();
+    }
+    _createRGTexture() {
+        const { gl, _dataWidth, _dataHeight, } = this;
+        const texture = gl.createTexture();
         // R32F
         gl.bindTexture(gl.TEXTURE_2D, texture);
         gl.texImage2D(gl.TEXTURE_2D, 0, gl.RG32F, _dataWidth, _dataHeight, 0, gl.RG, gl.FLOAT, null);
@@ -142,10 +139,10 @@ var Plugin = /** @class */ (function () {
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
         gl.bindTexture(gl.TEXTURE_2D, null);
         return texture;
-    };
+    }
     // TODO: free all resources
-    Plugin.prototype.free = function () {
-        var _a = this, gl = _a.gl, fadeAway = _a.fadeAway, globeShellWiggle = _a.globeShellWiggle, _rgVectorFieldTexture = _a._rgVectorFieldTexture, bufferManager = _a.bufferManager, waveUbo = _a.waveUbo, _drawTextures = _a._drawTextures, _frameBuffer = _a._frameBuffer;
+    free() {
+        const { gl, fadeAway, globeShellWiggle, _rgVectorFieldTexture, bufferManager, waveUbo, _drawTextures, _frameBuffer } = this;
         this._isFreed = true;
         fadeAway.free();
         globeShellWiggle.free();
@@ -158,16 +155,15 @@ var Plugin = /** @class */ (function () {
         this.drawParticle = null;
         bufferManager.free();
         waveUbo.free();
-        _drawTextures.forEach(function (texture) { return gl.deleteTexture(texture); });
+        _drawTextures.forEach(texture => gl.deleteTexture(texture));
         gl.deleteFramebuffer(_frameBuffer);
-    };
+    }
     // setters 
-    Plugin.prototype.setParticleCount = function (value) {
+    setParticleCount(value) {
         this._particleCount = value;
         this.bufferManager.setParticleCount(value);
-    };
-    Plugin.prototype.setVectorFieldData = function (data, _a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.dataWidth, dataWidth = _c === void 0 ? null : _c, _d = _b.dataHeight, dataHeight = _d === void 0 ? null : _d, flipY = _b.flipY;
+    }
+    setVectorFieldData(data, { dataWidth = null, dataHeight = null, flipY } = {}) {
         if (dataWidth !== null && dataHeight !== null) {
             this._dataWidth = dataWidth;
             this._dataHeight = dataHeight;
@@ -176,25 +172,25 @@ var Plugin = /** @class */ (function () {
             this._flipY = flipY;
         }
         this.__data = data;
-        var _e = this, gl = _e.gl, _dataWidth = _e._dataWidth, _dataHeight = _e._dataHeight;
+        const { gl, _dataWidth, _dataHeight } = this;
         gl.bindTexture(gl.TEXTURE_2D, this._rgVectorFieldTexture);
         gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, this._flipY);
         gl.texImage2D(gl.TEXTURE_2D, 0, gl.RG32F, _dataWidth, _dataHeight, 0, gl.RG, gl.FLOAT, data);
         gl.bindTexture(gl.TEXTURE_2D, null);
         gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
-    };
-    Plugin.prototype.setHeight = function (value) {
+    }
+    setHeight(value) {
         this.globeShellWiggle.setHeight(value);
-    };
-    Plugin.prototype.setDropRate = function (value) {
+    }
+    setDropRate(value) {
         this.waveUbo.update({ drop_rate: value });
-    };
-    Plugin.prototype.__readAndWriteTextureData = function () {
-        var _a = this, gl = _a.gl, _rgVectorFieldTexture = _a._rgVectorFieldTexture, _dataWidth = _a._dataWidth, _dataHeight = _a._dataHeight;
+    }
+    __readAndWriteTextureData() {
+        const { gl, _rgVectorFieldTexture, _dataWidth, _dataHeight } = this;
         // Step 1: Bind the texture to a framebuffer
         // Step 2: Read the texture data into a Float32Array
         gl.bindTexture(gl.TEXTURE_2D, _rgVectorFieldTexture);
-        var textureData = new Float32Array(_dataWidth * _dataHeight * 2); // RG32F has 2 components per pixel
+        const textureData = new Float32Array(_dataWidth * _dataHeight * 2); // RG32F has 2 components per pixel
         gl.readPixels(0, 0, _dataWidth, _dataHeight, gl.RG, gl.FLOAT, textureData);
         gl.bindTexture(gl.TEXTURE_2D, null);
         // Step 3: Create a new texture and write the data back
@@ -203,18 +199,17 @@ var Plugin = /** @class */ (function () {
         // Replace the old texture with the new one
         this._rgVectorFieldTexture = this._createRGTexture();
         this.setVectorFieldData(textureData);
-    };
-    Plugin.prototype._drawTextureSizeFromBbox = function (_a) {
-        var minLon = _a.minLon, minLat = _a.minLat, maxLon = _a.maxLon, maxLat = _a.maxLat;
-        var horizon;
+    }
+    _drawTextureSizeFromBbox({ minLon, minLat, maxLon, maxLat }) {
+        let horizon;
         if (minLon > 0 && maxLon < 0) {
             horizon = 360 - minLon + maxLon;
         }
         else {
             horizon = maxLon - minLon;
         }
-        var vertical = maxLat - minLat;
-        var width, height;
+        const vertical = maxLat - minLat;
+        let width, height;
         if (horizon > vertical) {
             width = this._drawTextureMaxPixelOnDimension;
             height = Math.floor(this._drawTextureMaxPixelOnDimension * vertical / horizon);
@@ -224,48 +219,45 @@ var Plugin = /** @class */ (function () {
             width = Math.floor(this._drawTextureMaxPixelOnDimension * horizon / vertical);
         }
         return {
-            width: width,
-            height: height
+            width,
+            height
         };
-    };
-    Plugin.prototype.setDrawTextureMaxPixelOnDimension = function (value) {
+    }
+    setDrawTextureMaxPixelOnDimension(value) {
         this._drawTextureMaxPixelOnDimension = value;
         this._drawTextureResolution = this._drawTextureSizeFromBbox(this._globeshellparameters);
         this.waveUbo.update({ draw_texture_size: [this._drawTextureResolution.width, this._drawTextureResolution.height] });
         this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-    };
-    Plugin.prototype.setParticleSpeed = function (value) {
+    }
+    setParticleSpeed(value) {
         this.waveUbo.update({ range: value });
-    };
-    Plugin.prototype.setFadeOpacity = function (value) {
+    }
+    setFadeOpacity(value) {
         this._fadeOpacity = value;
-    };
-    Plugin.prototype.setOpacity = function (value) {
+    }
+    setOpacity(value) {
         this.globeShellWiggle.setOpacity(value);
-    };
-    Plugin.prototype.setParticleDimensions = function (tail, wing) {
+    }
+    setParticleDimensions(tail, wing) {
         if (0 < tail || 0 < wing) {
             this.waveUbo.update({ tail_wing_base_limp: [tail, wing] });
         }
         else {
             console.error("tail and wing must be greater than 0");
         }
-    };
-    Plugin.prototype.setParticleColor = function (color) {
+    }
+    setParticleColor(color) {
         if (color.length !== 3) {
             console.error("color must be an array of rgb elements");
             return;
         }
-        this.waveUbo.update({ color: color });
-    };
-    Plugin.prototype.setBBox = function (_a) {
-        var minLon = _a.minLon, minLat = _a.minLat, maxLon = _a.maxLon, maxLat = _a.maxLat;
-        this._globeshellparameters = { minLon: minLon, minLat: minLat, maxLon: maxLon, maxLat: maxLat };
-        this.globeShellWiggle.setBBox({ minLon: minLon, minLat: minLat, maxLon: maxLon, maxLat: maxLat });
-        this._drawTextureResolution = this._drawTextureSizeFromBbox({ minLon: minLon, minLat: minLat, maxLon: maxLon, maxLat: maxLat });
+        this.waveUbo.update({ color });
+    }
+    setBBox({ minLon, minLat, maxLon, maxLat }) {
+        this._globeshellparameters = { minLon, minLat, maxLon, maxLat };
+        this.globeShellWiggle.setBBox({ minLon, minLat, maxLon, maxLat });
+        this._drawTextureResolution = this._drawTextureSizeFromBbox({ minLon, minLat, maxLon, maxLat });
         this.waveUbo.update({ draw_texture_size: [this._drawTextureResolution.width, this._drawTextureResolution.height] });
         this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-    };
-    return Plugin;
-}());
-exports.default = Plugin;
+    }
+}