@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/programs/totems/gpu-selection-uniform-block.js

@@ -1,19 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CameraUniformBlockTotemCache = exports.CameraUniformBlockString = void 0;
-var programcache_1 = require("../programcache");
+import { globeProgramCache } from "../programcache";
 // Loads mouse position to buffer
 // TODO implement it
-exports.CameraUniformBlockString = "\nlayout(std140) uniform GpuSelectionUniformBlock {\n    vec2 mouse_pixel_position;\n    vec2 mouse_radian_long_lat;\n}; // 11 lines\n";
-var CameraUniformBlockTotem = /** @class */ (function () {
-    function CameraUniformBlockTotem() {
+export const CameraUniformBlockString = `
+layout(std140) uniform GpuSelectionUniformBlock {
+    vec2 mouse_pixel_position;
+    vec2 mouse_radian_long_lat;
+}; // 11 lines
+`;
+export default class CameraUniformBlockTotem {
+    constructor() {
         this.id = "CameraUniformBlockTotem";
-        this.description = "Sets a uniform block and provides buffer for it. The following is the glsl uniform block:" + exports.CameraUniformBlockString;
+        this.description = `Sets a uniform block and provides buffer for it. The following is the glsl uniform block:` + CameraUniformBlockString;
         this.gl = null;
         this.globe = null;
         this.ubo = null;
     }
-    CameraUniformBlockTotem.prototype.init = function (globe, gl) {
+    init(globe, gl) {
         this.gl = gl;
         this.globe = globe;
         this.ubo = this._createUBO();
@@ -21,30 +23,30 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         this.mapWHFloat32 = new Float32Array(2);
         this.setGeometry();
         this.resize();
-    };
-    CameraUniformBlockTotem.prototype._createUBO = function () {
-        var gl = this.gl;
-        var ubo = gl.createBuffer();
+    }
+    _createUBO() {
+        const { gl } = this;
+        const ubo = gl.createBuffer();
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferData(gl.UNIFORM_BUFFER, 164, gl.STREAM_DRAW);
         gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
         return ubo;
-    };
-    CameraUniformBlockTotem.prototype.resize = function () {
-        var _a = this, gl = _a.gl, globe = _a.globe, ubo = _a.ubo;
+    }
+    resize() {
+        const { gl, globe, ubo } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferSubData(gl.UNIFORM_BUFFER, 152, new Float32Array([globe.api_ScrW(), globe.api_ScrH()]));
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    };
-    CameraUniformBlockTotem.prototype.setGeometry = function () {
-        var _a = this, gl = _a.gl, globe = _a.globe, ubo = _a.ubo;
-        var is3D = globe.api_GetCurrentGeometry() === 0;
+    }
+    setGeometry() {
+        const { gl, globe, ubo } = this;
+        const is3D = globe.api_GetCurrentGeometry() === 0;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         gl.bufferSubData(gl.UNIFORM_BUFFER, 140, new Float32Array([is3D]));
-    };
-    CameraUniformBlockTotem.prototype.draw3D = function (projection, modelView, translate) {
-        var _a = this, gl = _a.gl, traslateFloat32 = _a.traslateFloat32, ubo = _a.ubo, mapWHFloat32 = _a.mapWHFloat32, globe = _a.globe;
+    }
+    draw3D(projection, modelView, translate) {
+        const { gl, traslateFloat32, ubo, mapWHFloat32, globe } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         { // view, projection, translate
             gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
@@ -58,30 +60,30 @@ var CameraUniformBlockTotem = /** @class */ (function () {
         }
         { // mapWH
             if (globe.api_GetCurrentGeometry() === 1) {
-                var _b = globe.api_GetCurrentWorldWH(), width = _b.width, height = _b.height;
+                const { width, height } = globe.api_GetCurrentWorldWH();
                 mapWHFloat32.set([width, height]);
                 gl.bufferSubData(gl.UNIFORM_BUFFER, 144, mapWHFloat32);
             }
         }
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    };
-    CameraUniformBlockTotem.prototype.getUBO = function () {
+    }
+    getUBO() {
         return this.ubo;
-    };
-    CameraUniformBlockTotem.prototype.bind = function (bindingPoint) {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    bind(bindingPoint) {
+        const { gl, ubo } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
-    };
-    CameraUniformBlockTotem.prototype.unbind = function (bindingPoint) {
-        var gl = this.gl;
+    }
+    unbind(bindingPoint) {
+        const { gl } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
-    };
-    CameraUniformBlockTotem.prototype.free = function () {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    free() {
+        const { gl, ubo } = this;
         gl.deleteBuffer(ubo);
-    };
-    CameraUniformBlockTotem.prototype.readBuffer = function () {
-        var result = new Float32Array(41);
+    }
+    readBuffer() {
+        const result = new Float32Array(41);
         this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, this.ubo);
         this.gl.getBufferSubData(this.gl.UNIFORM_BUFFER, 0, result);
         this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, null);
@@ -94,11 +96,9 @@ var CameraUniformBlockTotem = /** @class */ (function () {
             screenWH: result.slice(38, 40),
             z_level: result[40]
         };
-    };
-    return CameraUniformBlockTotem;
-}());
-exports.default = CameraUniformBlockTotem;
-exports.CameraUniformBlockTotemCache = Object.freeze({
-    get: function (globe) { return programcache_1.globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
-    release: function (globe) { return programcache_1.globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
+    }
+}
+export const CameraUniformBlockTotemCache = Object.freeze({
+    get: (globe) => { return globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
+    release: (globe) => { return globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
 });

package/programs/totems/index.js

@@ -1,40 +1,2 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CameraUniformBlockTotemCache = exports.CameraUniformBlockString = exports.CameraUniformBlockTotem = void 0;
-var camerauniformblock_1 = __importStar(require("./camerauniformblock"));
-exports.CameraUniformBlockTotem = camerauniformblock_1.default;
-Object.defineProperty(exports, "CameraUniformBlockString", { enumerable: true, get: function () { return camerauniformblock_1.CameraUniformBlockString; } });
-Object.defineProperty(exports, "CameraUniformBlockTotemCache", { enumerable: true, get: function () { return camerauniformblock_1.CameraUniformBlockTotemCache; } });
+import CameraUniformBlockTotem, { CameraUniformBlockString, CameraUniformBlockTotemCache } from "./camerauniformblock";
+export { CameraUniformBlockTotem, CameraUniformBlockString, CameraUniformBlockTotemCache };

package/programs/two-d/pixel-padding-for-compass.js

@@ -1,19 +1,78 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PixelPaddingForFlatCompassCache = void 0;
-var util_1 = require("../../util");
-var totems_1 = require("../totems");
-var programcache_1 = require("../programcache");
-var vertexCount = 720;
-var vertexShaderSource = "#version 300 es\n".concat(totems_1.CameraUniformBlockString, "\n\nin vec2 screen_coordinate;\nin float pixel_radius_small_ratio;\nin float pixel_radius_big_ratio;\nin vec4 rgba;\nout vec4 v_rgba;\nuniform float plugin_opacity;\n\nvec3 coord_opacity(){\n    float radius;\n    float angle;\n    float gap = (pixel_radius_big_ratio - pixel_radius_small_ratio);\n    if( gl_VertexID % 2 == 0){\n        // if( gl_VertexID % 180 == 0){\n        //      radius = pixel_radius_small_ratio ;\n        // } else\n        if ( gl_VertexID % 60 == 0){\n            radius =  pixel_radius_small_ratio; \n        } else if( gl_VertexID % 10 == 0) {\n            radius =  pixel_radius_small_ratio + gap * 0.5;\n        } else {\n            radius =  pixel_radius_small_ratio + gap* 0.75;\n        }\n        angle = (float(gl_VertexID) / (").concat(vertexCount, ".0));\n    } else {\n        if ( gl_VertexID % 180 == 1){\n            radius = pixel_radius_big_ratio + gap * 0.1;\n\n        } else {\n            radius = pixel_radius_big_ratio;\n         }\n        angle = (float(gl_VertexID - 1) / (").concat(vertexCount, ".0));\n    }\n    float opacity =  fract(angle + 0.2475) / 1.5 + 0.33;\n    angle = angle * ").concat(Math.PI * 2.0, " + world_north_angle;\n    radius = radius *  min(screenWH.x, screenWH.y) / 2.0;;\n    return vec3( screen_coordinate + vec2( cos(angle), sin(angle)) * radius, opacity);\n}\n\nvec2 adjust_pos(vec2 pos) {\n    return vec2(\n        (pos.x / screenWH.x - 0.5) * 2.0,\n        (0.5 - pos.y / screenWH.y) * 2.0\n    );\n}\n\nvoid main(){\n    vec3 c = coord_opacity();\n    gl_Position = vec4( adjust_pos(c.xy), 0.0, 1.0);\n    v_rgba = rgba;\n    v_rgba.a *= plugin_opacity;\n    gl_PointSize = 10.0;\n}\n");
-var fragmentShaderSource = "#version 300 es\nprecision highp float;\nin vec4 v_rgba;\nout vec4 color;\nvoid main(){\n    color = v_rgba;\n}\n";
-var Logic = /** @class */ (function () {
-    function Logic(globe) {
+import { createProgram } from "../../util";
+import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../totems";
+import { noRegisterGlobeProgramCache } from "../programcache";
+const vertexCount = 720;
+const vertexShaderSource = `#version 300 es
+${CameraUniformBlockString}
+
+in vec2 screen_coordinate;
+in float pixel_radius_small_ratio;
+in float pixel_radius_big_ratio;
+in vec4 rgba;
+out vec4 v_rgba;
+uniform float plugin_opacity;
+
+vec3 coord_opacity(){
+    float radius;
+    float angle;
+    float gap = (pixel_radius_big_ratio - pixel_radius_small_ratio);
+    if( gl_VertexID % 2 == 0){
+        // if( gl_VertexID % 180 == 0){
+        //      radius = pixel_radius_small_ratio ;
+        // } else
+        if ( gl_VertexID % 60 == 0){
+            radius =  pixel_radius_small_ratio; 
+        } else if( gl_VertexID % 10 == 0) {
+            radius =  pixel_radius_small_ratio + gap * 0.5;
+        } else {
+            radius =  pixel_radius_small_ratio + gap* 0.75;
+        }
+        angle = (float(gl_VertexID) / (${vertexCount}.0));
+    } else {
+        if ( gl_VertexID % 180 == 1){
+            radius = pixel_radius_big_ratio + gap * 0.1;
+
+        } else {
+            radius = pixel_radius_big_ratio;
+         }
+        angle = (float(gl_VertexID - 1) / (${vertexCount}.0));
+    }
+    float opacity =  fract(angle + 0.2475) / 1.5 + 0.33;
+    angle = angle * ${Math.PI * 2.0} + world_north_angle;
+    radius = radius *  min(screenWH.x, screenWH.y) / 2.0;;
+    return vec3( screen_coordinate + vec2( cos(angle), sin(angle)) * radius, opacity);
+}
+
+vec2 adjust_pos(vec2 pos) {
+    return vec2(
+        (pos.x / screenWH.x - 0.5) * 2.0,
+        (0.5 - pos.y / screenWH.y) * 2.0
+    );
+}
+
+void main(){
+    vec3 c = coord_opacity();
+    gl_Position = vec4( adjust_pos(c.xy), 0.0, 1.0);
+    v_rgba = rgba;
+    v_rgba.a *= plugin_opacity;
+    gl_PointSize = 10.0;
+}
+`;
+const fragmentShaderSource = `#version 300 es
+precision highp float;
+in vec4 v_rgba;
+out vec4 color;
+void main(){
+    color = v_rgba;
+}
+`;
+class Logic {
+    constructor(globe) {
         this.globe = globe;
         this.gl = globe.gl;
         this._lastOpacity = 1;
-        this.program = (0, util_1.createProgram)(this.gl, vertexShaderSource, fragmentShaderSource);
-        var _a = this, gl = _a.gl, program = _a.program;
+        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
+        const { gl, program } = this;
         { // assign attribute locations
             //             in vec2 screen_coordinate;
             // in float pixel_radius_small_ratio;
@@ -26,20 +85,20 @@ var Logic = /** @class */ (function () {
         }
         {
             this._opacityLocation = gl.getUniformLocation(program, "plugin_opacity");
-            var currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
             gl.useProgram(program);
             gl.uniform1f(this._opacityLocation, this._lastOpacity);
             gl.useProgram(currentProgram);
         }
         {
             this.cameraBlockBindingPoint = 0;
-            var cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-            this.cameraBlockTotem = totems_1.CameraUniformBlockTotemCache.get(globe);
+            const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
+            this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
             gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
         }
     }
-    Logic.prototype.draw = function (vao, length, opacity) {
-        var _a = this, globe = _a.globe, gl = _a.gl, program = _a.program, cameraBlockTotem = _a.cameraBlockTotem, cameraBlockBindingPoint = _a.cameraBlockBindingPoint, _opacityLocation = _a._opacityLocation;
+    draw(vao, length, opacity) {
+        const { globe, gl, program, cameraBlockTotem, cameraBlockBindingPoint, _opacityLocation } = this;
         if (globe.api_GetCurrentGeometry() === 0)
             return;
         gl.useProgram(program);
@@ -52,34 +111,34 @@ var Logic = /** @class */ (function () {
         gl.drawArraysInstanced(gl.LINES, 0, vertexCount, length);
         gl.bindVertexArray(null);
         cameraBlockTotem.unbind(cameraBlockBindingPoint);
-    };
-    Logic.prototype.createVAO = function (screenCoordsBufferObj, pixelRadiusRatioSmallBufferObj, pixelRadiusRatioBigBufferObj, rgbaBufferObj) {
-        var gl = this.gl;
-        var vao = gl.createVertexArray();
+    }
+    createVAO(screenCoordsBufferObj, pixelRadiusRatioSmallBufferObj, pixelRadiusRatioBigBufferObj, rgbaBufferObj) {
+        const { gl } = this;
+        const vao = gl.createVertexArray();
         gl.bindVertexArray(vao);
         {
-            var buffer = screenCoordsBufferObj.buffer, _a = screenCoordsBufferObj.stride, stride = _a === void 0 ? 0 : _a, _b = screenCoordsBufferObj.offset, offset = _b === void 0 ? 0 : _b;
+            const { buffer, stride = 0, offset = 0 } = screenCoordsBufferObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(0);
             gl.vertexAttribPointer(0, 2, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(0, 1);
         }
         {
-            var buffer = pixelRadiusRatioSmallBufferObj.buffer, _c = pixelRadiusRatioSmallBufferObj.stride, stride = _c === void 0 ? 0 : _c, _d = pixelRadiusRatioSmallBufferObj.offset, offset = _d === void 0 ? 0 : _d;
+            const { buffer, stride = 0, offset = 0 } = pixelRadiusRatioSmallBufferObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(1);
             gl.vertexAttribPointer(1, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(1, 1);
         }
         {
-            var buffer = pixelRadiusRatioBigBufferObj.buffer, _e = pixelRadiusRatioBigBufferObj.stride, stride = _e === void 0 ? 0 : _e, _f = pixelRadiusRatioBigBufferObj.offset, offset = _f === void 0 ? 0 : _f;
+            const { buffer, stride = 0, offset = 0 } = pixelRadiusRatioBigBufferObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(2);
             gl.vertexAttribPointer(2, 1, gl.FLOAT, false, stride, offset);
             gl.vertexAttribDivisor(2, 1);
         }
         {
-            var buffer = rgbaBufferObj.buffer, _g = rgbaBufferObj.stride, stride = _g === void 0 ? 0 : _g, _h = rgbaBufferObj.offset, offset = _h === void 0 ? 0 : _h;
+            const { buffer, stride = 0, offset = 0 } = rgbaBufferObj;
             gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
             gl.enableVertexAttribArray(3);
             gl.vertexAttribPointer(3, 4, gl.FLOAT, false, stride, offset);
@@ -88,14 +147,13 @@ var Logic = /** @class */ (function () {
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return vao;
-    };
-    Logic.prototype.free = function () {
-        var globe = this.globe;
-        totems_1.CameraUniformBlockTotemCache.release(globe);
-    };
-    return Logic;
-}());
-exports.PixelPaddingForFlatCompassCache = Object.freeze({
-    get: function (globe) { return programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic); },
-    release: function (globe) { return programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic); }
+    }
+    free() {
+        const { globe } = this;
+        CameraUniformBlockTotemCache.release(globe);
+    }
+}
+export const PixelPaddingForFlatCompassCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
 });

package/programs/util.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.longlatbbox2normalbbox = longlatbbox2normalbbox;
-function longlatbbox2normalbbox(_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.minLon, minLon = _c === void 0 ? -180 : _c, _d = _b.maxLon, maxLon = _d === void 0 ? 180 : _d, _e = _b.minLat, minLat = _e === void 0 ? -90 : _e, _f = _b.maxLat, maxLat = _f === void 0 ? 90 : _f;
+function longlatbbox2normalbbox({ minLon = -180, maxLon = 180, minLat = -90, maxLat = 90 } = {}) {
     // x
-    var horOffset = (minLon) * Math.PI / 180;
-    var horSize = (maxLon - minLon) * Math.PI / 180;
+    const horOffset = (minLon) * Math.PI / 180;
+    const horSize = (maxLon - minLon) * Math.PI / 180;
     // y
-    var vertOffset = (90 - maxLat) * Math.PI / 180;
-    var vertSize = (maxLat - minLat) * Math.PI / 180;
-    var result = {
+    const vertOffset = (90 - maxLat) * Math.PI / 180;
+    const vertSize = (maxLat - minLat) * Math.PI / 180;
+    const result = {
         bboxOffsetRad: new Float32Array([horOffset, vertOffset]),
         bboxSizeRad: new Float32Array([horSize, vertSize])
     };
     console.log("longlatbbox2normalbbox", result);
     return result;
 }
+export { longlatbbox2normalbbox };

package/programs/vectorfields/index.js

@@ -1,23 +1,3 @@
-"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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PingPongBufferManager = void 0;
-var pingpongbuffermanager_1 = __importDefault(require("./pingpongbuffermanager"));
-exports.PingPongBufferManager = pingpongbuffermanager_1.default;
-__exportStar(require("./logics"), exports);
+import PingPongBufferManager from './pingpongbuffermanager';
+export * from './logics';
+export { PingPongBufferManager };

package/programs/vectorfields/logics/drawrectangleparticles.js

@@ -1,35 +1,76 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var util_1 = require("../../../util");
-var ubo_js_1 = require("./ubo.js");
-var programcache_1 = require("../../programcache");
+import { createProgram } from "../../../util";
+import { UBO_BINDING_POINT, shaderUboSource } from "./ubo.js";
+import { glProgramCache } from "../../programcache";
 /**
  * [+] ubo
  */
-var vertexShaderSource = "#version 300 es\nprecision highp float;\n" + ubo_js_1.shaderUboSource + "\nuniform sampler2D u_vector_field;\nin vec2 in_position;\nout vec3 base_color;\nvec2 lookup_wind(const vec2 uv) { // gerek kalmayabilir. sampler linear methodu ayni isi yapiyor \n    // return texture(u_vector_field, uv).rg; // lower-res hardware filtering\n    vec2 res = vec2(textureSize(u_vector_field, 0));\n    vec2 px = 1.0 / res;\n    vec2 vc = (floor(uv * res)) * px;\n    vec2 f = fract(uv * res);\n    vec2 tl = texture(u_vector_field, vc).rg;\n    vec2 tr = texture(u_vector_field, vc + vec2(px.x, 0)).rg;\n    vec2 bl = texture(u_vector_field, vc + vec2(0, px.y)).rg;\n    vec2 br = texture(u_vector_field, vc + px).rg;\n    return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);\n}\n\n\nvoid main(){\n    vec2 direction_vector = lookup_wind(in_position);\n    if (direction_vector.r == 0.0 && direction_vector.g == 0.0){ return;}\n\n    vec2 limp;\n    if ( 0 == gl_VertexID) { limp = -tail_wing_base_limp; }\n    else if ( 1 == gl_VertexID) { limp = vec2( tail_wing_base_limp.x, -tail_wing_base_limp.y); }\n    else if ( 2 == gl_VertexID) { limp = tail_wing_base_limp; }\n    else  { limp = vec2(-tail_wing_base_limp.x,  tail_wing_base_limp.y); } // if ( 3 == gl_VertexID)\n\n    limp = (limp  * mat2( \n        direction_vector.x, -direction_vector.y,\n        direction_vector.y, direction_vector.x)) / draw_texture_size;\n\n    vec2 pos = in_position * 2.0 - 1.0;\n    gl_Position = vec4(pos + limp, 0.0, 1.0);\n    base_color = color;\n}";
-var fragmentShaderSource = "#version 300 es\nprecision highp float;\nout vec4 outColor;\nin vec3 base_color;\nvoid main(){\n    outColor = vec4(base_color, 1.0);\n}";
-var Logic = /** @class */ (function () {
-    function Logic(gl) {
-        var _a;
+const vertexShaderSource = `#version 300 es
+precision highp float;
+` + shaderUboSource + `
+uniform sampler2D u_vector_field;
+in vec2 in_position;
+out vec3 base_color;
+vec2 lookup_wind(const vec2 uv) { // gerek kalmayabilir. sampler linear methodu ayni isi yapiyor 
+    // return texture(u_vector_field, uv).rg; // lower-res hardware filtering
+    vec2 res = vec2(textureSize(u_vector_field, 0));
+    vec2 px = 1.0 / res;
+    vec2 vc = (floor(uv * res)) * px;
+    vec2 f = fract(uv * res);
+    vec2 tl = texture(u_vector_field, vc).rg;
+    vec2 tr = texture(u_vector_field, vc + vec2(px.x, 0)).rg;
+    vec2 bl = texture(u_vector_field, vc + vec2(0, px.y)).rg;
+    vec2 br = texture(u_vector_field, vc + px).rg;
+    return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);
+}
+
+
+void main(){
+    vec2 direction_vector = lookup_wind(in_position);
+    if (direction_vector.r == 0.0 && direction_vector.g == 0.0){ return;}
+
+    vec2 limp;
+    if ( 0 == gl_VertexID) { limp = -tail_wing_base_limp; }
+    else if ( 1 == gl_VertexID) { limp = vec2( tail_wing_base_limp.x, -tail_wing_base_limp.y); }
+    else if ( 2 == gl_VertexID) { limp = tail_wing_base_limp; }
+    else  { limp = vec2(-tail_wing_base_limp.x,  tail_wing_base_limp.y); } // if ( 3 == gl_VertexID)
+
+    limp = (limp  * mat2( 
+        direction_vector.x, -direction_vector.y,
+        direction_vector.y, direction_vector.x)) / draw_texture_size;
+
+    vec2 pos = in_position * 2.0 - 1.0;
+    gl_Position = vec4(pos + limp, 0.0, 1.0);
+    base_color = color;
+}`;
+const fragmentShaderSource = `#version 300 es
+precision highp float;
+out vec4 outColor;
+in vec3 base_color;
+void main(){
+    outColor = vec4(base_color, 1.0);
+}`;
+class Logic {
+    constructor(gl) {
         this.gl = gl;
-        _a = this._createProgram(), this.program = _a[0], this._vector_field_location = _a[1];
+        [this.program,
+            this._vector_field_location] = this._createProgram();
         // this.decoyBuffer = new DecoyBufferManager(gl);
     }
-    Logic.prototype._createProgram = function () {
-        var gl = this.gl;
-        var program = (0, util_1.createProgram)(gl, vertexShaderSource, fragmentShaderSource);
+    _createProgram() {
+        const gl = this.gl;
+        const program = createProgram(gl, vertexShaderSource, fragmentShaderSource);
         // ubo point
-        var ubo_location = gl.getUniformBlockIndex(program, 'UBO');
-        gl.uniformBlockBinding(program, ubo_location, ubo_js_1.UBO_BINDING_POINT);
+        const ubo_location = gl.getUniformBlockIndex(program, 'UBO');
+        gl.uniformBlockBinding(program, ubo_location, UBO_BINDING_POINT);
         return [program, gl.getUniformLocation(program, 'u_vector_field')];
-    };
+    }
     /**
      * @param {*} bufferManager | PingPongBufferManager
      * @param {*} vectorTexture | RG32F texture R: x, G: y
      * @param {*} uboManager | WaveParticalUboManager under ubo.js
      */
-    Logic.prototype.draw = function (bufferManager, vectorTexture, uboManager) {
-        var _a = this, gl = _a.gl, program = _a.program;
+    draw(bufferManager, vectorTexture, uboManager) {
+        const { gl, program } = this;
         gl.useProgram(program);
         gl.bindVertexArray(bufferManager.getSourceVao());
         // gl.bindVertexArray(this.decoyBuffer.getSourceVao());
@@ -41,26 +82,23 @@ var Logic = /** @class */ (function () {
         gl.drawArraysInstanced(gl.POINTS, 0, 4, bufferManager.length);
         gl.bindVertexArray(null);
         uboManager.unbind();
-    };
-    Logic.prototype.free = function () {
+    }
+    free() {
         this.gl.deleteProgram(this.program);
         this.program = null;
-    };
-    return Logic;
-}());
-var default_1 = /** @class */ (function () {
-    function default_1(gl) {
+    }
+}
+export default class {
+    constructor(gl) {
         this.gl = gl;
-        this.logic = programcache_1.glProgramCache.getProgram(gl, Logic);
+        this.logic = glProgramCache.getProgram(gl, Logic);
     }
-    default_1.prototype.draw = function (bufferManager, vectorTexture, uboManager) {
+    draw(bufferManager, vectorTexture, uboManager) {
         this.logic.draw(bufferManager, vectorTexture, uboManager);
-    };
-    default_1.prototype.free = function () {
-        programcache_1.glProgramCache.releaseProgram(this.gl, Logic);
+    }
+    free() {
+        glProgramCache.releaseProgram(this.gl, Logic);
         this.logic = null;
         this.gl = null;
-    };
-    return default_1;
-}());
-exports.default = default_1;
+    }
+}

package/programs/vectorfields/logics/index.js

@@ -1,12 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WaveParticalUboManager = exports.DrawRectangleParticles = exports.PixelBasedMove = void 0;
-var pixelbased_1 = __importDefault(require("./pixelbased"));
-exports.PixelBasedMove = pixelbased_1.default;
-var drawrectangleparticles_1 = __importDefault(require("./drawrectangleparticles"));
-exports.DrawRectangleParticles = drawrectangleparticles_1.default;
-var ubo_1 = require("./ubo");
-Object.defineProperty(exports, "WaveParticalUboManager", { enumerable: true, get: function () { return ubo_1.WaveParticalUboManager; } });
+import PixelBasedMove from './pixelbased';
+import DrawRectangleParticles from './drawrectangleparticles';
+import { WaveParticalUboManager } from './ubo';
+export { PixelBasedMove, DrawRectangleParticles, WaveParticalUboManager };