@pirireis/webglobeplugins 0.9.7 → 0.9.8

package/dist/programs/vectorfields/logics/drawrectangleparticles.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const util_1 = require("../../../util");
+const ubo_js_1 = require("./ubo.js");
+const programcache_1 = require("../../programcache");
+/**
+ * [+] ubo
+ */
+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;
+        [this.program,
+            this._vector_field_location] = this._createProgram();
+        // this.decoyBuffer = new DecoyBufferManager(gl);
+    }
+    _createProgram() {
+        const gl = this.gl;
+        const program = (0, util_1.createProgram)(gl, vertexShaderSource, fragmentShaderSource);
+        // ubo point
+        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
+     */
+    draw(bufferManager, vectorTexture, uboManager) {
+        const { gl, program } = this;
+        gl.useProgram(program);
+        gl.bindVertexArray(bufferManager.getSourceVao());
+        // gl.bindVertexArray(this.decoyBuffer.getSourceVao());
+        uboManager.bind();
+        gl.activeTexture(gl.TEXTURE0);
+        gl.uniform1i(this._vector_field_location, 0);
+        gl.bindTexture(gl.TEXTURE_2D, vectorTexture);
+        gl.drawArraysInstanced(gl.TRIANGLE_FAN, 0, 4, bufferManager.length);
+        gl.drawArraysInstanced(gl.POINTS, 0, 4, bufferManager.length);
+        gl.bindVertexArray(null);
+        uboManager.unbind();
+    }
+    free() {
+        this.gl.deleteProgram(this.program);
+        this.program = null;
+    }
+}
+class default_1 {
+    constructor(gl) {
+        this.gl = gl;
+        this.logic = programcache_1.glProgramCache.getProgram(gl, Logic);
+    }
+    draw(bufferManager, vectorTexture, uboManager) {
+        this.logic.draw(bufferManager, vectorTexture, uboManager);
+    }
+    free() {
+        programcache_1.glProgramCache.releaseProgram(this.gl, Logic);
+        this.logic = null;
+        this.gl = null;
+    }
+}
+exports.default = default_1;

package/dist/programs/vectorfields/logics/index.js

@@ -0,0 +1,12 @@
+"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;
+const pixelbased_1 = __importDefault(require("./pixelbased"));
+exports.PixelBasedMove = pixelbased_1.default;
+const drawrectangleparticles_1 = __importDefault(require("./drawrectangleparticles"));
+exports.DrawRectangleParticles = drawrectangleparticles_1.default;
+const ubo_1 = require("./ubo");
+Object.defineProperty(exports, "WaveParticalUboManager", { enumerable: true, get: function () { return ubo_1.WaveParticalUboManager; } });

package/dist/programs/vectorfields/logics/pixelbased.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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
+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;
+        [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
+     */
+    move(bufferManager, vectorTexture, uboManager) {
+        const { gl, program, _vector_field_location } = this;
+        gl.useProgram(program);
+        gl.enable(gl.RASTERIZER_DISCARD);
+        gl.bindVertexArray(bufferManager.getSourceVao());
+        gl.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, bufferManager.getTargetTF());
+        gl.beginTransformFeedback(gl.POINTS);
+        uboManager.bind();
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, vectorTexture);
+        gl.uniform1i(_vector_field_location, 0);
+        gl.drawArraysInstanced(gl.POINTS, 0, 1, bufferManager.length);
+        gl.endTransformFeedback();
+        gl.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, null);
+        gl.bindVertexArray(null);
+        uboManager.unbind();
+        gl.disable(gl.RASTERIZER_DISCARD);
+    }
+    // -- private methods
+    _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);
+        gl.linkProgram(program);
+        if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+            throw new Error(gl.getProgramParameter(program));
+        }
+        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')];
+        ;
+    }
+    free() {
+        this.gl.deleteProgram(this.program);
+        this.program = null;
+    }
+    getInPositionLocation() {
+        return this.gl.getAttribLocation(this.program, 'in_position');
+    }
+}
+class default_1 {
+    constructor(gl) {
+        this.gl = gl;
+        this.logic = programcache_1.glProgramCache.getProgram(gl, Logic);
+    }
+    move(bufferManager, vectorTexture, uboManager) {
+        this.logic.move(bufferManager, vectorTexture, uboManager);
+    }
+    free() {
+        programcache_1.glProgramCache.releaseProgram(this.gl, Logic);
+        this.program = null;
+        this.gl = null;
+    }
+    getInPositionLocation() {
+        return this.logic.getInPositionLocation();
+    }
+}
+exports.default = default_1;

package/dist/programs/vectorfields/logics/ubo.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shaderUboSource = exports.UBO_BINDING_POINT = exports.UBO_SIZE = exports.WaveParticalUboManager = void 0;
+const UBO_BINDING_POINT = 0;
+exports.UBO_BINDING_POINT = UBO_BINDING_POINT;
+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;
+const UBO_SIZE = 40;
+exports.UBO_SIZE = UBO_SIZE;
+class WaveParticalUboManager {
+    constructor(gl) {
+        this.gl = gl;
+        this.ubo = this._createBuffer();
+        this._data = null;
+    }
+    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]));
+        if (range !== undefined)
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 4, new Float32Array([range]));
+        if (tail_wing_base_limp !== undefined)
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 8, new Float32Array(tail_wing_base_limp));
+        if (color !== undefined)
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 16, new Float32Array(color));
+        if (drop_rate !== undefined)
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 28, new Float32Array([drop_rate]));
+        if (draw_texture_size !== undefined)
+            gl.bufferSubData(gl.UNIFORM_BUFFER, 32, new Float32Array(draw_texture_size));
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+    _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;
+    }
+    bind() {
+        const { gl, ubo } = this;
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, UBO_BINDING_POINT, ubo);
+    }
+    unbind() {
+        const gl = this.gl;
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, UBO_BINDING_POINT, null);
+    }
+    free() {
+        const { gl, _buffer } = this;
+        gl.deleteBuffer(_buffer);
+    }
+}
+exports.WaveParticalUboManager = WaveParticalUboManager;

package/dist/programs/vectorfields/pingpongbuffermanager.js

@@ -0,0 +1,76 @@
+"use strict";
+/**
+ * Manages PingPong Buffers.
+ * Updated positions are written to the target buffer.
+ * Then source and target buffers are swapped.
+ *
+ * update coords and draw particles programs will use this class.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+class default_1 {
+    constructor(gl, particleCount, inPositionLocation = 0) {
+        this.gl = gl;
+        this._inPositionLocation = inPositionLocation;
+        this._buffers = [gl.createBuffer(), gl.createBuffer()];
+        this._tfs = this._createTransformFeedbacksAndBindBuffers();
+        this._vaos = this._createVaos();
+        this.setParticleCount(particleCount);
+        this._index = 0;
+    }
+    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);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this._buffers[1]);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(this.length * 2), gl.DYNAMIC_DRAW);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+        this._index = 0;
+    }
+    _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.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, null);
+        return tfs;
+    }
+    _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.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
+            gl.vertexAttribDivisor(0, 1);
+            gl.enableVertexAttribArray(this._inPositionLocation);
+            gl.bindVertexArray(null);
+        });
+        return vaos;
+    }
+    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]);
+    }
+}
+exports.default = default_1;
+function randomNumbers(count) {
+    const result = new Float32Array(count);
+    const random = Math.random;
+    for (let i = 0; i < count; i++) {
+        result[i] = random() * 2 - 1;
+    }
+    return result;
+}

package/dist/rangerings/enum.js

@@ -0,0 +1,5 @@
+"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 });

package/dist/rangerings/index.js

@@ -0,0 +1,15 @@
+"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;
+const plugin_1 = require("./plugin");
+Object.defineProperty(exports, "RangeRings", { enumerable: true, get: function () { return plugin_1.RangeRings; } });
+const ring_account_1 = require("./ring-account");
+Object.defineProperty(exports, "ringKeyMethod", { enumerable: true, get: function () { return ring_account_1.ringKeyMethod; } });
+const rangeringangletext_1 = __importDefault(require("./rangeringangletext"));
+exports.RangeRingAngleText = rangeringangletext_1.default;
+const 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; } });