@pirireis/webglobeplugins 0.9.11 → 0.9.12

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

@@ -1,19 +1,81 @@
 "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) {
+const util_1 = require("../../util");
+const totems_1 = require("../totems");
+const programcache_1 = require("../programcache");
+const vertexCount = 720;
+const vertexShaderSource = `#version 300 es
+${totems_1.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;
+        const { gl, program } = this;
         { // assign attribute locations
             //             in vec2 screen_coordinate;
             // in float pixel_radius_small_ratio;
@@ -26,20 +88,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");
+            const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
             this.cameraBlockTotem = totems_1.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 +114,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 +150,13 @@ var Logic = /** @class */ (function () {
         gl.bindVertexArray(null);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         return vao;
-    };
-    Logic.prototype.free = function () {
-        var globe = this.globe;
+    }
+    free() {
+        const { globe } = this;
         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); }
+    get: (globe) => programcache_1.noRegisterGlobeProgramCache.getProgram(globe, Logic),
+    release: (globe) => programcache_1.noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
 });

package/programs/util.js

@@ -1,15 +1,14 @@
 "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])
     };

package/programs/vectorfields/index.js

@@ -18,6 +18,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PingPongBufferManager = void 0;
-var pingpongbuffermanager_1 = __importDefault(require("./pingpongbuffermanager"));
+const pingpongbuffermanager_1 = __importDefault(require("./pingpongbuffermanager"));
 exports.PingPongBufferManager = pingpongbuffermanager_1.default;
 __exportStar(require("./logics"), exports);

package/programs/vectorfields/logics/drawrectangleparticles.js

@@ -1,35 +1,78 @@
 "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");
+const util_1 = require("../../../util");
+const ubo_js_1 = require("./ubo.js");
+const programcache_1 = require("../../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;
+` + ubo_js_1.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 = (0, util_1.createProgram)(gl, vertexShaderSource, fragmentShaderSource);
         // ubo point
-        var ubo_location = gl.getUniformBlockIndex(program, 'UBO');
+        const ubo_location = gl.getUniformBlockIndex(program, 'UBO');
         gl.uniformBlockBinding(program, ubo_location, ubo_js_1.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 +84,24 @@ 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) {
+    }
+}
+class default_1 {
+    constructor(gl) {
         this.gl = gl;
         this.logic = programcache_1.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 () {
+    }
+    free() {
         programcache_1.glProgramCache.releaseProgram(this.gl, Logic);
         this.logic = null;
         this.gl = null;
-    };
-    return default_1;
-}());
+    }
+}
 exports.default = default_1;

package/programs/vectorfields/logics/index.js

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

package/programs/vectorfields/logics/pixelbased.js

@@ -1,27 +1,85 @@
 "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");
+const util_1 = require("../../../util");
+const ubo_js_1 = require("./ubo.js");
+const programcache_1 = require("../../programcache");
 // program output is buffer
 // TODO: Mechanism for randomness
 //  drop out mechanism
 //  random particle position mechanism
-var vertexShaderSource = "#version 300 es\n" + ubo_js_1.shaderUboSource + "\n\nuniform sampler2D vector_field;\nin vec2 in_position;\nout vec2 out_position;\n\n// float random(vec2 st){\n//     float t = dot(st, vec2(12.9898,78.233));\n//     return fract(sin(t) * (t+43758.5453123));\n// }\n\n\nconst vec3 rand_constants = vec3(12.9898, 78.233, 4375.85453);\nfloat random(const vec2 co) {\n    float t = dot(rand_constants.xy, co);\n    return fract(sin(t) * (rand_constants.z + t));\n}\n\nvec2 lookup_wind(const vec2 uv) { // gerek kalmayabilir. sampler linear methodu ayni isi yapiyor\n    // return texture(vector_field, uv).rg; // lower-res hardware filtering\n    vec2 res = vec2(textureSize(vector_field, 0));\n    if (res.x == 0.0 || res.y == 0.0){ return vec2(0.0);}\n    vec2 px = 1.0 / res;\n    vec2 vc = (floor(uv * res)) * px;\n    vec2 f = fract(uv * res);\n    vec2 tl = texture(vector_field, vc).rg;\n    vec2 tr = texture(vector_field, vc + vec2(px.x, 0)).rg;\n    vec2 bl = texture(vector_field, vc + vec2(0, px.y)).rg;\n    vec2 br = texture(vector_field, vc + px).rg;\n    if (tl.x == 0.0 && tl.y == 0.0){ return vec2(0.0);}\n    if (tr.x == 0.0 && tr.y == 0.0){ return vec2(0.0);}\n    if (bl.x == 0.0 && bl.y == 0.0){ return vec2(0.0);}\n    if (br.x == 0.0 && br.y == 0.0){ return vec2(0.0);}\n    return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);\n}\n\n\nvec2 random_position(vec2 st){\n    return vec2(random(st), random(st + 1.0));\n}\n\n\nvoid main(){\n    vec2 vec = lookup_wind(in_position).xy;\n    if (vec.x == 0.0 && vec.y == 0.0){\n        out_position = random_position(in_position);\n        return;\n    }\n    float random_value = random(in_position + random_seed);\n    if (random_value < drop_rate){ //TODO: more sophisticated drop out mechanism mi\n        out_position = random_position(in_position);\n        return;\n    }\n    out_position = in_position - (vec / draw_texture_size)  * range; //*0.0014\n}\n";
-var fragmentShaderSource = "#version 300 es\nprecision highp float;\nvoid main(){\n}";
-var Logic = /** @class */ (function () {
-    function Logic(gl) {
-        var _a;
+const vertexShaderSource = `#version 300 es
+` + ubo_js_1.shaderUboSource + `
+
+uniform sampler2D vector_field;
+in vec2 in_position;
+out vec2 out_position;
+
+// float random(vec2 st){
+//     float t = dot(st, vec2(12.9898,78.233));
+//     return fract(sin(t) * (t+43758.5453123));
+// }
+
+
+const vec3 rand_constants = vec3(12.9898, 78.233, 4375.85453);
+float random(const vec2 co) {
+    float t = dot(rand_constants.xy, co);
+    return fract(sin(t) * (rand_constants.z + t));
+}
+
+vec2 lookup_wind(const vec2 uv) { // gerek kalmayabilir. sampler linear methodu ayni isi yapiyor
+    // return texture(vector_field, uv).rg; // lower-res hardware filtering
+    vec2 res = vec2(textureSize(vector_field, 0));
+    if (res.x == 0.0 || res.y == 0.0){ return vec2(0.0);}
+    vec2 px = 1.0 / res;
+    vec2 vc = (floor(uv * res)) * px;
+    vec2 f = fract(uv * res);
+    vec2 tl = texture(vector_field, vc).rg;
+    vec2 tr = texture(vector_field, vc + vec2(px.x, 0)).rg;
+    vec2 bl = texture(vector_field, vc + vec2(0, px.y)).rg;
+    vec2 br = texture(vector_field, vc + px).rg;
+    if (tl.x == 0.0 && tl.y == 0.0){ return vec2(0.0);}
+    if (tr.x == 0.0 && tr.y == 0.0){ return vec2(0.0);}
+    if (bl.x == 0.0 && bl.y == 0.0){ return vec2(0.0);}
+    if (br.x == 0.0 && br.y == 0.0){ return vec2(0.0);}
+    return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);
+}
+
+
+vec2 random_position(vec2 st){
+    return vec2(random(st), random(st + 1.0));
+}
+
+
+void main(){
+    vec2 vec = lookup_wind(in_position).xy;
+    if (vec.x == 0.0 && vec.y == 0.0){
+        out_position = random_position(in_position);
+        return;
+    }
+    float random_value = random(in_position + random_seed);
+    if (random_value < drop_rate){ //TODO: more sophisticated drop out mechanism mi
+        out_position = random_position(in_position);
+        return;
+    }
+    out_position = in_position - (vec / draw_texture_size)  * range; //*0.0014
+}
+`;
+const fragmentShaderSource = `#version 300 es
+precision highp float;
+void main(){
+}`;
+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();
     }
     /**
      * @param {*} bufferManager | PingPongBufferManager
      * @param {*} vectorTexture RG32F texture R: x, G: y
      * @param {*} uboManager | WaveParticalUboManager under ubo.js
      */
-    Logic.prototype.move = function (bufferManager, vectorTexture, uboManager) {
-        var _a = this, gl = _a.gl, program = _a.program, _vector_field_location = _a._vector_field_location;
+    move(bufferManager, vectorTexture, uboManager) {
+        const { gl, program, _vector_field_location } = this;
         gl.useProgram(program);
         gl.enable(gl.RASTERIZER_DISCARD);
         gl.bindVertexArray(bufferManager.getSourceVao());
@@ -37,13 +95,13 @@ var Logic = /** @class */ (function () {
         gl.bindVertexArray(null);
         uboManager.unbind();
         gl.disable(gl.RASTERIZER_DISCARD);
-    };
+    }
     // -- private methods
-    Logic.prototype._createProgram = function () {
-        var gl = this.gl;
-        var vertexShader = (0, util_1.createShader)(gl, gl.VERTEX_SHADER, vertexShaderSource);
-        var fragmentShader = (0, util_1.createShader)(gl, gl.FRAGMENT_SHADER, fragmentShaderSource);
-        var program = gl.createProgram();
+    _createProgram() {
+        const gl = this.gl;
+        const vertexShader = (0, util_1.createShader)(gl, gl.VERTEX_SHADER, vertexShaderSource);
+        const fragmentShader = (0, util_1.createShader)(gl, gl.FRAGMENT_SHADER, fragmentShaderSource);
+        const program = gl.createProgram();
         gl.attachShader(program, vertexShader);
         gl.attachShader(program, fragmentShader);
         gl.transformFeedbackVaryings(program, ["out_position"], gl.SEPARATE_ATTRIBS);
@@ -51,36 +109,34 @@ var Logic = /** @class */ (function () {
         if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
             throw new Error(gl.getProgramParameter(program));
         }
-        var ubo_location = gl.getUniformBlockIndex(program, 'UBO');
+        const ubo_location = gl.getUniformBlockIndex(program, 'UBO');
         gl.uniformBlockBinding(program, ubo_location, ubo_js_1.UBO_BINDING_POINT);
         return [program, gl.getUniformLocation(program, 'vector_field')];
         ;
-    };
-    Logic.prototype.free = function () {
+    }
+    free() {
         this.gl.deleteProgram(this.program);
         this.program = null;
-    };
-    Logic.prototype.getInPositionLocation = function () {
+    }
+    getInPositionLocation() {
         return this.gl.getAttribLocation(this.program, 'in_position');
-    };
-    return Logic;
-}());
-var default_1 = /** @class */ (function () {
-    function default_1(gl) {
+    }
+}
+class default_1 {
+    constructor(gl) {
         this.gl = gl;
         this.logic = programcache_1.glProgramCache.getProgram(gl, Logic);
     }
-    default_1.prototype.move = function (bufferManager, vectorTexture, uboManager) {
+    move(bufferManager, vectorTexture, uboManager) {
         this.logic.move(bufferManager, vectorTexture, uboManager);
-    };
-    default_1.prototype.free = function () {
+    }
+    free() {
         programcache_1.glProgramCache.releaseProgram(this.gl, Logic);
         this.program = null;
         this.gl = null;
-    };
-    default_1.prototype.getInPositionLocation = function () {
+    }
+    getInPositionLocation() {
         return this.logic.getInPositionLocation();
-    };
-    return default_1;
-}());
+    }
+}
 exports.default = default_1;

package/programs/vectorfields/logics/ubo.js

@@ -1,22 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.shaderUboSource = exports.UBO_BINDING_POINT = exports.UBO_SIZE = exports.WaveParticalUboManager = void 0;
-var UBO_BINDING_POINT = 0;
+const UBO_BINDING_POINT = 0;
 exports.UBO_BINDING_POINT = UBO_BINDING_POINT;
-var INITIAL_UBO_DATA = new Float32Array([93.17, 0.2, 1.0, 7.0, 1.0, 1.0, 1.0, 0.05, 2000, 2000]);
-var shaderUboSource = "\nlayout(std140) uniform UBO {\n    float random_seed;\n    float range;\n    vec2 tail_wing_base_limp;\n    vec3 color;\n    float drop_rate;\n    vec2 draw_texture_size;\n};";
+const INITIAL_UBO_DATA = new Float32Array([93.17, 0.2, 1.0, 7.0, 1.0, 1.0, 1.0, 0.05, 2000, 2000]);
+const shaderUboSource = `
+layout(std140) uniform UBO {
+    float random_seed;
+    float range;
+    vec2 tail_wing_base_limp;
+    vec3 color;
+    float drop_rate;
+    vec2 draw_texture_size;
+};`;
 exports.shaderUboSource = shaderUboSource;
-var UBO_SIZE = 40;
+const UBO_SIZE = 40;
 exports.UBO_SIZE = UBO_SIZE;
-var WaveParticalUboManager = /** @class */ (function () {
-    function WaveParticalUboManager(gl) {
+class WaveParticalUboManager {
+    constructor(gl) {
         this.gl = gl;
         this.ubo = this._createBuffer();
         this._data = null;
     }
-    WaveParticalUboManager.prototype.update = function (_a) {
-        var range = _a.range, random_seed = _a.random_seed, tail_wing_base_limp = _a.tail_wing_base_limp, draw_texture_size = _a.draw_texture_size, drop_rate = _a.drop_rate, color = _a.color;
-        var _b = this, gl = _b.gl, ubo = _b.ubo;
+    update({ range, random_seed, tail_wing_base_limp, draw_texture_size, drop_rate, color }) {
+        const { gl, ubo } = this;
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         if (random_seed !== undefined)
             gl.bufferSubData(gl.UNIFORM_BUFFER, 0, new Float32Array([random_seed]));
@@ -31,27 +38,26 @@ var WaveParticalUboManager = /** @class */ (function () {
         if (draw_texture_size !== undefined)
             gl.bufferSubData(gl.UNIFORM_BUFFER, 32, new Float32Array(draw_texture_size));
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    };
-    WaveParticalUboManager.prototype._createBuffer = function () {
-        var gl = this.gl;
-        var buffer = gl.createBuffer();
+    }
+    _createBuffer() {
+        const gl = this.gl;
+        const buffer = gl.createBuffer();
         gl.bindBuffer(gl.UNIFORM_BUFFER, buffer);
         gl.bufferData(gl.UNIFORM_BUFFER, INITIAL_UBO_DATA, gl.STATIC_DRAW);
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
         return buffer;
-    };
-    WaveParticalUboManager.prototype.bind = function () {
-        var _a = this, gl = _a.gl, ubo = _a.ubo;
+    }
+    bind() {
+        const { gl, ubo } = this;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, UBO_BINDING_POINT, ubo);
-    };
-    WaveParticalUboManager.prototype.unbind = function () {
-        var gl = this.gl;
+    }
+    unbind() {
+        const gl = this.gl;
         gl.bindBufferBase(gl.UNIFORM_BUFFER, UBO_BINDING_POINT, null);
-    };
-    WaveParticalUboManager.prototype.free = function () {
-        var _a = this, gl = _a.gl, _buffer = _a._buffer;
+    }
+    free() {
+        const { gl, _buffer } = this;
         gl.deleteBuffer(_buffer);
-    };
-    return WaveParticalUboManager;
-}());
+    }
+}
 exports.WaveParticalUboManager = WaveParticalUboManager;