@pirireis/webglobeplugins 0.9.11 → 0.9.13

package/programs/vectorfields/logics/pixelbased.js

@@ -1,27 +1,83 @@
-"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 { createShader } from "../../../util";
+import { UBO_SIZE, UBO_BINDING_POINT, shaderUboSource } from "./ubo.js";
+import { glProgramCache } from "../../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
+` + 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 +93,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 = createShader(gl, gl.VERTEX_SHADER, vertexShaderSource);
+        const fragmentShader = 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 +107,33 @@ var Logic = /** @class */ (function () {
         if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
             throw new Error(gl.getProgramParameter(program));
         }
-        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, '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) {
+    }
+}
+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.move = function (bufferManager, vectorTexture, uboManager) {
+    move(bufferManager, vectorTexture, uboManager) {
         this.logic.move(bufferManager, vectorTexture, uboManager);
-    };
-    default_1.prototype.free = function () {
-        programcache_1.glProgramCache.releaseProgram(this.gl, Logic);
+    }
+    free() {
+        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,23 @@
-"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;
-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};";
-exports.shaderUboSource = shaderUboSource;
-var UBO_SIZE = 40;
-exports.UBO_SIZE = UBO_SIZE;
-var WaveParticalUboManager = /** @class */ (function () {
-    function WaveParticalUboManager(gl) {
+const UBO_BINDING_POINT = 0;
+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;
+};`;
+const UBO_SIZE = 40;
+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 +32,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;
+    }
+}
+export { WaveParticalUboManager, UBO_SIZE, UBO_BINDING_POINT, shaderUboSource };

package/programs/vectorfields/pingpongbuffermanager.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Manages PingPong Buffers.
  * Updated positions are written to the target buffer.
@@ -6,10 +5,8 @@
  *
  * update coords and draw particles programs will use this class.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-var default_1 = /** @class */ (function () {
-    function default_1(gl, particleCount, inPositionLocation) {
-        if (inPositionLocation === void 0) { inPositionLocation = 0; }
+export default class {
+    constructor(gl, particleCount, inPositionLocation = 0) {
         this.gl = gl;
         this._inPositionLocation = inPositionLocation;
         this._buffers = [gl.createBuffer(), gl.createBuffer()];
@@ -18,8 +15,8 @@ var default_1 = /** @class */ (function () {
         this.setParticleCount(particleCount);
         this._index = 0;
     }
-    default_1.prototype.setParticleCount = function (count) {
-        var gl = this.gl;
+    setParticleCount(count) {
+        const gl = this.gl;
         this.length = count;
         gl.bindBuffer(gl.ARRAY_BUFFER, this._buffers[0]);
         gl.bufferData(gl.ARRAY_BUFFER, randomNumbers(this.length * 2), gl.DYNAMIC_DRAW);
@@ -27,53 +24,49 @@ var default_1 = /** @class */ (function () {
         gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(this.length * 2), gl.DYNAMIC_DRAW);
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         this._index = 0;
-    };
-    default_1.prototype._createTransformFeedbacksAndBindBuffers = function () {
-        var _this = this;
-        var gl = this.gl;
-        var tfs = [gl.createTransformFeedback(), gl.createTransformFeedback()];
-        tfs.forEach(function (tf, idx) {
+    }
+    _createTransformFeedbacksAndBindBuffers() {
+        const gl = this.gl;
+        const tfs = [gl.createTransformFeedback(), gl.createTransformFeedback()];
+        tfs.forEach((tf, idx) => {
             gl.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, tf);
-            gl.bindBufferBase(gl.TRANSFORM_FEEDBACK_BUFFER, 0, _this._buffers[idx]);
+            gl.bindBufferBase(gl.TRANSFORM_FEEDBACK_BUFFER, 0, this._buffers[idx]);
         });
         gl.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, null);
         return tfs;
-    };
-    default_1.prototype._createVaos = function () {
-        var _this = this;
-        var gl = this.gl;
-        var vaos = [gl.createVertexArray(), gl.createVertexArray()];
-        vaos.forEach(function (vao, idx) {
+    }
+    _createVaos() {
+        const gl = this.gl;
+        const vaos = [gl.createVertexArray(), gl.createVertexArray()];
+        vaos.forEach((vao, idx) => {
             gl.bindVertexArray(vao);
-            gl.bindBuffer(gl.ARRAY_BUFFER, _this._buffers[idx]);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this._buffers[idx]);
             gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
             gl.vertexAttribDivisor(0, 1);
-            gl.enableVertexAttribArray(_this._inPositionLocation);
+            gl.enableVertexAttribArray(this._inPositionLocation);
             gl.bindVertexArray(null);
         });
         return vaos;
-    };
-    default_1.prototype.getSourceVao = function () { return this._vaos[this._index]; };
-    default_1.prototype.getTargetVao = function () { return this._vaos[1 - this._index]; };
-    default_1.prototype.sourceBuffer = function () { return this._buffers[this._index]; };
-    default_1.prototype.targetBuffer = function () { return this._buffers[1 - this._index]; };
-    default_1.prototype.getTargetTF = function () { return this._tfs[1 - this._index]; };
-    default_1.prototype.swap = function () { this._index = 1 - this._index; };
-    default_1.prototype.free = function () {
+    }
+    getSourceVao() { return this._vaos[this._index]; }
+    getTargetVao() { return this._vaos[1 - this._index]; }
+    sourceBuffer() { return this._buffers[this._index]; }
+    targetBuffer() { return this._buffers[1 - this._index]; }
+    getTargetTF() { return this._tfs[1 - this._index]; }
+    swap() { this._index = 1 - this._index; }
+    free() {
         this.gl.deleteBuffer(this._buffers[0]);
         this.gl.deleteBuffer(this._buffers[1]);
         this.gl.deleteTransformFeedback(this._tfs[0]);
         this.gl.deleteTransformFeedback(this._tfs[1]);
         this.gl.deleteVertexArray(this._vaos[0]);
         this.gl.deleteVertexArray(this._vaos[1]);
-    };
-    return default_1;
-}());
-exports.default = default_1;
+    }
+}
 function randomNumbers(count) {
-    var result = new Float32Array(count);
-    var random = Math.random;
-    for (var i = 0; i < count; i++) {
+    const result = new Float32Array(count);
+    const random = Math.random;
+    for (let i = 0; i < count; i++) {
         result[i] = random() * 2 - 1;
     }
     return result;

package/rangerings/enum.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ENUM_TEXT_HIDE = exports.ENUM_HIDE = void 0;
-exports.ENUM_HIDE = Object.freeze({ SHOW: 0, HIDE: 1, HIDE_1_DEGREE_PADDINGS: 2 });
-exports.ENUM_TEXT_HIDE = Object.freeze({ SHOW: 0, HIDE: 1 });
+export const ENUM_HIDE = Object.freeze({ SHOW: 0, HIDE: 1, HIDE_1_DEGREE_PADDINGS: 2 });
+export const ENUM_TEXT_HIDE = Object.freeze({ SHOW: 0, HIDE: 1 });

package/rangerings/index.js

@@ -1,15 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ringKeyMethod = exports.RangeRingAngleText = exports.ENUM_TEXT_HIDE = exports.ENUM_HIDE = exports.RangeRings = void 0;
-var plugin_1 = require("./plugin");
-Object.defineProperty(exports, "RangeRings", { enumerable: true, get: function () { return plugin_1.RangeRings; } });
-var ring_account_1 = require("./ring-account");
-Object.defineProperty(exports, "ringKeyMethod", { enumerable: true, get: function () { return ring_account_1.ringKeyMethod; } });
-var rangeringangletext_1 = __importDefault(require("./rangeringangletext"));
-exports.RangeRingAngleText = rangeringangletext_1.default;
-var enum_1 = require("./enum");
-Object.defineProperty(exports, "ENUM_HIDE", { enumerable: true, get: function () { return enum_1.ENUM_HIDE; } });
-Object.defineProperty(exports, "ENUM_TEXT_HIDE", { enumerable: true, get: function () { return enum_1.ENUM_TEXT_HIDE; } });
+import { RangeRings } from "./plugin";
+import { ringKeyMethod } from "./ring-account";
+import RangeRingAngleText from './rangeringangletext';
+import { ENUM_HIDE, ENUM_TEXT_HIDE } from './enum';
+export { RangeRings, ENUM_HIDE, ENUM_TEXT_HIDE, RangeRingAngleText, ringKeyMethod };