@pirireis/webglobeplugins 0.9.6 → 0.9.8

package/{util → dist/util}/webglobjectbuilders1.js

@@ -1,271 +1,237 @@
-
-// export function createShader(gl, type, source) {
-//     const shader = gl.createShader(type);
-//     gl.shaderSource(shader, source);
-
-//     gl.compileShader(shader);
-//     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-//         throw new Error(gl.getShaderInfoLog(shader));
-//     }
-
-//     return shader;
-// }
-
-export function createShader(gl, type, source) {
-    const shader = gl.createShader(type);
-    gl.shaderSource(shader, source);
-
-    gl.compileShader(shader);
-    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        const errorLog = gl.getShaderInfoLog(shader);
-        const shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
-        const sourceWithLineNumbers = source.split('\n').map((line, i) => `${i + 1}: ${line}`).join('\n');
-        throw new Error(`Error compiling ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
-    }
-
-    return shader;
-}
-
-export function createProgram(gl, vertexSource, fragmentSource) {
-    const program = gl.createProgram();
-
-    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
-
-    gl.compileShader(vertexShader);
-    if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
-        console.error(gl.getShaderInfoLog(vertexShader));
-        return;
-    }
-
-    gl.compileShader(fragmentShader);
-    if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
-        console.error(gl.getShaderInfoLog(fragmentShader));
-        return;
-    }
-
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-    gl.linkProgram(program);
-
-    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        console.error(gl.getProgramInfoLog(program));
-        return;
-    }
-    return program;
-}
-
-export function createProgramWrapper(gl, vertexSource, fragmentSource) {
-    const program = gl.createProgram();
-
-    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
-
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-
-    gl.linkProgram(program);
-    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        // console.log(gl.getProgramInfoLog(program));
-        throw new Error(gl.getProgramInfoLog(program));
-    }
-
-    const wrapper = { program: program };
-
-    const numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
-    for (let i = 0; i < numAttributes; i++) {
-        const attribute = gl.getActiveAttrib(program, i);
-        wrapper[attribute.name] = gl.getAttribLocation(program, attribute.name);
-    }
-    const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
-    for (let i = 0; i < numUniforms; i++) {
-        const uniform = gl.getActiveUniform(program, i);
-        wrapper[uniform.name] = gl.getUniformLocation(program, uniform.name);
-    }
-
-    return wrapper;
-}
-
-export function createTexture(gl, filter, data, width, height) {
-    const texture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
-    if (data instanceof Uint8Array) {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    } else {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    gl.bindTexture(gl.TEXTURE_2D, null);
-    return texture;
-}
-
-export function bindTexture(gl, texture, unit) {
-    gl.activeTexture(gl.TEXTURE0 + unit);
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-}
-
-export function createBuffer(gl, data) {
-    const buffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
-    return buffer;
-}
-
-export function bindAttribute(gl, buffer, attribute, numComponents) {
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.enableVertexAttribArray(attribute);
-    gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
-}
-
-export function bindFramebuffer(gl, framebuffer, texture) {
-    if (texture) {
-        gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
-    } else {
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-    }
-}
-
-
-export function decodeBase64(data) {
-    const binary_string = atob(data);
-    const len = binary_string.length;
-    const bytes = new Uint8Array(len);
-    for (let i = 0; i < len; i++) {
-        bytes[i] = binary_string.charCodeAt(i);
-    }
-    return bytes;
-}
-
-
-export function createImageFromBase64(encodedData) {
-    const bytes = decodeBase64(encodedData);
-    const blob = new Blob([bytes.buffer], { type: "image/png" });
-    const urlCreator = window.URL || window.webkitURL;
-    const imageUrl = urlCreator.createObjectURL(blob);
-    const image = new Image();
-    image.src = imageUrl;
-    return image;
-}
-
-
-export function getColorRamp(colors) {
-    // console.log("getColorRamp", colors)
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-
-    canvas.width = 256;
-    canvas.height = 1;
-
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-
-    for (const stop in colors) {
-        // console.log("stop", stop);
-        gradient.addColorStop(colors[stop][0], colors[stop][1]);
-        // Alttaki satir ile gradienti cevirip, shaderda ki `speed_t = 1.0 - speed_t`' kaldirdim.
-        // gradientin en dusuk olmasi gereken siyah - mavi aralikta, mor renk gozlemledim.
-        // gradient.addColorStop( 1.0 - colors[stop][0], colors[stop][1]);
-    }
-
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-
-
-export function getColorRampDiscrate(values, thresholds) {
-
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-
-    canvas.width = 256;
-    canvas.height = 1;
-
-    const gap = 1.0 / 256;
-
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-
-    for (let i = 0; i < thresholds.length - 1; i++) {
-        gradient.addColorStop(thresholds[i], values[i]);
-        gradient.addColorStop(thresholds[i + 1] - gap
-            , values[i]);
-    }
-    gradient.addColorStop(thresholds[thresholds.length - 1], values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-
-export function getColorRampInterpolated(values, thresholds) {
-
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-
-    canvas.width = 256;
-    canvas.height = 1;
-
-
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-
-    // const gap = 1.0 / 256;
-    // gradient.addColorStop(thresholds[0], values[0]);
-    // gradient.addColorStop(thresholds[0] + gap, values[1]);
-
-
-    for (let i = 0; i < thresholds.length; i++) {
-        gradient.addColorStop(thresholds[i], values[i]);
-    }
-    // gradient.addColorStop(thresholds[thresholds.length - 1] - gap, values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-
-/**
- * values: n + 1 number of color hex values without alpha channel. Ex: ["#ff0000", "#00ff00", "#0000ff"]
- * thresholds: n number of thresholds. Ex: [0, 10, 20]
- * mode: [discrete, interpolated,]
- */
-export function getColorRampModed(values, thresholds, mode = "interpolated") {
-
-    if (mode === "discrete") {
-        return getColorRampDiscrate(values, thresholds);
-    } else if (mode === "interpolated") {
-        return getColorRampInterpolated(values, thresholds);
-    } else {
-        throw new Error("mode is not valid");
-    }
-}
-export function defaultColorRamp() {
-    const defaultRampColors = [
-        [0.0, '#5e4fa2'],
-        [0.15, '#3288bd'],
-        [0.20, '#66c2a5'],
-        [0.25, '#66c2a5'],
-        [0.3, '#abdda4'],
-        [0.4, '#e6f598'],
-        [0.5, '#fee08b'],
-        [0.6, '#fdae61'],
-        [0.7, '#f46d43'],
-        [1.0, '#ff1e13']
-    ];
-    return getColorRamp(defaultRampColors);
-}
-
-export function reloadCurrentGLProgram() {
-    return function (target, key, descriptor) {
-        const originalMethod = descriptor.value;
-        descriptor.value = function () {
-            const gl = target.gl;
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            originalMethod.apply(this, arguments);
-            gl.useProgram(currentProgram);
-        }
-    }
-}
+"use strict";
+// export function createShader(gl, type, source) {
+//     const shader = gl.createShader(type);
+//     gl.shaderSource(shader, source);
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createShader = createShader;
+exports.createProgram = createProgram;
+exports.createProgramWrapper = createProgramWrapper;
+exports.createTexture = createTexture;
+exports.bindTexture = bindTexture;
+exports.createBuffer = createBuffer;
+exports.bindAttribute = bindAttribute;
+exports.bindFramebuffer = bindFramebuffer;
+exports.decodeBase64 = decodeBase64;
+exports.createImageFromBase64 = createImageFromBase64;
+exports.getColorRamp = getColorRamp;
+exports.getColorRampDiscrate = getColorRampDiscrate;
+exports.getColorRampInterpolated = getColorRampInterpolated;
+exports.getColorRampModed = getColorRampModed;
+exports.defaultColorRamp = defaultColorRamp;
+exports.reloadCurrentGLProgram = reloadCurrentGLProgram;
+//     gl.compileShader(shader);
+//     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+//         throw new Error(gl.getShaderInfoLog(shader));
+//     }
+//     return shader;
+// }
+function createShader(gl, type, source) {
+    const shader = gl.createShader(type);
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+        const errorLog = gl.getShaderInfoLog(shader);
+        const shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
+        const sourceWithLineNumbers = source.split('\n').map((line, i) => `${i + 1}: ${line}`).join('\n');
+        throw new Error(`Error compiling ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
+    }
+    return shader;
+}
+function createProgram(gl, vertexSource, fragmentSource) {
+    const program = gl.createProgram();
+    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
+    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+    gl.compileShader(vertexShader);
+    if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
+        console.error(gl.getShaderInfoLog(vertexShader));
+        return;
+    }
+    gl.compileShader(fragmentShader);
+    if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
+        console.error(gl.getShaderInfoLog(fragmentShader));
+        return;
+    }
+    gl.attachShader(program, vertexShader);
+    gl.attachShader(program, fragmentShader);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+        console.error(gl.getProgramInfoLog(program));
+        return;
+    }
+    return program;
+}
+function createProgramWrapper(gl, vertexSource, fragmentSource) {
+    const program = gl.createProgram();
+    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
+    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+    gl.attachShader(program, vertexShader);
+    gl.attachShader(program, fragmentShader);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+        // console.log(gl.getProgramInfoLog(program));
+        throw new Error(gl.getProgramInfoLog(program));
+    }
+    const wrapper = { program: program };
+    const numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
+    for (let i = 0; i < numAttributes; i++) {
+        const attribute = gl.getActiveAttrib(program, i);
+        wrapper[attribute.name] = gl.getAttribLocation(program, attribute.name);
+    }
+    const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
+    for (let i = 0; i < numUniforms; i++) {
+        const uniform = gl.getActiveUniform(program, i);
+        wrapper[uniform.name] = gl.getUniformLocation(program, uniform.name);
+    }
+    return wrapper;
+}
+function createTexture(gl, filter, data, width, height) {
+    const texture = gl.createTexture();
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
+    if (data instanceof Uint8Array) {
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
+    }
+    else {
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
+    }
+    gl.bindTexture(gl.TEXTURE_2D, null);
+    return texture;
+}
+function bindTexture(gl, texture, unit) {
+    gl.activeTexture(gl.TEXTURE0 + unit);
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+}
+function createBuffer(gl, data) {
+    const buffer = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
+    return buffer;
+}
+function bindAttribute(gl, buffer, attribute, numComponents) {
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.enableVertexAttribArray(attribute);
+    gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
+}
+function bindFramebuffer(gl, framebuffer, texture) {
+    if (texture) {
+        gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
+    }
+    else {
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    }
+}
+function decodeBase64(data) {
+    const binary_string = atob(data);
+    const len = binary_string.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+        bytes[i] = binary_string.charCodeAt(i);
+    }
+    return bytes;
+}
+function createImageFromBase64(encodedData) {
+    const bytes = decodeBase64(encodedData);
+    const blob = new Blob([bytes.buffer], { type: "image/png" });
+    const urlCreator = window.URL || window.webkitURL;
+    const imageUrl = urlCreator.createObjectURL(blob);
+    const image = new Image();
+    image.src = imageUrl;
+    return image;
+}
+function getColorRamp(colors) {
+    // console.log("getColorRamp", colors)
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    canvas.width = 256;
+    canvas.height = 1;
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (const stop in colors) {
+        // console.log("stop", stop);
+        gradient.addColorStop(colors[stop][0], colors[stop][1]);
+        // Alttaki satir ile gradienti cevirip, shaderda ki `speed_t = 1.0 - speed_t`' kaldirdim.
+        // gradientin en dusuk olmasi gereken siyah - mavi aralikta, mor renk gozlemledim.
+        // gradient.addColorStop( 1.0 - colors[stop][0], colors[stop][1]);
+    }
+    ctx.fillStyle = gradient;
+    ctx.fillRect(0, 0, 256, 1);
+    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
+}
+function getColorRampDiscrate(values, thresholds) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    canvas.width = 256;
+    canvas.height = 1;
+    const gap = 1.0 / 256;
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    for (let i = 0; i < thresholds.length - 1; i++) {
+        gradient.addColorStop(thresholds[i], values[i]);
+        gradient.addColorStop(thresholds[i + 1] - gap, values[i]);
+    }
+    gradient.addColorStop(thresholds[thresholds.length - 1], values[values.length - 1]);
+    ctx.fillStyle = gradient;
+    ctx.fillRect(0, 0, 256, 1);
+    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
+}
+function getColorRampInterpolated(values, thresholds) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    canvas.width = 256;
+    canvas.height = 1;
+    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
+    // const gap = 1.0 / 256;
+    // gradient.addColorStop(thresholds[0], values[0]);
+    // gradient.addColorStop(thresholds[0] + gap, values[1]);
+    for (let i = 0; i < thresholds.length; i++) {
+        gradient.addColorStop(thresholds[i], values[i]);
+    }
+    // gradient.addColorStop(thresholds[thresholds.length - 1] - gap, values[values.length - 1]);
+    ctx.fillStyle = gradient;
+    ctx.fillRect(0, 0, 256, 1);
+    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
+}
+/**
+ * values: n + 1 number of color hex values without alpha channel. Ex: ["#ff0000", "#00ff00", "#0000ff"]
+ * thresholds: n number of thresholds. Ex: [0, 10, 20]
+ * mode: [discrete, interpolated,]
+ */
+function getColorRampModed(values, thresholds, mode = "interpolated") {
+    if (mode === "discrete") {
+        return getColorRampDiscrate(values, thresholds);
+    }
+    else if (mode === "interpolated") {
+        return getColorRampInterpolated(values, thresholds);
+    }
+    else {
+        throw new Error("mode is not valid");
+    }
+}
+function defaultColorRamp() {
+    const defaultRampColors = [
+        [0.0, '#5e4fa2'],
+        [0.15, '#3288bd'],
+        [0.20, '#66c2a5'],
+        [0.25, '#66c2a5'],
+        [0.3, '#abdda4'],
+        [0.4, '#e6f598'],
+        [0.5, '#fee08b'],
+        [0.6, '#fdae61'],
+        [0.7, '#f46d43'],
+        [1.0, '#ff1e13']
+    ];
+    return getColorRamp(defaultRampColors);
+}
+function reloadCurrentGLProgram() {
+    return function (target, key, descriptor) {
+        const originalMethod = descriptor.value;
+        descriptor.value = function () {
+            const gl = target.gl;
+            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
+            originalMethod.apply(this, arguments);
+            gl.useProgram(currentProgram);
+        };
+    };
+}

package/{waveparticles → dist/waveparticles}/adaptor.js

@@ -1,16 +1,17 @@
-function centigradePlus90ToVectorArray(centigradeArray, noDataValue = -9999) {
-    const vectorArray = new Float32Array(centigradeArray.length * 2);
-    for (let i = 0; i < centigradeArray.length; i++) {
-        if (centigradeArray[i] === noDataValue) {
-            vectorArray.set([0, 0], i * 2);
-            continue;
-        }
-        const rad = (centigradeArray[i] + 90.0) * Math.PI / 180;
-        const x = Math.cos(rad);
-        const y = Math.sin(rad);
-        vectorArray.set([x, y], i * 2);
-    }
-    return vectorArray;
-}
-
-export { centigradePlus90ToVectorArray }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.centigradePlus90ToVectorArray = centigradePlus90ToVectorArray;
+function centigradePlus90ToVectorArray(centigradeArray, noDataValue = -9999) {
+    const vectorArray = new Float32Array(centigradeArray.length * 2);
+    for (let i = 0; i < centigradeArray.length; i++) {
+        if (centigradeArray[i] === noDataValue) {
+            vectorArray.set([0, 0], i * 2);
+            continue;
+        }
+        const rad = (centigradeArray[i] + 90.0) * Math.PI / 180;
+        const x = Math.cos(rad);
+        const y = Math.sin(rad);
+        vectorArray.set([x, y], i * 2);
+    }
+    return vectorArray;
+}

package/dist/waveparticles/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VectorFieldWaveParticle = exports.centigradePlus90ToVectorArray = void 0;
+const plugin_1 = __importDefault(require("./plugin"));
+exports.VectorFieldWaveParticle = plugin_1.default;
+const adaptor_1 = require("./adaptor");
+Object.defineProperty(exports, "centigradePlus90ToVectorArray", { enumerable: true, get: function () { return adaptor_1.centigradePlus90ToVectorArray; } });