@pirireis/webglobeplugins 0.9.6 → 0.9.7

package/util/webglobjectbuilders1.js

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

package/waveparticles/adaptor.js

@@ -1,16 +0,0 @@
-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 }

package/waveparticles/index.js

@@ -1,3 +0,0 @@
-import VectorFieldWaveParticle from "./plugin";
-import { centigradePlus90ToVectorArray } from "./adaptor";
-export { centigradePlus90ToVectorArray, VectorFieldWaveParticle };

package/waveparticles/plugin.js

@@ -1,313 +0,0 @@
-import { GlobeShellWiggle } from "../programs";
-import { defaultblendfunction } from "../util";
-import { vectorfield } from "../programs";
-import { FadeAway } from "../programs";
-const { PixelBasedMove, DrawRectangleParticles, PingPongBufferManager, WaveParticalUboManager } = vectorfield;
-const MoveParticle = PixelBasedMove;
-const DrawParticle = DrawRectangleParticles;
-
-/**
- * STEPS:
- * 1. move particle | buffers: read b1 write b2 | swap buffers b1 <-> b2
- * 2. draw particles | read b1 to drawTexture1 |
- * 3. globe shell drawTexture1
- * 4. fade drawTexture1 to drawTexture2 | swap textures
- * 
- */
-
-const MAX_PIXELS_ON_DIMENSION = 2200;
-
-
-
-export default class Plugin {
-    constructor(id, { dataWidth, dataHeight, fadeOpacity = 0.83, opacity = 0.75, minLon = -180, minLat = -90, maxLon = 180, maxLat = 90, patricleCount = 8000, flipY = true, drawTextureMaxPixelOnDimension = MAX_PIXELS_ON_DIMENSION } = {}) {
-
-        this.id = id;
-        this.globe = null;
-        this.gl = null;
-        this.moveParticle = null;
-        this.drawParticle = null;
-        this.bufferManager = null;
-        this._rgVectorFieldTexture = null;
-        this.globeShellWiggle = null;
-        this.waveUbo = null;
-        this._flipY = flipY;
-        this._drawTextureResolution = {};
-        this._frameBuffer = null;
-        this._fadeOpacity = fadeOpacity;
-        this._opacity = opacity;
-        this._particleCount = patricleCount;
-        this._dataWidth = dataWidth;
-        this._dataHeight = dataHeight;
-        this._drawTextureMaxPixelOnDimension = drawTextureMaxPixelOnDimension;
-        this._globeshellparameters = {
-            minLon,
-            maxLon,
-            minLat,
-            maxLat,
-        }
-        this._stepIndex = 0;
-        this._fullCycleStepCount = 3;
-        this._isFreed = false;
-    }
-
-    init(globe, gl) {
-        this.globe = globe;
-        this.gl = gl;
-        this.moveParticle = new MoveParticle(gl);
-        this.drawParticle = new DrawParticle(gl);
-
-
-        this.fadeAway = new FadeAway(gl);
-
-        this.globeShellWiggle = new GlobeShellWiggle(gl, globe, this._globeshellparameters);
-        const inPositionLocation = this.moveParticle.getInPositionLocation();
-        this.bufferManager = new PingPongBufferManager(gl, this._particleCount, inPositionLocation);
-
-        this._rgVectorFieldTexture = this._createRGTexture();
-
-        this.waveUbo = new WaveParticalUboManager(gl, 0);
-
-        this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-        this._frameBuffer = gl.createFramebuffer();
-        this.setBBox(this._globeshellparameters);
-        this.setOpacity(this._opacity);
-        this.____drawIndex = 0;
-
-    }
-
-    _createDrawTexture() {
-        const gl = this.gl
-        const texture = gl.createTexture();
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-        // gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 2200, 2200, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this._drawTextureResolution.width, this._drawTextureResolution.height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-        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.bindTexture(gl.TEXTURE_2D, null);
-        return texture;
-    }
-
-
-    _step() {
-        this._stepIndex = (this._stepIndex + 1) % this._fullCycleStepCount;
-    }
-
-    draw3D() {
-        if (this._isFreed) return;
-        const { gl, moveParticle, drawParticle, bufferManager, globeShellWiggle, waveUbo, fadeAway, _rgVectorFieldTexture } = this;
-
-        gl.disable(gl.DEPTH_TEST);
-        if (this._stepIndex === 0) {
-            waveUbo.update({ random_seed: Math.random() });
-            moveParticle.move(bufferManager, _rgVectorFieldTexture, waveUbo);
-            // 1s swap buffer b1 <-> b2
-            bufferManager.swap();
-        } else if (this._stepIndex === 1) {
-            this.____drawIndex = 1 - this.____drawIndex;
-            const canvasWidth = gl.canvas.width;
-            const canvasHeight = gl.canvas.height;
-            // gl.viewport(0, 0, 2200, 2200);
-            gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
-            gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
-            gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[this.____drawIndex], 0);
-            drawParticle.draw(bufferManager, _rgVectorFieldTexture, waveUbo);
-            // 2s bound frame buffer to null
-            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            gl.viewport(0, 0, canvasWidth, canvasHeight);
-        } else {
-            const canvasWidth = gl.canvas.width;
-            const canvasHeight = gl.canvas.height;
-            // gl.viewport(0, 0, 2200, 2200);
-            gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
-            gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
-            gl.enable(gl.BLEND);
-            // gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-            gl.blendFunc(gl.ONE, gl.ZERO)
-            gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[1 - this.____drawIndex], 0);
-            fadeAway.draw(this._drawTextures[this.____drawIndex], this._fadeOpacity);
-            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            defaultblendfunction(gl);
-            gl.viewport(0, 0, canvasWidth, canvasHeight);
-        }
-
-        globeShellWiggle.setTexture(this._drawTextures[this.____drawIndex]);
-        globeShellWiggle.draw();
-        this._step();
-        gl.enable(gl.DEPTH_TEST);
-    }
-
-
-
-    setCycleStepCount(value) {
-        if (value < 3) {
-            this._fullCycleStepCount = 3;
-        }
-        this._fullCycleStepCount = value;
-    }
-
-
-
-    _createRGTexture() {
-        const { gl, _dataWidth, _dataHeight, } = this;
-        const texture = gl.createTexture();
-        // R32F
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RG32F, _dataWidth, _dataHeight, 0, gl.RG, gl.FLOAT, null);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
-        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.bindTexture(gl.TEXTURE_2D, null);
-        return texture;
-    }
-
-
-    // TODO: free all resources
-    free() {
-        const { gl, fadeAway, globeShellWiggle, _rgVectorFieldTexture, bufferManager, waveUbo, _drawTextures, _frameBuffer } = this;
-        this._isFreed = true;
-        fadeAway.free();
-        globeShellWiggle.free();
-        gl.deleteTexture(_rgVectorFieldTexture);
-        // glProgramCache.releaseProgram(gl, MoveParticle);
-        this.moveParticle.free();
-        this.moveParticle = null
-        // glProgramCache.releaseProgram(gl, DrawParticle);
-        this.drawParticle.free();
-        this.drawParticle = null
-        bufferManager.free();
-        waveUbo.free();
-        _drawTextures.forEach(texture => gl.deleteTexture(texture));
-        gl.deleteFramebuffer(_frameBuffer);
-    }
-
-
-    // setters 
-    setParticleCount(value) {
-        this._particleCount = value;
-        this.bufferManager.setParticleCount(value);
-    }
-
-
-    setVectorFieldData(data, { dataWidth = null, dataHeight = null, flipY } = {}) {
-        if (dataWidth !== null && dataHeight !== null) {
-            this._dataWidth = dataWidth;
-            this._dataHeight = dataHeight;
-        }
-        if (flipY !== undefined) {
-            this._flipY = flipY;
-        }
-        this.__data = data;
-        const { gl, _dataWidth, _dataHeight } = this;
-        gl.bindTexture(gl.TEXTURE_2D, this._rgVectorFieldTexture);
-        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, this._flipY);
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RG32F, _dataWidth, _dataHeight, 0, gl.RG, gl.FLOAT, data);
-        gl.bindTexture(gl.TEXTURE_2D, null);
-        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
-    }
-
-
-    setHeight(value) {
-        this.globeShellWiggle.setHeight(value);
-    }
-
-    setDropRate(value) {
-        this.waveUbo.update({ drop_rate: value });
-    }
-
-
-    __readAndWriteTextureData() {
-        const { gl, _rgVectorFieldTexture, _dataWidth, _dataHeight } = this;
-
-        // Step 1: Bind the texture to a framebuffer
-
-        // Step 2: Read the texture data into a Float32Array
-        gl.bindTexture(gl.TEXTURE_2D, _rgVectorFieldTexture);
-        const textureData = new Float32Array(_dataWidth * _dataHeight * 2); // RG32F has 2 components per pixel
-        gl.readPixels(0, 0, _dataWidth, _dataHeight, gl.RG, gl.FLOAT, textureData);
-        gl.bindTexture(gl.TEXTURE_2D, null);
-        // Step 3: Create a new texture and write the data back
-
-        // Step 4: Clean up
-
-        gl.deleteTexture(this._rgVectorFieldTexture);
-
-        // Replace the old texture with the new one
-        this._rgVectorFieldTexture = this._createRGTexture();
-        this.setVectorFieldData(textureData);
-    }
-
-    _drawTextureSizeFromBbox({ minLon, minLat, maxLon, maxLat }) {
-        let horizon;
-        if (minLon > 0 && maxLon < 0) {
-            horizon = 360 - minLon + maxLon;
-        } else {
-            horizon = maxLon - minLon;
-        }
-        const vertical = maxLat - minLat;
-        let width, height;
-        if (horizon > vertical) {
-            width = this._drawTextureMaxPixelOnDimension;
-            height = Math.floor(this._drawTextureMaxPixelOnDimension * vertical / horizon);
-        } else {
-            height = this._drawTextureMaxPixelOnDimension;
-            width = Math.floor(this._drawTextureMaxPixelOnDimension * horizon / vertical);
-        }
-        return {
-            width,
-            height
-        }
-
-    }
-
-
-    setDrawTextureMaxPixelOnDimension(value) {
-        this._drawTextureMaxPixelOnDimension = value;
-        this._drawTextureResolution = this._drawTextureSizeFromBbox(this._globeshellparameters);
-        this.waveUbo.update({ draw_texture_size: [this._drawTextureResolution.width, this._drawTextureResolution.height] });
-        this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-    }
-
-    setParticleSpeed(value) {
-        this.waveUbo.update({ range: value });
-    }
-
-    setFadeOpacity(value) {
-        this._fadeOpacity = value;
-    }
-
-    setOpacity(value) {
-        this.globeShellWiggle.setOpacity(value);
-    }
-
-    setParticleDimensions(tail, wing) {
-        if (0 < tail || 0 < wing) {
-            this.waveUbo.update({ tail_wing_base_limp: [tail, wing] });
-        } else {
-            console.error("tail and wing must be greater than 0");
-        }
-    }
-
-    setParticleColor(color) {
-        if (color.length !== 3) {
-            console.error("color must be an array of rgb elements");
-            return;
-        }
-        this.waveUbo.update({ color });
-    }
-
-
-    setBBox({ minLon, minLat, maxLon, maxLat }) {
-        this._globeshellparameters = { minLon, minLat, maxLon, maxLat };
-        this.globeShellWiggle.setBBox({ minLon, minLat, maxLon, maxLat });
-        this._drawTextureResolution = this._drawTextureSizeFromBbox({ minLon, minLat, maxLon, maxLat });
-        this.waveUbo.update({ draw_texture_size: [this._drawTextureResolution.width, this._drawTextureResolution.height] });
-        this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-    }
-}
-

package/wind/imagetovectorfieldandmagnitude.js

@@ -1,39 +0,0 @@
-/**
- * @param {ImageData} imageData
- * image
- * uMax 
- * vMax
- * height
- * width
- * @returns {Float32Array}
-*/
-export default function imageToMagnitude(imageData) {
-    const { image, uMax, vMax, uMin, vMin, height, width } = imageData;
-
-
-
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = width;
-    canvas.height = height;
-    ctx.drawImage(image, 0, 0, width, height);
-    const img = ctx.getImageData(0, 0, width, height);
-    const data = img.data;
-
-    const magnitudeArray = new Float32Array(height * width);
-
-    const uDiff = uMax - uMin;
-    const vDiff = vMax - vMin;
-
-    for (let i = 0; i < data.length; i += 4) {
-        const r = data[i];
-        const g = data[i + 1];
-        const u = uMin + (uDiff * r) / 255;
-        const v = vMin + (vDiff * g) / 255;
-        const magnitude = Math.sqrt(u * u + v * v);
-        const index = i / 4;
-        magnitudeArray[index] = magnitude;
-    }
-
-    return magnitudeArray;
-}

package/wind/index.js

@@ -1,5 +0,0 @@
-import WindPlugin from "./plugin";
-import createVectorFieldImage from "./vectorfieldimage";
-import imageToMagnitude from "./imagetovectorfieldandmagnitude";
-import { createImageFromBase64 } from "../util/webglobjectbuilders";
-export { createVectorFieldImage, imageToMagnitude, WindPlugin, createImageFromBase64 };