@pirireis/webglobeplugins 0.9.11 → 0.9.12

package/util/programs/supersampletotextures.js

@@ -1,14 +1,9 @@
 "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"; }
+const webglobjectbuilders_1 = require("../webglobjectbuilders");
+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 +13,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 = (0, webglobjectbuilders_1.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 +47,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 +58,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 +85,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 +96,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 +108,6 @@ var SuperSampleTextureProgram = /** @class */ (function () {
             0, 0, 0, 1
         ]));
         gl.useProgram(currentProgram);
-    };
-    return SuperSampleTextureProgram;
-}());
+    }
+}
 exports.SuperSampleTextureProgram = SuperSampleTextureProgram;

package/util/programs/texturetoglobe.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextureToGlobeProgram = void 0;
-var webglobjectbuilders_1 = require("../webglobjectbuilders");
-var __1 = require("..");
-var __2 = require("..");
+const webglobjectbuilders_1 = require("../webglobjectbuilders");
+const __1 = require("..");
+const __2 = require("..");
 /** TODO:
  * 3d icin calistir
  */
 //TODO: DELETE THIS FILE. 
-var TextureToGlobeProgram = /** @class */ (function () {
-    function TextureToGlobeProgram(gl, globe) {
+class TextureToGlobeProgram {
+    constructor(gl, globe) {
         this.globe = globe;
         this.gl = gl;
         this._is3D = true;
@@ -17,9 +17,9 @@ var TextureToGlobeProgram = /** @class */ (function () {
         this._resizeHandler = this._resizeEventHandler.bind(this);
         window.addEventListener('resize', this._resizeHandler, true);
     }
-    TextureToGlobeProgram.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);
         gl.useProgram(_programWrapper.program);
         // set u_alpha
         gl.uniformMatrix3fv(_programWrapper.u_bbox_matrix, false, new Float32Array([
@@ -31,14 +31,65 @@ var TextureToGlobeProgram = /** @class */ (function () {
         gl.uniform1f(_programWrapper.u_is3D, 1.0);
         gl.uniform1f(_programWrapper.height, 0.0);
         gl.useProgram(currentProgram);
-    };
-    TextureToGlobeProgram.prototype._createProgramWrapper = function () {
-        var gl = this.gl;
-        var vertexSource = "#version 300 es\n            precision highp float;\n\n            in vec2 a_position;\n\n            uniform mat3 u_bbox_matrix;\n\n            uniform mat4 u_model_view_matrix;\n            uniform mat4 u_proj_matrix;\n            uniform vec3 u_transpos;\n\n            uniform vec2 u_mapWH;\n            uniform vec2 u_scrWH;\n\n            uniform bool u_is3D;\n            uniform float height; \n\n            out vec2 v_texcoord;\n\n\n            " + __1.shaderfunctions.pixelXYToCartesian3DPoint + "\n            " + __1.shaderfunctions.pixelXYToCartesian2DPoint + "\n\n\n            void main() {\n                vec3 pos = u_bbox_matrix * vec3(a_position, height);\n                if(u_is3D){\n                    pos = pixelXYToCartesian3DPoint(pos);\n                    gl_Position = u_proj_matrix * u_model_view_matrix * vec4(pos - u_transpos, 1.0);\n                } else {\n                    vec2 xy = pixelXYToCartesian2DPoint(pos.xy, u_transpos.xy, u_mapWH, u_scrWH);\n                    gl_Position = u_proj_matrix * vec4(xy.x, xy.y, 0.0, 1.0);\n                }\n                gl_PointSize = 100.0;\n                v_texcoord = a_position * 0.5 + 0.5; // need a check\n            }\n            ";
-        var fragmentSource = "#version 300 es\n            precision highp float;\n\n            in vec2 v_texcoord;\n\n            uniform float u_alpha;\n            uniform sampler2D u_texture;\n\n            out vec4 outColor;\n\n            void main() {\n                // outColor = texture(u_texture, v_texcoord);\n                // outColor.a *= u_alpha;\n                outColor = vec4(1.0, 0.0, 0.0, 0.5);\n            }   \n            ";
-        var program = (0, webglobjectbuilders_1.createProgram)(gl, vertexSource, fragmentSource);
-        var vao = gl.createVertexArray();
-        var buffer = gl.createBuffer();
+    }
+    _createProgramWrapper() {
+        const gl = this.gl;
+        const vertexSource = `#version 300 es
+            precision highp float;
+
+            in vec2 a_position;
+
+            uniform mat3 u_bbox_matrix;
+
+            uniform mat4 u_model_view_matrix;
+            uniform mat4 u_proj_matrix;
+            uniform vec3 u_transpos;
+
+            uniform vec2 u_mapWH;
+            uniform vec2 u_scrWH;
+
+            uniform bool u_is3D;
+            uniform float height; 
+
+            out vec2 v_texcoord;
+
+
+            ` + __1.shaderfunctions.pixelXYToCartesian3DPoint + `
+            ` + __1.shaderfunctions.pixelXYToCartesian2DPoint + `
+
+
+            void main() {
+                vec3 pos = u_bbox_matrix * vec3(a_position, height);
+                if(u_is3D){
+                    pos = pixelXYToCartesian3DPoint(pos);
+                    gl_Position = u_proj_matrix * u_model_view_matrix * vec4(pos - u_transpos, 1.0);
+                } else {
+                    vec2 xy = pixelXYToCartesian2DPoint(pos.xy, u_transpos.xy, u_mapWH, u_scrWH);
+                    gl_Position = u_proj_matrix * vec4(xy.x, xy.y, 0.0, 1.0);
+                }
+                gl_PointSize = 100.0;
+                v_texcoord = a_position * 0.5 + 0.5; // need a check
+            }
+            `;
+        const fragmentSource = `#version 300 es
+            precision highp float;
+
+            in vec2 v_texcoord;
+
+            uniform float u_alpha;
+            uniform sampler2D u_texture;
+
+            out vec4 outColor;
+
+            void main() {
+                // outColor = texture(u_texture, v_texcoord);
+                // outColor.a *= u_alpha;
+                outColor = vec4(1.0, 0.0, 0.0, 0.5);
+            }   
+            `;
+        const program = (0, webglobjectbuilders_1.createProgram)(gl, vertexSource, fragmentSource);
+        const vao = gl.createVertexArray();
+        const buffer = gl.createBuffer();
         gl.bindVertexArray(vao);
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
         gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
@@ -47,7 +98,7 @@ var TextureToGlobeProgram = /** @class */ (function () {
             1, 1,
             0, 1
         ]), gl.STATIC_DRAW);
-        var a_position = -gl.getAttribLocation(program, 'a_position');
+        const a_position = -gl.getAttribLocation(program, 'a_position');
         gl.enableVertexAttribArray(a_position);
         gl.vertexAttribPointer(a_position, 2, gl.FLOAT, false, 0, 0);
         gl.bindVertexArray(null);
@@ -63,10 +114,10 @@ var TextureToGlobeProgram = /** @class */ (function () {
             u_bbox_matrix: gl.getUniformLocation(program, 'u_bbox_matrix'),
             u_is3D: gl.getUniformLocation(program, 'u_is3D'),
         };
-    };
-    TextureToGlobeProgram.prototype.draw = function (modelViewMatrix, projectionMatrix, transPos, texture) {
+    }
+    draw(modelViewMatrix, projectionMatrix, transPos, texture) {
         // console.log('draw')
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper, _is3D = _a._is3D;
+        const { gl, _programWrapper, _is3D } = this;
         gl.useProgram(_programWrapper.program);
         gl.bindVertexArray(_programWrapper.vao);
         gl.uniformMatrix4fv(_programWrapper.u_model_view_matrix, false, modelViewMatrix);
@@ -76,15 +127,15 @@ var TextureToGlobeProgram = /** @class */ (function () {
         gl.bindTexture(gl.TEXTURE_2D, texture);
         gl.uniform1i(_programWrapper.u_texture, 0);
         if (!_is3D) {
-            var mapWH = this.globe.api_GetCurrentWorldWH();
+            const mapWH = this.globe.api_GetCurrentWorldWH();
             gl.uniform2f(_programWrapper.u_mapWH, mapWH.width, mapWH.height);
         }
         gl.drawArrays(gl.TRIANGLE_FAN, 0, 4);
         gl.drawArrays(gl.POINTS, 0, 4);
-    };
-    TextureToGlobeProgram.prototype.setBBox = function (minx, maxx, miny, maxy) {
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+    }
+    setBBox(minx, maxx, miny, maxy) {
+        const { gl, _programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniformMatrix3fv(_programWrapper.u_bbox_matrix, false, new Float32Array([
             maxx - minx, 0, minx,
@@ -92,41 +143,40 @@ var TextureToGlobeProgram = /** @class */ (function () {
             0, 0, 1
         ]));
         gl.useProgram(currentProgram);
-    };
-    TextureToGlobeProgram.prototype.setLatLongBBox = function (minx, maxx, miny, maxy) {
-        var bboxMatrix = (0, __2.latLongBboxtoPixelXYBbox)(minx, miny, maxx, maxy);
-        var _a = this, gl = _a.gl, _programWrapper = _a._programWrapper;
-        var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+    }
+    setLatLongBBox(minx, maxx, miny, maxy) {
+        const bboxMatrix = (0, __2.latLongBboxtoPixelXYBbox)(minx, miny, maxx, maxy);
+        const { gl, _programWrapper } = this;
+        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
         gl.useProgram(_programWrapper.program);
         gl.uniformMatrix3fv(_programWrapper.u_bbox_matrix, false, bboxMatrix);
         gl.useProgram(currentProgram);
-    };
-    TextureToGlobeProgram.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);
-    };
-    TextureToGlobeProgram.prototype.resize = function () {
-        var globe = this.globe;
+    }
+    resize() {
+        const { globe } = this;
         this.setScreenWH();
-    };
-    TextureToGlobeProgram.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();
-    };
-    TextureToGlobeProgram.prototype.free = function () {
+    }
+    free() {
         window.removeEventListener('resize', this._resizeHandler, true);
-    };
-    TextureToGlobeProgram.prototype._resizeEventHandler = function () {
+    }
+    _resizeEventHandler() {
         this.resize();
-    };
-    return TextureToGlobeProgram;
-}());
+    }
+}
 exports.TextureToGlobeProgram = TextureToGlobeProgram;