@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/util/programs/draw-texture-on-canvas.js

@@ -1,13 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textureOnCanvasProgramCache = void 0;
-var webglobjectbuilders_1 = require("../webglobjectbuilders");
-var programs_1 = require("../../programs");
+import { createProgram } from "../webglobjectbuilders";
+import { glProgramCache } from "../../programs";
 // import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../../programs/totems";
-var vs = "#version 300 es\nprecision highp float;\n\nin vec2 a_position;\nout vec2 v_texcoord;\n\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texcoord = a_position * 0.5 + 0.5;\n}";
-var fs = "#version 300 es\nprecision highp float;\n\nuniform sampler2D u_texture;\nuniform float u_opacity;    \nin vec2 v_texcoord;\nout vec4 fragColor;\n\nvoid main() {\n    fragColor = texture(u_texture, v_texcoord);\n    fragColor.a *= u_opacity;\n}";
-var TextureOnCanvasProgram = /** @class */ (function () {
-    function TextureOnCanvasProgram(gl) {
+const vs = `#version 300 es
+precision highp float;
+
+in vec2 a_position;
+out vec2 v_texcoord;
+
+void main() {
+    gl_Position = vec4(a_position, 0.0, 1.0);
+    v_texcoord = a_position * 0.5 + 0.5;
+}`;
+const fs = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_texture;
+uniform float u_opacity;    
+in vec2 v_texcoord;
+out vec4 fragColor;
+
+void main() {
+    fragColor = texture(u_texture, v_texcoord);
+    fragColor.a *= u_opacity;
+}`;
+class TextureOnCanvasProgram {
+    constructor(gl) {
         this.gl = gl;
         this.vao = this.gl.createVertexArray();
         this.buffer = this.gl.createBuffer();
@@ -23,25 +40,24 @@ var TextureOnCanvasProgram = /** @class */ (function () {
         this.gl.vertexAttribPointer(0, 2, this.gl.FLOAT, false, 0, 0);
         this.gl.bindVertexArray(null);
         this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null);
-        this.program = (0, webglobjectbuilders_1.createProgram)(this.gl, vs, fs);
+        this.program = createProgram(this.gl, vs, fs);
         {
-            var _a = this, gl_1 = _a.gl, program = _a.program;
+            const { gl, program } = this;
             this.uniforms = {
-                texture: gl_1.getUniformLocation(program, "u_texture"),
-                opacity: gl_1.getUniformLocation(program, "u_opacity"),
+                texture: gl.getUniformLocation(program, "u_texture"),
+                opacity: gl.getUniformLocation(program, "u_opacity"),
             };
         }
         {
             this._lastOpacity = 1.0;
-            var currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+            const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
             this.gl.useProgram(this.program);
             this.gl.uniform1f(this.uniforms.opacity, this._lastOpacity);
             this.gl.useProgram(currentProgram);
         }
     }
-    TextureOnCanvasProgram.prototype.draw = function (texture, _a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.opacity, opacity = _c === void 0 ? 1.0 : _c;
-        var _d = this, gl = _d.gl, program = _d.program, uniforms = _d.uniforms, vao = _d.vao;
+    draw(texture, { opacity = 1.0 } = {}) {
+        const { gl, program, uniforms, vao } = this;
         gl.useProgram(program);
         gl.bindVertexArray(vao);
         gl.activeTexture(gl.TEXTURE0);
@@ -53,19 +69,18 @@ var TextureOnCanvasProgram = /** @class */ (function () {
         }
         gl.drawArrays(gl.TRIANGLE_FAN, 0, 4);
         gl.bindVertexArray(null);
-    };
-    TextureOnCanvasProgram.prototype.free = function () {
+    }
+    free() {
         if (this._isFreed)
             return;
         this.gl.deleteVertexArray(this.vao);
         this.gl.deleteBuffer(this.buffer);
         this.gl.deleteProgram(this.program);
         this._isFreed = true;
-    };
-    return TextureOnCanvasProgram;
-}());
-var textureOnCanvasProgramCache = Object.freeze({
-    get: function (gl) { return programs_1.glProgramCache.getProgram(gl, TextureOnCanvasProgram); },
-    release: function (gl) { return programs_1.glProgramCache.releaseProgram(gl, TextureOnCanvasProgram); }
+    }
+}
+const textureOnCanvasProgramCache = Object.freeze({
+    get: (gl) => glProgramCache.getProgram(gl, TextureOnCanvasProgram),
+    release: (gl) => glProgramCache.releaseProgram(gl, TextureOnCanvasProgram)
 });
-exports.textureOnCanvasProgramCache = textureOnCanvasProgramCache;
+export { textureOnCanvasProgramCache };

package/util/programs/index.js

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

package/util/programs/shapesonglobe.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShapesOnGlobeProgram = void 0;
-var webglobjectbuilders_1 = require("../webglobjectbuilders");
-var camerauniformblock_1 = require("../../programs/totems/camerauniformblock");
-var __1 = require("..");
+import { createProgram } from "../webglobjectbuilders";
+import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../../programs/totems/camerauniformblock";
+import { shaderfunctions } from "..";
 /** TODO:
  * 3d icin calistir
  */
-var drawModeFunc = function (gl) {
-    return function (mode) {
+const drawModeFunc = (gl) => {
+    return (mode) => {
         return {
             "point": gl.POINTS,
             "line": gl.LINES,
@@ -20,9 +17,8 @@ var drawModeFunc = function (gl) {
         }[mode];
     };
 };
-var ShapesOnGlobeProgram = /** @class */ (function () {
-    function ShapesOnGlobeProgram(gl, globe, drawMode) {
-        if (drawMode === void 0) { drawMode = 'point'; }
+export class ShapesOnGlobeProgram {
+    constructor(gl, globe, drawMode = 'point') {
         this.globe = globe;
         this.gl = gl;
         this._getDraw = drawModeFunc(gl);
@@ -33,9 +29,9 @@ var ShapesOnGlobeProgram = /** @class */ (function () {
         this._initUniforms();
         this.setScreenWH();
     }
-    ShapesOnGlobeProgram.prototype._initUniforms = function () {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+    _initUniforms() {
+        const { gl, _programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         this._getDrawMode = drawModeFunc(gl);
         gl.useProgram(_programWrapper.program);
         gl.uniform1f(_programWrapper.u_opacity, 1.0);
@@ -43,16 +39,59 @@ var ShapesOnGlobeProgram = /** @class */ (function () {
         gl.uniform1f(_programWrapper.height, 0.0);
         gl.uniform1f(_programWrapper.u_point_size, 1.0);
         gl.useProgram(currentProgram);
-    };
-    ShapesOnGlobeProgram.prototype._createProgramWrapper = function () {
-        var _a = this, gl = _a.gl, globe = _a.globe;
-        var vertexSource = "#version 300 es\n            precision highp float;\n            ".concat(camerauniformblock_1.CameraUniformBlockString, "\n\n            in vec2 a_position;\n            in vec4 a_color;\n\n\n            uniform bool u_is3D;\n            uniform float height; \n\n            uniform float u_point_size;\n\n            out vec4 v_color;\n\n            ") + __1.shaderfunctions.pixelXYToCartesian3DPoint + "\n            " + __1.shaderfunctions.pixelXYToCartesian2DPoint + "\n\n\n            void main() {\n                vec3 pos = vec3(a_position, height);\n                if(is3D){\n                    pos = pixelXYToCartesian3DPoint(pos);\n                    gl_Position = projection * view * vec4(pos - translate, 1.0);\n                } else {\n                    vec2 xy = pixelXYToCartesian2DPoint(pos.xy, translate.xy, mapWH, screenWH);\n                    gl_Position = projection * vec4(xy.x, xy.y, 0.0, 1.0);\n                }\n                gl_PointSize = u_point_size;\n                v_color = a_color;\n            }\n            ";
-        var fragmentSource = "#version 300 es\n            precision highp float;\n\n            uniform float u_opacity;\n\n            in vec4 v_color;\n            out vec4 outColor;\n\n            void main() {\n                outColor = v_color;\n                outColor.a = u_opacity;\n            }   \n            ";
-        var program = (0, webglobjectbuilders_1.createProgram)(gl, vertexSource, fragmentSource);
-        var a_position = gl.getAttribLocation(program, 'a_position');
-        var a_color = gl.getAttribLocation(program, 'a_color');
+    }
+    _createProgramWrapper() {
+        const { gl, globe } = this;
+        const vertexSource = `#version 300 es
+            precision highp float;
+            ${CameraUniformBlockString}
+
+            in vec2 a_position;
+            in vec4 a_color;
+
+
+            uniform bool u_is3D;
+            uniform float height; 
+
+            uniform float u_point_size;
+
+            out vec4 v_color;
+
+            ` + shaderfunctions.pixelXYToCartesian3DPoint + `
+            ` + shaderfunctions.pixelXYToCartesian2DPoint + `
+
+
+            void main() {
+                vec3 pos = vec3(a_position, height);
+                if(is3D){
+                    pos = pixelXYToCartesian3DPoint(pos);
+                    gl_Position = projection * view * vec4(pos - translate, 1.0);
+                } else {
+                    vec2 xy = pixelXYToCartesian2DPoint(pos.xy, translate.xy, mapWH, screenWH);
+                    gl_Position = projection * vec4(xy.x, xy.y, 0.0, 1.0);
+                }
+                gl_PointSize = u_point_size;
+                v_color = a_color;
+            }
+            `;
+        const fragmentSource = `#version 300 es
+            precision highp float;
+
+            uniform float u_opacity;
+
+            in vec4 v_color;
+            out vec4 outColor;
+
+            void main() {
+                outColor = v_color;
+                outColor.a = u_opacity;
+            }   
+            `;
+        const program = createProgram(gl, vertexSource, fragmentSource);
+        const a_position = gl.getAttribLocation(program, 'a_position');
+        const a_color = gl.getAttribLocation(program, 'a_color');
         // vao and buffer. 
-        var vao = gl.createVertexArray();
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
         gl.bindBuffer(gl.ARRAY_BUFFER, this._inBuffer);
         gl.enableVertexAttribArray(a_position);
@@ -60,22 +99,22 @@ var ShapesOnGlobeProgram = /** @class */ (function () {
         gl.enableVertexAttribArray(a_color);
         gl.vertexAttribPointer(a_color, 4, gl.FLOAT, false, 6 * 4, 2 * 4);
         gl.bindVertexArray(null);
-        var cm = camerauniformblock_1.CameraUniformBlockTotemCache.get(globe);
-        var bindingPoint = 0;
-        var cmIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+        const cm = CameraUniformBlockTotemCache.get(globe);
+        const bindingPoint = 0;
+        const cmIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
         gl.uniformBlockBinding(program, cmIndex, bindingPoint);
         return {
             program: program,
             vao: vao,
             u_point_size: gl.getUniformLocation(program, 'u_point_size'),
             u_opacity: gl.getUniformLocation(program, 'u_opacity'),
-            bindCamera: function () { return cm.bind(bindingPoint); },
-            unbindCamera: function () { return cm.unbind(bindingPoint); }
+            bindCamera: () => cm.bind(bindingPoint),
+            unbindCamera: () => cm.unbind(bindingPoint)
         };
-    };
-    ShapesOnGlobeProgram.prototype.draw = function (uProjectionMatrix, uModelViewMatrix, uTranslate, drawRanges) {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper, _is3D = _a._is3D;
-        var deepTest = gl.isEnabled(gl.DEPTH_TEST);
+    }
+    draw(uProjectionMatrix, uModelViewMatrix, uTranslate, drawRanges) {
+        const { gl, _programWrapper, _is3D } = this;
+        const deepTest = gl.isEnabled(gl.DEPTH_TEST);
         gl.disable(gl.DEPTH_TEST);
         gl.useProgram(_programWrapper.program);
         gl.bindVertexArray(_programWrapper.vao);
@@ -85,11 +124,10 @@ var ShapesOnGlobeProgram = /** @class */ (function () {
         gl.bindVertexArray(_programWrapper.vao);
         _programWrapper.bindCamera();
         if (!_is3D) {
-            var mapWH = this.globe.api_GetCurrentWorldWH();
+            const mapWH = this.globe.api_GetCurrentWorldWH();
             gl.uniform2f(_programWrapper.u_mapWH, mapWH.width, mapWH.height);
         }
-        for (var _i = 0, drawRanges_1 = drawRanges; _i < drawRanges_1.length; _i++) {
-            var drawRange = drawRanges_1[_i];
+        for (const drawRange of drawRanges) {
             gl.drawArrays(this._drawMode, drawRange[0], drawRange[1]);
             // gl.drawArrays(gl.POINTS, drawRange[0], 1);
         }
@@ -98,77 +136,75 @@ var ShapesOnGlobeProgram = /** @class */ (function () {
         if (deepTest) {
             gl.enable(gl.DEPTH_TEST);
         }
-    };
-    ShapesOnGlobeProgram.prototype.setOpacity = function (opacity) {
+    }
+    setOpacity(opacity) {
         if (opacity < 0 || opacity > 1) {
             throw new Error('Invalid opacity value');
         }
         ;
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const { gl, _programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniform1f(_programWrapper.u_opacity, opacity);
         gl.useProgram(currentProgram);
         this.globe.DrawRender();
-    };
-    ShapesOnGlobeProgram.prototype.setPointSize = function (size) {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+    }
+    setPointSize(size) {
+        const { gl, _programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniform1f(_programWrapper.u_point_size, size);
         gl.useProgram(currentProgram);
         this.globe.DrawRender();
-    };
-    ShapesOnGlobeProgram.prototype.setDrawMode = function (mode) {
-        var modegl = this._getDraw(mode);
+    }
+    setDrawMode(mode) {
+        const modegl = this._getDraw(mode);
         if (modegl) {
             this._drawMode = modegl;
         }
         else {
             throw new Error('Invalid draw mode ' + mode);
         }
-    };
-    ShapesOnGlobeProgram.prototype.setScreenWH = function () {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper, globe = _a.globe;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+    }
+    setScreenWH() {
+        const { gl, _programWrapper, globe } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniform2f(_programWrapper.u_scrWH, globe.api_ScrW(), globe.api_ScrH());
         gl.useProgram(currentProgram);
-    };
-    ShapesOnGlobeProgram.prototype.resize = function (width, height) {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper, globe = _a.globe;
+    }
+    resize(width, height) {
+        const { gl, _programWrapper, globe } = this;
         width = width || globe.api_ScrW();
         height = height || globe.api_ScrH();
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniform2f(_programWrapper.u_scrWH, width, height);
         gl.useProgram(currentProgram);
-    };
-    ShapesOnGlobeProgram.prototype.setGeometry = function () {
-        var _a = this, gl = _a.gl, globe = _a.globe, _programWrapper = _a._programWrapper;
+    }
+    setGeometry() {
+        const { gl, globe, _programWrapper } = this;
         this._is3D = globe.api_GetCurrentGeometry() === 0;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniform1f(_programWrapper.u_is3D, this._is3D ? 1.0 : 0.0);
         gl.useProgram(currentProgram);
         this.resize();
-    };
-    ShapesOnGlobeProgram.prototype.free = function () {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
+    }
+    free() {
+        const { gl, _programWrapper } = this;
         gl.deleteProgram(_programWrapper.program);
         gl.deleteVertexArray(_programWrapper.vao);
         gl.deleteBuffer(this._inBuffer);
-    };
+    }
     /**
      *
      * @param {Float32Array} data
      * @format [x, y, r, g, b, a, x, y, r, g, b, a, x, y, r, g, b, a, x, y, r, g, b, a]
      */
-    ShapesOnGlobeProgram.prototype.setBufferData = function (data) {
-        var gl = this.gl;
+    setBufferData(data) {
+        const { gl } = this;
         gl.bindBuffer(gl.ARRAY_BUFFER, this._inBuffer);
         gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
-    };
-    return ShapesOnGlobeProgram;
-}());
-exports.ShapesOnGlobeProgram = ShapesOnGlobeProgram;
+    }
+}

package/util/programs/supersampletotextures.js

@@ -1,14 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperSampleTextureProgram = void 0;
-var webglobjectbuilders_1 = require("../webglobjectbuilders");
-var SuperSampleTextureProgram = /** @class */ (function () {
-    function SuperSampleTextureProgram(gl, internalFormat, sourceFormat, sourceType, glslOutputType, glslBand) {
-        if (internalFormat === void 0) { internalFormat = null; }
-        if (sourceFormat === void 0) { sourceFormat = null; }
-        if (sourceType === void 0) { sourceType = null; }
-        if (glslOutputType === void 0) { glslOutputType = "float"; }
-        if (glslBand === void 0) { glslBand = "r"; }
+import { createProgram } from '../webglobjectbuilders';
+export class SuperSampleTextureProgram {
+    constructor(gl, internalFormat = null, sourceFormat = null, sourceType = null, glslOutputType = "float", glslBand = "r") {
         this._internalFormat = internalFormat || gl.R16F;
         this._sourceFormat = sourceFormat || gl.RED;
         this._sourceType = sourceType || gl.FLOAT;
@@ -18,17 +10,29 @@ var SuperSampleTextureProgram = /** @class */ (function () {
         this._programWrapper = this._createProgramWrapper();
         this._framebuffer = this.gl.createFramebuffer();
     }
-    SuperSampleTextureProgram.prototype._createProgramWrapper = function () {
-        var _a = this, gl = _a.gl, _glslBand = _a._glslBand, _glslOutputType = _a._glslOutputType;
-        var vertexShaderSource = "#version 300 es\n        in vec2 a_position;\n        out vec2 v_texCoord;\n\n        uniform mat4 u_bbox_matrix;\n\n        void main() {\n            gl_Position = vec4(a_position, 0.0, 1.0);\n            v_texCoord = (u_bbox_matrix * vec4(a_position,0.0, 1.0)).xy;\n        }";
-        var fragmentShaderSource = "#version 300 es\n        precision highp float;\n        in vec2 v_texCoord;"
-            + "out ".concat(_glslOutputType, " outColor;")
-            + "uniform sampler2D u_texture;\n        void main() {"
-            + "   outColor = texture(u_texture, v_texCoord).".concat(_glslBand, ";")
-            + "}";
-        var program = (0, webglobjectbuilders_1.createProgram)(gl, vertexShaderSource, fragmentShaderSource);
-        var vao = gl.createVertexArray();
-        var positionBuffer = gl.createBuffer();
+    _createProgramWrapper() {
+        const { gl, _glslBand, _glslOutputType } = this;
+        const vertexShaderSource = `#version 300 es
+        in vec2 a_position;
+        out vec2 v_texCoord;
+
+        uniform mat4 u_bbox_matrix;
+
+        void main() {
+            gl_Position = vec4(a_position, 0.0, 1.0);
+            v_texCoord = (u_bbox_matrix * vec4(a_position,0.0, 1.0)).xy;
+        }`;
+        const fragmentShaderSource = `#version 300 es
+        precision highp float;
+        in vec2 v_texCoord;`
+            + `out ${_glslOutputType} outColor;`
+            + `uniform sampler2D u_texture;
+        void main() {`
+            + `   outColor = texture(u_texture, v_texCoord).${_glslBand};`
+            + `}`;
+        const program = createProgram(gl, vertexShaderSource, fragmentShaderSource);
+        const vao = gl.createVertexArray();
+        const positionBuffer = gl.createBuffer();
         gl.bindVertexArray(vao);
         gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
         gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
@@ -40,8 +44,8 @@ var SuperSampleTextureProgram = /** @class */ (function () {
         gl.enableVertexAttribArray(0);
         gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
         gl.bindVertexArray(null);
-        var u_bbox_matrix = gl.getUniformLocation(program, "u_bbox_matrix");
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+        const u_bbox_matrix = gl.getUniformLocation(program, "u_bbox_matrix");
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.uniformMatrix2fv(u_bbox_matrix, false, new Float32Array([
             1, 0, 0, 0,
             0, 1, 0, 0,
@@ -51,17 +55,17 @@ var SuperSampleTextureProgram = /** @class */ (function () {
         gl.useProgram(program);
         gl.useProgram(currentProgram);
         return {
-            program: program,
-            vao: vao,
+            program,
+            vao,
             u_texture: gl.getUniformLocation(program, "u_texture"),
-            u_bbox_matrix: u_bbox_matrix
+            u_bbox_matrix
         };
-    };
-    SuperSampleTextureProgram.prototype.createHigherResolutionTexture = function (targetWidth, targetHeight, sourceTexture) {
+    }
+    createHigherResolutionTexture(targetWidth, targetHeight, sourceTexture) {
         // save current state
-        var _a = this, gl = _a.gl, _internalFormat = _a._internalFormat, _sourceFormat = _a._sourceFormat, _sourceType = _a._sourceType;
-        var currentViewport = gl.getParameter(gl.VIEWPORT);
-        var resultTexture = gl.createTexture();
+        const { gl, _internalFormat, _sourceFormat, _sourceType } = this;
+        const currentViewport = gl.getParameter(gl.VIEWPORT);
+        const resultTexture = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, resultTexture);
         gl.texImage2D(gl.TEXTURE_2D, 0, _internalFormat, targetWidth, targetHeight, 0, _sourceFormat, _sourceType, null);
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
@@ -78,9 +82,9 @@ var SuperSampleTextureProgram = /** @class */ (function () {
         // restore previous state
         this.gl.viewport(currentViewport[0], currentViewport[1], currentViewport[2], currentViewport[3]);
         return resultTexture;
-    };
-    SuperSampleTextureProgram.prototype._draw = function (texture) {
-        var currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+    }
+    _draw(texture) {
+        const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
         this.gl.useProgram(this._programWrapper.program);
         this.gl.bindVertexArray(this._programWrapper.vao);
         this.gl.activeTexture(this.gl.TEXTURE0);
@@ -89,10 +93,10 @@ var SuperSampleTextureProgram = /** @class */ (function () {
         this.gl.drawArrays(this.gl.TRIANGLE_FAN, 0, 4);
         this.gl.bindVertexArray(null);
         this.gl.useProgram(currentProgram);
-    };
-    SuperSampleTextureProgram.prototype.setBBox = function (x0, y0, x1, y1) {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+    }
+    setBBox(x0, y0, x1, y1) {
+        const { gl, _programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniformMatrix2fv(_programWrapper.u_bbox_matrix, false, new Float32Array([
             1 / (x1 - x0), 0, -x0 / (x1 - x0), 0,
@@ -101,7 +105,5 @@ var SuperSampleTextureProgram = /** @class */ (function () {
             0, 0, 0, 1
         ]));
         gl.useProgram(currentProgram);
-    };
-    return SuperSampleTextureProgram;
-}());
-exports.SuperSampleTextureProgram = SuperSampleTextureProgram;
+    }
+}