@pirireis/webglobeplugins 0.17.1 → 1.0.2

package/types.js

@@ -1,19 +0,0 @@
-export var CSRenderPass;
-(function (CSRenderPass) {
-    CSRenderPass[CSRenderPass["NORMAL"] = 0] = "NORMAL";
-    CSRenderPass[CSRenderPass["SELECTED"] = 1] = "SELECTED";
-    CSRenderPass[CSRenderPass["EDITING"] = 2] = "EDITING";
-})(CSRenderPass || (CSRenderPass = {}));
-export var CSMeasureTextPositionTypes;
-(function (CSMeasureTextPositionTypes) {
-    CSMeasureTextPositionTypes["CENTER"] = "center";
-    CSMeasureTextPositionTypes["LEFT"] = "left";
-    CSMeasureTextPositionTypes["RIGHT"] = "right";
-    CSMeasureTextPositionTypes["TOP"] = "bottom";
-    CSMeasureTextPositionTypes["BOTTOM"] = "top";
-    CSMeasureTextPositionTypes["TOP_LEFT"] = "bottom_left";
-    CSMeasureTextPositionTypes["TOP_RIGHT"] = "bottom_right";
-    CSMeasureTextPositionTypes["BOTTOM_LEFT"] = "top_left";
-    CSMeasureTextPositionTypes["BOTTOM_RIGHT"] = "top_right";
-})(CSMeasureTextPositionTypes || (CSMeasureTextPositionTypes = {}));
-;

package/util/account/create-buffermap-orchastration.js

@@ -1,39 +0,0 @@
-// IN construction
-import { BufferManager } from "./single-attribute-buffer-management/buffer-manager";
-import { BufferOrchestrator } from "./single-attribute-buffer-management/buffer-orchestrator";
-export class BufferMapOrchestrator {
-    gl;
-    bufferManagersMap;
-    bufferOrchestrator;
-    constructor(gl, bufferDetailsMap, initialCapacity = 10) {
-        this.gl = gl;
-        this.bufferManagersMap = new Map();
-        this.bufferOrchestrator = new BufferOrchestrator({ capacity: 10 });
-        for (const [key, details] of bufferDetailsMap) {
-            const { itemSize, bufferType, adaptor } = details;
-            const bufferManager = new BufferManager(gl, itemSize, { bufferType, initialCapacity });
-            this.bufferManagersMap.set(key, { bufferManager, adaptor });
-        }
-    }
-    insertBulk(items) {
-        // @ts-ignore
-        this.bufferOrchestrator.insertBulk(items, this.bufferManagersMap);
-    }
-    updateBulk(items, bufferKeys = []) {
-        // @ts-ignore
-        this.bufferOrchestrator.updateBulk(items, this.bufferManagersMap, bufferKeys);
-    }
-    deleteBulk(keys) {
-        // @ts-ignore
-        this.bufferOrchestrator.deleteBulk(keys, this.bufferManagersMap);
-    }
-    resetWithCapacity(capacity) {
-        this.bufferOrchestrator.resetWithCapacity(this.bufferManagersMap, capacity);
-    }
-    free() {
-        for (const [key, { bufferManager }] of this.bufferManagersMap) {
-            bufferManager.free();
-        }
-        this.bufferManagersMap.clear();
-    }
-}

package/util/account/single-attribute-buffer-management/types.js

@@ -1 +0,0 @@
-export {};

package/util/check/typecheck.js

@@ -1,66 +0,0 @@
-// Generic
-const doesOwnProperties = (properties, errorMessage) => {
-    return (object) => {
-        properties.forEach(element => {
-            if (!object.hasOwnProperty(element))
-                throw new TypeError(errorMessage + ':' + element);
-        });
-    };
-};
-export const isHexColor = (hexColor) => /^#[0-9A-F]{6}$/i.test(hexColor);
-export const isHexColorWithOpacity = (hexColor) => /^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(hexColor);
-export const colorCheck = (color) => {
-    if (Array.isArray(color)) {
-        if (color.length !== 4)
-            throw new TypeError("Color must be an array 4 numbers RGBA");
-        color.forEach(c => {
-            if (typeof c !== "number")
-                throw new TypeError("Color array must contain only numbers");
-            if (c < 0 || c > 1)
-                throw new RangeError("Color values must be between 0 and 1");
-        });
-    }
-};
-export const opacityCheck = (opacity) => {
-    if (typeof opacity !== "number")
-        throw new TypeError("style.opacity must a number");
-    if (opacity < 0 || 1 < opacity)
-        throw new RangeError("Opacity Range Must be 0-1");
-};
-// Text Related 
-const fontCheckTypes = doesOwnProperties(["name", "textColor", "hollowColor", "size", "bold", "italic"], "font does not have");
-const fontCheckColors = (textColor, hollowColor) => isHexColor(textColor) && isHexColor(hollowColor);
-export const isTextFont = (textFont) => {
-    fontCheckTypes(textFont);
-    fontCheckColors(textFont.textColor, textFont.hollowColor);
-    if (typeof textFont.size !== "number")
-        throw new TypeError("textFont size is not a number");
-};
-export const constraintFloat = (x, lowerBound = null, upperBound = null) => {
-    if (typeof x !== "number")
-        throw new Error("type must be numberic");
-    if (lowerBound === null && upperBound === null)
-        return;
-    if (lowerBound !== null && lowerBound > x)
-        throw new Error(`input must be greater than ${lowerBound}`);
-    if (upperBound !== null && x > upperBound)
-        throw new Error(`input must be less than ${upperBound}`);
-};
-export const isBoolean = (x) => {
-    if (typeof x !== "boolean")
-        throw new TypeError("type must be boolean");
-};
-export const mapGetOrThrow = (errorNote) => {
-    return (mapInstance, ids) => {
-        if (!ids)
-            throw new Error("There is no map keys to get");
-        const result = [];
-        for (let i = 0; i < ids.length; i++) {
-            const e = mapInstance.get(ids[i]);
-            if (e === undefined)
-                throw new Error(errorNote + " " + ids[i]);
-            result.push(e);
-        }
-        return result;
-    };
-};

package/util/gl-util/uniform-block/types.js

@@ -1 +0,0 @@
-"use strict";

package/util/picking/picker-displayer.js

@@ -1,134 +0,0 @@
-/**
- * add implicit texture display program for color
- * add fence on query return and return id.
-*/
-import { textureOnCanvasProgramCache } from "../programs/draw-texture-on-canvas";
-import { fence } from "./fence";
-const ESCAPE_VALUE = -1;
-class PickerDisplayer {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        const gl = this.gl;
-        this.colorTexture = gl.createTexture(); // bind to color attachment 0
-        this.indexTexture = gl.createTexture(); // bind to color attachment 1
-        this.fbo = gl.createFramebuffer();
-        this._pbo = undefined;
-        this._pboSize = 0;
-        this.resize();
-        this.displayer = textureOnCanvasProgramCache.get(this.gl);
-    }
-    resize(width = null, height = null) {
-        if (width === null || height === null) {
-            width = this.globe.api_ScrW();
-            height = this.globe.api_ScrH();
-        }
-        const { gl, colorTexture, indexTexture } = this;
-        gl.deleteTexture(colorTexture);
-        gl.deleteTexture(indexTexture);
-        const colorTextureNew = gl.createTexture();
-        gl.bindTexture(gl.TEXTURE_2D, colorTextureNew);
-        gl.texStorage2D(gl.TEXTURE_2D, 1, gl.RGBA8, width, height);
-        const indexTextureNew = gl.createTexture();
-        gl.bindTexture(gl.TEXTURE_2D, indexTextureNew);
-        // gl.texStorage2D(gl.TEXTURE_2D, 1, gl.R16I, width, height);
-        gl.texStorage2D(gl.TEXTURE_2D, 1, gl.R32I, width, height);
-        gl.bindTexture(gl.TEXTURE_2D, null);
-        this.colorTexture = colorTextureNew;
-        this.indexTexture = indexTextureNew;
-    }
-    clearTextures() {
-        const { gl, colorTexture, indexTexture } = this;
-        gl.activeTexture(gl.TEXTURE1);
-        gl.bindTexture(gl.TEXTURE_2D, indexTexture);
-        gl.clearBufferiv(gl.COLOR, 1, new Int32Array([-1, -1, -1, -1]));
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, colorTexture);
-        gl.clearBufferfv(gl.COLOR, 0, new Float32Array([0, 0, 0, 0]));
-    }
-    // call before drawing the scene with gl picker shader
-    bindFBO() {
-        const { gl, colorTexture, indexTexture, fbo } = this;
-        gl.activeTexture(gl.TEXTURE1);
-        gl.bindTexture(gl.TEXTURE_2D, indexTexture);
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, colorTexture);
-        gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this.colorTexture, 0);
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT1, gl.TEXTURE_2D, this.indexTexture, 0);
-        gl.drawBuffers([gl.COLOR_ATTACHMENT0, gl.COLOR_ATTACHMENT1]);
-    }
-    // call after drawing the scene with gl picker shader
-    drawColorTexture() {
-        const { gl, colorTexture } = this;
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-        this.displayer.draw(colorTexture);
-    }
-    pickXY(x, y, selectionPointFilling = 1, callback = () => { }) {
-        const size = Math.pow(1 + 2 * selectionPointFilling, 2);
-        this._pick(size, x - selectionPointFilling, y - selectionPointFilling, 1 + 2 * selectionPointFilling, 1 + 2 * selectionPointFilling, callback);
-    }
-    pickBbox(left, top, right, bottom, callback) {
-        const size = (right - left) * (bottom - top) * 4;
-        this._pick(size, left, top, right - left, bottom - top, callback);
-    }
-    _pick(size, startX, startY, lengthX, lengthY, callback) {
-        if (this._inProgress)
-            return false;
-        this._inProgress = true;
-        this._initHoldBuffer(size * 4);
-        const { gl, _pbo } = this;
-        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, _pbo);
-        this.bindFBO();
-        gl.readBuffer(gl.COLOR_ATTACHMENT1); // This is the attachment we want to read
-        gl.readPixels(// This will read the pixels to the buffer asynchronously
-        startX, startY, lengthX, lengthY, gl.RED_INTEGER, gl.INT, 0);
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-        fence(this.gl).then(() => {
-            gl.bindBuffer(gl.PIXEL_PACK_BUFFER, _pbo);
-            // const data = new Int16Array(size);
-            const data = new Int32Array(size);
-            gl.getBufferSubData(gl.PIXEL_PACK_BUFFER, 0, data);
-            gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-            const result = this._pickFromBuffer(data, size);
-            callback(result);
-            // gl.deleteBuffer(pbo);
-            this._inProgress = false;
-        });
-        return true;
-    }
-    _pickFromBuffer(array, size) {
-        const selectedObjects = new Set();
-        for (let i = 0; i < size; i += 1) {
-            const id = array[i];
-            if (id !== ESCAPE_VALUE) {
-                selectedObjects.add(id);
-            }
-        }
-        return selectedObjects;
-    }
-    _initHoldBuffer(size) {
-        if (this._pbo && this._pboSize >= size) {
-            return;
-        }
-        const { gl } = this;
-        const pbo = gl.createBuffer();
-        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, pbo);
-        gl.bufferData(gl.PIXEL_PACK_BUFFER, size, gl.STREAM_READ);
-        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-        this._pboSize = size;
-        if (this._pbo !== undefined) {
-            gl.deleteBuffer(this._pbo);
-        }
-        this._pbo = pbo;
-    }
-    free() {
-        const { gl, colorTexture, indexTexture, fbo } = this;
-        gl.deleteTexture(colorTexture);
-        gl.deleteTexture(indexTexture);
-        gl.deleteFramebuffer(fbo);
-        textureOnCanvasProgramCache.release(this.gl);
-    }
-}
-export { PickerDisplayer };

package/util/webglobe/index.js

@@ -1,2 +0,0 @@
-export * from './rasteroverlay';
-export * from './gldefaultstates';

package/vectorfield/waveparticles/plugin.js

@@ -1,290 +0,0 @@
-import { BBOXGlobeShell } from "../../semiplugins/shell/bbox-renderer";
-import { defaultblendfunction } from "../../util/webglobe/gldefaultstates";
-import { PingPongBufferManager } from "../../programs/vectorfields/pingpongbuffermanager";
-import { pixelBasedMoveProgramCache } from "../../programs/vectorfields/logics/pixelbased";
-import { drawRectangleParticlesProgramCache } from "../../programs/vectorfields/logics/drawrectangleparticles";
-import { FadeAwayProgramCache } from "../../programs/helpers/fadeaway";
-import { SeaWaveUbo } from "../../programs/vectorfields/logics/ubo-new";
-/**
- * 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 = pixelBasedMoveProgramCache.getProgram(gl);
-        this.drawParticle = drawRectangleParticlesProgramCache.getProgram(gl);
-        this.fadeAway = FadeAwayProgramCache.get(gl);
-        this.globeShellWiggle = new BBOXGlobeShell(gl, globe, this._globeshellparameters);
-        const inPositionLocation = this.moveParticle.getInPositionLocation();
-        this.bufferManager = new PingPongBufferManager(gl, this._particleCount, inPositionLocation);
-        this._rgVectorFieldTexture = this._createRGTexture();
-        this.waveUbo = SeaWaveUbo.createUBO(gl);
-        this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-        this._frameBuffer = gl.createFramebuffer();
-        this.setBBox(this._globeshellparameters);
-        this.setOpacity(this._opacity);
-        this.____drawIndex = 0;
-    }
-    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() });
-            this.waveUbo.updateSingle("random_seed", new Float32Array([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;
-    }
-    // TODO: free all resources
-    free() {
-        if (this._isFreed) {
-            console.warn("WaveParticle plugin is already freed");
-            return;
-        }
-        ;
-        this._isFreed = true;
-        const { gl, globeShellWiggle, _rgVectorFieldTexture, bufferManager, waveUbo, _drawTextures, _frameBuffer } = this;
-        this.fadeAway = null;
-        FadeAwayProgramCache.release(gl);
-        globeShellWiggle.free();
-        gl.deleteTexture(_rgVectorFieldTexture);
-        // glProgramCache.releaseProgram(gl, MoveParticle);
-        pixelBasedMoveProgramCache.getProgram(gl);
-        this.moveParticle = null;
-        // glProgramCache.releaseProgram(gl, DrawParticle);
-        drawRectangleParticlesProgramCache.getProgram(gl);
-        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.updateSingle("drop_rate", new Float32Array([value]));
-        ;
-    }
-    setDrawTextureMaxPixelOnDimension(value) {
-        this._drawTextureMaxPixelOnDimension = value;
-        this._drawTextureResolution = this._drawTextureSizeFromBbox(this._globeshellparameters);
-        this.waveUbo.updateSingle("draw_texture_size", new Float32Array([this._drawTextureResolution.width, this._drawTextureResolution.height]));
-        this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-    }
-    setParticleSpeed(value) {
-        if (typeof value !== 'number' || value <= 0) {
-            console.error("Particle speed must be a positive number");
-            return;
-        }
-        if (value > 100) {
-            console.warn("Particle speed is too high, it may cause performance issues");
-        }
-        this.waveUbo.updateSingle("range", new Float32Array([value]));
-    }
-    setFadeOpacity(value) {
-        if (typeof value !== 'number' || value < 0 || value > 1) {
-            console.error("Fade opacity must be a number between 0 and 1");
-            return;
-        }
-        this._fadeOpacity = value;
-    }
-    setOpacity(value) {
-        if (typeof value !== 'number' || value < 0 || value > 1) {
-            console.error("Opacity must be a number between 0 and 1");
-            return;
-        }
-        this.globeShellWiggle.setOpacity(value);
-    }
-    setParticleDimensions(tail, wing) {
-        if (0 < tail && 0 < wing) {
-            this.waveUbo.updateSingle("tail_wing_base_limp", new Float32Array([tail, wing]));
-            ;
-        }
-        else {
-            console.error("tail and wing must be positive numbers");
-            return;
-        }
-    }
-    setParticleColor(color) {
-        if (color.length !== 3) {
-            console.error("color must be an array of rgb elements");
-            return;
-        }
-        this.waveUbo.updateSingle("color", new Float32Array(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.updateSingle("draw_texture_size", new Float32Array([this._drawTextureResolution.width, this._drawTextureResolution.height]));
-        this._drawTextures = [this._createDrawTexture(), this._createDrawTexture()];
-    }
-    __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
-        };
-    }
-    _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;
-    }
-    _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;
-    }
-}