@pirireis/webglobeplugins 0.16.4 → 0.17.0

package/{timetracks → tracks/timetracks}/program-line-strip.js

@@ -1,7 +1,10 @@
 /**
  * Author: Toprak Nihat Deniz Ozturk
  */
-import { createProgram, defaultblendfunction, shaderfunctions } from "../util";
+// import { createProgram, defaultblendfunction, shaderfunctions } from "../../util";
+import { createProgram } from "../../util/webglobjectbuilders";
+import { defaultblendfunction } from "../../util/webglobe/gldefaultstates";
+import { pixelXYToCartesian2DPoint, pixelXYToCartesian3DPoint, } from "../../util/shaderfunctions";
 export default class TrackGlowLineProgram {
     /**
      * @param {WebGL2RenderingContext} gl
@@ -398,8 +401,8 @@ out float v_time;
 out vec3 v_color;
 out float v_track_start_time;
 out float v_track_end_time;
-${shaderfunctions.pixelXYToCartesian3DPoint}
-${shaderfunctions.pixelXYToCartesian2DPoint}
+${pixelXYToCartesian3DPoint}
+${pixelXYToCartesian2DPoint}
     
 void main() {
 
@@ -535,56 +538,53 @@ void main() {
         this._resetTexture();
         gl.enable(gl.BLEND);
         gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-        { // draw lines
-            gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
-            gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._middleTexture, 0);
-            gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT1, gl.TEXTURE_2D, this._blurTextures[0], 0);
-            gl.drawBuffers([
-                gl.COLOR_ATTACHMENT0,
-                gl.COLOR_ATTACHMENT1,
-            ]);
-            gl.useProgram(_lineProgram.program);
-            gl.uniform1f(_lineProgram.u_head_time, u_head_time);
-            gl.uniform1f(_lineProgram.u_tail_time, u_tail_time);
-            gl.uniformMatrix4fv(_lineProgram.uProjectionMatrix, false, uProjectionMatrix);
-            if (u_mapWH) {
-                gl.uniform2fv(_lineProgram.u_mapWH, u_mapWH);
-            }
-            else {
-                gl.uniformMatrix4fv(_lineProgram.uModelViewMatrix, false, uModelViewMatrix);
-            }
-            gl.uniform3fv(_lineProgram.uTranslate, uTranslate);
-            gl.bindVertexArray(_lineProgram.vao);
-            gl.drawArrays(gl.LINE_STRIP, 0, this._totalLength);
-            gl.drawBuffers([
-                gl.COLOR_ATTACHMENT0,
-                gl.NONE
-            ]);
+        // draw lines
+        gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._middleTexture, 0);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT1, gl.TEXTURE_2D, this._blurTextures[0], 0);
+        gl.drawBuffers([
+            gl.COLOR_ATTACHMENT0,
+            gl.COLOR_ATTACHMENT1,
+        ]);
+        gl.useProgram(_lineProgram.program);
+        gl.uniform1f(_lineProgram.u_head_time, u_head_time);
+        gl.uniform1f(_lineProgram.u_tail_time, u_tail_time);
+        gl.uniformMatrix4fv(_lineProgram.uProjectionMatrix, false, uProjectionMatrix);
+        if (u_mapWH) {
+            gl.uniform2fv(_lineProgram.u_mapWH, u_mapWH);
         }
-        { // blur ping pong
-            gl.useProgram(_blurProgram.program);
-            gl.bindVertexArray(_blurProgram.vao);
-            for (let i = 0; i < _blurRepetition * 2; i++) {
-                gl.bindFramebuffer(gl.FRAMEBUFFER, this._blurFrameBuffers[i % 2]);
-                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._blurTextures[(i + 1) % 2], 0);
-                gl.bindTexture(gl.TEXTURE_2D, this._blurTextures[i % 2]);
-                gl.uniform1i(_blurProgram.u_texture, 0);
-                gl.uniform1f(_blurProgram.u_horizontal, i % 2 == 0);
-                gl.drawArrays(gl.TRIANGLES, 0, 6);
-            }
+        else {
+            gl.uniformMatrix4fv(_lineProgram.uModelViewMatrix, false, uModelViewMatrix);
         }
-        { // combine  
-            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            gl.useProgram(this._combineProgram.program);
-            gl.bindVertexArray(this._combineProgram.vao);
-            gl.activeTexture(gl.TEXTURE1);
-            gl.bindTexture(gl.TEXTURE_2D, this._blurTextures[1]);
-            gl.uniform1i(this._combineProgram.u_bloom_texture, 1);
-            gl.activeTexture(gl.TEXTURE0);
-            gl.bindTexture(gl.TEXTURE_2D, this._middleTexture);
-            gl.uniform1i(this._combineProgram.u_main_texture, 0);
+        gl.uniform3fv(_lineProgram.uTranslate, uTranslate);
+        gl.bindVertexArray(_lineProgram.vao);
+        gl.drawArrays(gl.LINE_STRIP, 0, this._totalLength);
+        gl.drawBuffers([
+            gl.COLOR_ATTACHMENT0,
+            gl.NONE
+        ]);
+        // blur ping pong
+        gl.useProgram(_blurProgram.program);
+        gl.bindVertexArray(_blurProgram.vao);
+        for (let i = 0; i < _blurRepetition * 2; i++) {
+            gl.bindFramebuffer(gl.FRAMEBUFFER, this._blurFrameBuffers[i % 2]);
+            gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._blurTextures[(i + 1) % 2], 0);
+            gl.bindTexture(gl.TEXTURE_2D, this._blurTextures[i % 2]);
+            gl.uniform1i(_blurProgram.u_texture, 0);
+            gl.uniform1f(_blurProgram.u_horizontal, i % 2 === 0);
             gl.drawArrays(gl.TRIANGLES, 0, 6);
         }
+        // combine  
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.useProgram(this._combineProgram.program);
+        gl.bindVertexArray(this._combineProgram.vao);
+        gl.activeTexture(gl.TEXTURE1);
+        gl.bindTexture(gl.TEXTURE_2D, this._blurTextures[1]);
+        gl.uniform1i(this._combineProgram.u_bloom_texture, 1);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, this._middleTexture);
+        gl.uniform1i(this._combineProgram.u_main_texture, 0);
+        gl.drawArrays(gl.TRIANGLES, 0, 6);
         gl.bindVertexArray(null);
         defaultblendfunction(gl);
     }

package/{timetracks → tracks/timetracks}/programpoint-line-strip.js

@@ -1,16 +1,19 @@
-import { createProgram, shaderfunctions } from "../util";
-import { CameraUniformBlockTotem, globeProgramCache } from "../programs";
+import { createProgram } from "../../util/webglobjectbuilders";
+import { pixelXYToCartesian2DPoint, pixelXYToCartesian3DPoint } from "../../util/shaderfunctions";
+import { CameraUniformBlockTotem, globeProgramCache } from "../../programs";
+import { CameraUniformBlockString } from "../../programs/totems/camerauniformblock";
+// layout(std140) uniform GlobeCamera {
+//     mat4 view; // 64 bytes           0
+//     mat4 projection; // 64 bytes     64
+//     vec3 translate; // 12 bytes      128
+//     bool is3D; // 4 bytes            140
+//     vec2 mapWH; // 8 bytes           144
+//     vec2 screenWH; //  8 bytes       152
+//     float z_level; // 4 bytes        160
+// };
 const vertexShader = `#version 300 es
 
-layout(std140) uniform GlobeCamera {
-    mat4 view; // 64 bytes           0
-    mat4 projection; // 64 bytes     64
-    vec3 translate; // 12 bytes      128
-    bool is3D; // 4 bytes            140
-    vec2 mapWH; // 8 bytes           144
-    vec2 screenWH; //  8 bytes       152
-    float z_level; // 4 bytes        160
-};
+${CameraUniformBlockString}
 
 layout(std140) uniform Globals {
     float head_time;
@@ -26,7 +29,7 @@ in float end_time;
 in vec3 end_color;
 out vec4 v_color;
 
-` + shaderfunctions.pixelXYToCartesian3DPoint + shaderfunctions.pixelXYToCartesian2DPoint + `
+` + pixelXYToCartesian3DPoint + pixelXYToCartesian2DPoint + `
 
 void main() {
     if (head_time < start_time || head_time > end_time) { return; }
@@ -56,7 +59,7 @@ void main() {
         outColor.a = 0.0;    
  }
 }`;
-export default class {
+export default class ProgramPointLineStrip {
     constructor(gl, globe, attrBuffer, options) {
         this.gl = gl;
         this._cameraBlockBindingPoint = 0;

package/types.js

@@ -1,3 +1,9 @@
+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";

package/util/account/bufferoffsetmanager.js

@@ -17,7 +17,7 @@
  * READ, most of the time is not needed to be read, unless for defraging.
  * This unpredicatable behavior is not handled by this class.
  */
-export default class {
+export default class BufferOffsetManager {
     constructor(itemSize, { capacity = 10, bufferType = "STATIC_DRAW" } = {}) {
         this.itemSize = itemSize;
         this.bufferType = bufferType;

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

@@ -12,99 +12,13 @@ export class BufferOrchestrator {
     }
     resetWithCapacity(bufferManagersMap, capacity = null) {
         this._capacity = capacity !== null ? capacity : this._capacity;
-        for (const [key, { bufferManager }] of bufferManagersMap) {
+        for (const [, { bufferManager }] of bufferManagersMap) {
             bufferManager.resetWithCapacity(this._capacity);
         }
         this.offsetMap.clear();
         this.tombstoneOffsets = [];
         this._length = 0;
     }
-    // ...existing code...
-    // TODO: CLEAN THIS
-    // insertBulk2(items: any[], bufferManagersMap: BufferManagersMap, bufferKeys: string[] | null = null) {
-    //     this.ensureSpace(items.length, bufferManagersMap);
-    //     const { offsetMap } = this;
-    //     // For block insert (truly new, consecutive offsets)
-    //     const blockItems: any[] = [];
-    //     let blockStart: number | null = null;
-    //     let lastBlockOffset: number | null = null;
-    //     // For single insert (existing or tombstone-assigned)
-    //     const singleItems: any[] = [];
-    //     const singleOffsets: number[] = [];
-    //     for (const item of items) {
-    //         let offset = offsetMap.get(item.key);
-    //         if (offset !== undefined) {
-    //             // Already present, update in place
-    //             singleItems.push(item);
-    //             singleOffsets.push(offset);
-    //         } else {
-    //             // Assign offset (tombstone or new)
-    //             if (this.tombstoneOffsets.length > 0) {
-    //                 offset = this.tombstoneOffsets.pop() as number;
-    //                 offsetMap.set(item.key, offset);
-    //                 singleItems.push(item);
-    //                 singleOffsets.push(offset);
-    //             } else {
-    //                 offset = this._length++;
-    //                 if (offset >= this._capacity) throw new Error("The Size Should Be Increased!!");
-    //                 offsetMap.set(item.key, offset);
-    //                 // Check for consecutive block
-    //                 if (blockStart === null) {
-    //                     blockStart = offset;
-    //                     lastBlockOffset = offset;
-    //                     blockItems.push(item);
-    //                 } else if (lastBlockOffset !== null && offset === lastBlockOffset + 1) {
-    //                     lastBlockOffset = offset;
-    //                     blockItems.push(item);
-    //                 } else {
-    //                     // Not consecutive, flush current block
-    //                     if (blockItems.length > 0) {
-    //                         this._insertBlock(blockItems, blockStart, bufferManagersMap, bufferKeys);
-    //                         blockItems.length = 0;
-    //                     }
-    //                     blockStart = offset;
-    //                     lastBlockOffset = offset;
-    //                     blockItems.push(item);
-    //                 }
-    //             }
-    //         }
-    //     }
-    //     // Flush any remaining block
-    //     if (blockItems.length > 0 && blockStart !== null) {
-    //         this._insertBlock(blockItems, blockStart, bufferManagersMap, bufferKeys);
-    //     }
-    //     // Insert singles
-    //     if (singleItems.length > 0) {
-    //         if (bufferKeys) {
-    //             for (const key of bufferKeys) {
-    //                 const bufferManagerComp = bufferManagersMap.get(key);
-    //                 if (!bufferManagerComp) throw new Error("insertBulk bufferKey does not exist");
-    //                 const { bufferManager, adaptor } = bufferManagerComp;
-    //                 bufferManager.insertBulk(singleItems.map(adaptor), singleOffsets);
-    //             }
-    //         } else {
-    //             for (const [key, { bufferManager, adaptor }] of bufferManagersMap) {
-    //                 bufferManager.insertBulk(singleItems.map(adaptor), singleOffsets);
-    //             }
-    //         }
-    //     }
-    // }
-    // // Helper for block insert
-    // private _insertBlock(blockItems: any[], blockStart: number, bufferManagersMap: BufferManagersMap, bufferKeys: string[] | null) {
-    //     if (bufferKeys) {
-    //         for (const key of bufferKeys) {
-    //             const bufferManagerComp = bufferManagersMap.get(key);
-    //             if (!bufferManagerComp) throw new Error("insertBulk bufferKey does not exist");
-    //             const { bufferManager, adaptor } = bufferManagerComp;
-    //             bufferManager.insertBlock(blockItems, blockStart, adaptor, Float32Array);
-    //         }
-    //     } else {
-    //         for (const [key, { bufferManager, adaptor }] of bufferManagersMap) {
-    //             bufferManager.insertBlock(blockItems, blockStart, adaptor, Float32Array);
-    //         }
-    //     }
-    // }
-    // ...existing code...
     // want to add stack load to this method
     // if offsetMap.has(item.key) === false get next offset, add the item to stack
     // create a single big float32array and fill it with the items
@@ -135,7 +49,7 @@ export class BufferOrchestrator {
                     }
                 }
                 else {
-                    for (const [key, { bufferManager, adaptor }] of bufferManagersMap) {
+                    for (const [, { bufferManager, adaptor }] of bufferManagersMap) {
                         bufferManager.insertBulk([adaptor(item)], [o]);
                     }
                 }
@@ -173,7 +87,7 @@ export class BufferOrchestrator {
             }
         }
         else {
-            for (const [key, { bufferManager, adaptor }] of bufferManagersMap) {
+            for (const [, { bufferManager, adaptor }] of bufferManagersMap) {
                 bufferManager.insertBlock(blockLoad, offsetStart, adaptor, Float32Array);
             }
         }
@@ -201,7 +115,7 @@ export class BufferOrchestrator {
             }
         }
         else {
-            for (const [key, { bufferManager, adaptor }] of bufferManagersMap) {
+            for (const [, { bufferManager, adaptor }] of bufferManagersMap) {
                 bufferManager.insertBulk(items.map(adaptor), offsets);
             }
         }
@@ -216,7 +130,7 @@ export class BufferOrchestrator {
                 this.tombstoneOffsets.push(offset);
             }
         }
-        for (const [key, { bufferManager }] of bufferManagersMap) {
+        for (const [, { bufferManager }] of bufferManagersMap) {
             bufferManager.deleteBulk(offsets);
         }
     }
@@ -240,7 +154,7 @@ export class BufferOrchestrator {
         if (itemsLength <= this.emptySpace)
             return;
         const newCapacity = this.length + itemsLength;
-        for (const [key, { bufferManager }] of bufferManagersMap) {
+        for (const [, { bufferManager }] of bufferManagersMap) {
             bufferManager.extendBuffer(this.length, newCapacity);
         }
         this._capacity = newCapacity;
@@ -252,14 +166,14 @@ export class BufferOrchestrator {
             for (const key of bufferKeys) {
                 const offset = offsetMap.get(key);
                 if (offset !== undefined) {
-                    for (const [key, { bufferManager }] of bufferManagers) {
+                    for (const [, { bufferManager }] of bufferManagers) {
                         bufferManager.defrag([offset], this.length, newCapacity);
                     }
                 }
             }
         }
         else {
-            for (const [key, { bufferManager }] of bufferManagers) {
+            for (const [, { bufferManager }] of bufferManagers) {
                 bufferManager.defrag(offsetMap.values(), this.length, newCapacity);
             }
         }
@@ -281,7 +195,7 @@ export class BufferOrchestrator {
     _defrag() {
         const newOffsetMap = new Map();
         let newOffset = 0;
-        for (const [key, offset] of this.offsetMap) {
+        for (const [key,] of this.offsetMap) {
             newOffsetMap.set(key, newOffset++);
         }
         this.offsetMap = newOffsetMap;

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

@@ -1,4 +1,3 @@
-import "./types";
 const typeSizes = {
     'float': 4,
     'vec2': 8,
@@ -103,7 +102,7 @@ export class UniformBlockManager {
         gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
         const offset = this.offsetMap.get(key);
         if (offset === undefined) {
-            throw new Error(`Uniform block member ${key} not found in offset map.`);
+            throw new Error(`Uniform block member ${key} not found in offset map.\nPossible members: ${Array.from(this.offsetMap.keys()).join(", ")}`);
         }
         // @ts-ignore
         const type = this.blockMembers.find(member => member.name === key).type;
@@ -121,7 +120,7 @@ export class UniformBlockManager {
             data = (typeof value === 'number') ? new typeArrayConstructors[type]([value]) : new typeArrayConstructors[type](value);
         }
         else {
-            throw new Error(`Unsupported value type for ${key}: ${typeof value}`);
+            throw new Error(`Unsupported value type for ${key}: ${typeof value}.\n Supported types are: number, Array, ArrayBuffer, TypedArray.`);
         }
         gl.bufferSubData(gl.UNIFORM_BUFFER, offset, data);
         gl.bindBuffer(gl.UNIFORM_BUFFER, null);
@@ -131,7 +130,7 @@ export class UniformBlockManager {
         for (const [name, value] of nameValueMap.entries()) {
             const offset = this.offsetMap.get(name);
             if (offset === undefined) {
-                throw new Error(`Uniform block member ${name} not found in offset map.`);
+                throw new Error(`Uniform block member ${name} not found in offset map.\nPossible members: ${Array.from(this.offsetMap.keys()).join(", ")}`);
             }
             // @ts-ignore
             const type = this.blockMembers.find(member => member.name === name).type;
@@ -148,7 +147,7 @@ export class UniformBlockManager {
             else if (ArrayBuffer.isView(value) && !(value instanceof DataView))
                 data = (typeof value === 'number') ? new typeArrayConstructors[type]([value]) : new typeArrayConstructors[type](value);
             else {
-                throw new Error(`Unsupported value type for ${name}: ${typeof value}`);
+                throw new Error(`Unsupported value type for ${name}: ${typeof value}.\n Supported types are: number, Array, ArrayBuffer, TypedArray.`);
             }
             gl.bufferSubData(gl.UNIFORM_BUFFER, offset, data);
         }

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

@@ -1,8 +1 @@
 "use strict";
-/**
- * @typedef {string} UniformBlockName
- *
- * @typedef {string} GLSLType | mat4, mat3, vec4, vec3, vec2, float, int, bool
- * @typedef {{name: string, type: GLSLType, value: null|Float32Array}} UniformBlockMember
- *
- */

package/util/index.js

@@ -1,13 +1,10 @@
-import * as webglobjectbuilders from './webglobjectbuilders';
-import * as shaderfunctions from './shaderfunctions';
-import * as geometry from './geometry';
-import * as webglobe from './webglobe';
-import * as programs from './programs';
-import * as heatwavedatamanager from './heatwavedatamanager';
-export { webglobjectbuilders, shaderfunctions, geometry, webglobe, programs, heatwavedatamanager };
-export * from './webglobe';
-export * from './webglobjectbuilders';
-export * from './shaderfunctions';
-export * from './geometry';
-export * from './programs';
-export * from './heatwavedatamanager';
+"use strict";
+// import * as webglobjectbuilders from './webglobjectbuilders';
+// import * as shaderfunctions from './shaderfunctions';
+// import * as geometry from './geometry';
+// import * as webglobe from './webglobe';
+// export { webglobjectbuilders, shaderfunctions, geometry, webglobe };
+// export * from './webglobe';
+// export * from './webglobjectbuilders';
+// export * from './shaderfunctions';
+// export * from './geometry';

package/util/picking/fence.js

@@ -7,24 +7,22 @@ const fence = (gl) => new Promise((resolve, reject) => {
     gl.flush();
     // There are TWO possible ways to check on the status of a WebGLSync object.
     // 1. This will check it using clientWaitSync()
-    const checkStatus_v1 = () => {
-        const status = gl.clientWaitSync(sync, 0, 0);
-        // There are four possible values for status:
-        // a. ALREADY_SIGNALED and CONDITION_SATISFIED (done)
-        // b. TIMEOUT_EXPIRED (check again later)
-        // c. WAIT_FAILED (there was an error)
-        if (status === gl.TIMEOUT_EXPIRED) {
-            setTimeout(checkStatus_v1, 1);
-        }
-        else if (status === gl.ALREADY_SIGNALED || status === gl.CONDITION_SATISFIED) {
-            gl.deleteSync(sync);
-            resolve();
-        }
-        else {
-            gl.deleteSync(sync);
-            reject(new Error('Fence did not resolve normally for some reason'));
-        }
-    };
+    // const checkStatus_v1 = () => {
+    //     const status = gl.clientWaitSync(sync, 0, 0);
+    //     // There are four possible values for status:
+    //     // a. ALREADY_SIGNALED and CONDITION_SATISFIED (done)
+    //     // b. TIMEOUT_EXPIRED (check again later)
+    //     // c. WAIT_FAILED (there was an error)
+    //     if (status === gl.TIMEOUT_EXPIRED) {
+    //         setTimeout(checkStatus_v1, 1);
+    //     } else if (status === gl.ALREADY_SIGNALED || status === gl.CONDITION_SATISFIED) {
+    //         gl.deleteSync(sync);
+    //         resolve();
+    //     } else {
+    //         gl.deleteSync(sync);
+    //         reject(new Error('Fence did not resolve normally for some reason'));
+    //     }
+    // };
     // 2. This will check with getSyncParameter(s, gl.SYNC_STATUS)
     const checkStatus_v2 = () => {
         const status = gl.getSyncParameter(sync, gl.SYNC_STATUS);

package/util/picking/picker-displayer.js

@@ -53,12 +53,10 @@ class PickerDisplayer {
         gl.bindTexture(gl.TEXTURE_2D, indexTexture);
         gl.activeTexture(gl.TEXTURE0);
         gl.bindTexture(gl.TEXTURE_2D, colorTexture);
-        { // bind framebuffer
-            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]);
-        }
+        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() {

package/util/programs/{shapesonglobe.js → draw-from-pixel-coords.js}

@@ -1,9 +1,6 @@
 import { createProgram } from "../webglobjectbuilders";
 import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../../programs/totems/camerauniformblock";
-import { shaderfunctions } from "..";
-/** TODO:
- * 3d icin calistir
- */
+import { pixelXYToCartesian2DPoint, pixelXYToCartesian3DPoint } from "../shaderfunctions";
 const drawModeFunc = (gl) => {
     return (mode) => {
         return {
@@ -17,7 +14,7 @@ const drawModeFunc = (gl) => {
         }[mode];
     };
 };
-export class ShapesOnGlobeProgram {
+export class DrawFromPixelCoords {
     constructor(gl, globe, drawMode = 'point') {
         this.globe = globe;
         this.gl = gl;
@@ -57,8 +54,8 @@ export class ShapesOnGlobeProgram {
 
             out vec4 v_color;
 
-            ` + shaderfunctions.pixelXYToCartesian3DPoint + `
-            ` + shaderfunctions.pixelXYToCartesian2DPoint + `
+            ` + pixelXYToCartesian3DPoint + `
+            ` + pixelXYToCartesian2DPoint + `
 
 
             void main() {

package/util/programs/draw-texture-on-canvas.js

@@ -1,5 +1,5 @@
 import { createProgram } from "../webglobjectbuilders";
-import { glProgramCache } from "../../programs";
+import { glProgramCache } from "../../programs/programcache";
 // import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../../programs/totems";
 const vs = `#version 300 es
 precision highp float;

package/util/programs/texturetoglobe.js

@@ -1,5 +1,5 @@
 import { createProgram } from "../webglobjectbuilders";
-import { shaderfunctions } from "..";
+import { pixelXYToCartesian2DPoint, pixelXYToCartesian3DPoint } from "../shaderfunctions";
 import { latLongBboxtoPixelXYBbox } from "..";
 /** TODO:
  * 3d icin calistir
@@ -51,8 +51,8 @@ class TextureToGlobeProgram {
             out vec2 v_texcoord;
 
 
-            ` + shaderfunctions.pixelXYToCartesian3DPoint + `
-            ` + shaderfunctions.pixelXYToCartesian2DPoint + `
+            ` + pixelXYToCartesian3DPoint + `
+            ` + pixelXYToCartesian2DPoint + `
 
 
             void main() {

package/util/shaderfunctions/geometrytransformations.js

@@ -1,5 +1,6 @@
 // Z in kolometers
 // 
+const EPSILON = 0.00001;
 export const POLE = `
 #ifndef POLE
 #define POLE 20037508.34
@@ -197,6 +198,11 @@ float realDistanceOnSphereR1(vec2 longLat1, vec2 longLat2) {
     return c;
 }
 `;
+export const isPointInBBox = `
+bool isPointInBBox(vec2 point, vec4 bbox) {
+    return point.x + ${EPSILON} >= bbox.x && point.x <= bbox.z + ${EPSILON} && point.y + ${EPSILON} >= bbox.y && point.y <= bbox.w + ${EPSILON};
+}
+`;
 const pointsOnSphereBetween = `
 vec3 pointsOnSphereBetween(vec3 a, vec3 b, float ratio) {
     // Normalize the input points to ensure they are on the unit sphere

package/util/webglobe/rasteroverlay.js

@@ -2,6 +2,7 @@
  * Iceride bir canvas uretir ve degisiklikler bu kanvasta yapilir
  */
 // this class loads texture to raster overlay
+// TODO: IS DEADCODE? 
 class RasterOverlayLoader {
     constructor(id, globe, { opacity = 1.0, minLon = -180, minLat = -90, maxLon = 180, maxLat = 90, beforeObject = null, canvas = null, callBack = null } = {}) {
         this.canvas = canvas || document.createElement('canvas');

package/vectorfield/arrowfield/index.js

@@ -0,0 +1,3 @@
+import { ArrowFieldPlugin } from "./plugin";
+import { centigradePlus90ToRadians } from "./adaptor";
+export { ArrowFieldPlugin as ArrowField, centigradePlus90ToRadians };

package/{arrowfield → vectorfield/arrowfield}/plugin.js

@@ -1,5 +1,5 @@
-import { ArrowField } from '../programs';
-export default class ArrowFieldPlugin {
+import { ArrowField } from '../../programs/arrowfield/arrow-field';
+export class ArrowFieldPlugin {
     constructor(id, { minLon = -180, maxLon = 180, minLat = -90, maxLat = 90, height = 0, opacity = 1, tailLengthRatio = 1, wingLengthRatio = 0.5, color = [0.04, 0.2, 0.8], targetWidth = 100, targetHeight = 100, data = null, dataWidth = null, dataHeight = null, maxMagnitude = null, noDataValue = null } = {}) {
         this.id = id;
         this.options = {

package/{waveparticles → vectorfield/waveparticles}/plugin.js

@@ -1,11 +1,10 @@
-import { GlobeShellWiggle } from "../programs";
-import { defaultblendfunction } from "../util";
-import { vectorfield } from "../programs/index";
-import { pixelBasedMoveProgramCache } from "../programs/vectorfields/logics/pixelbased";
-import { drawRectangleParticlesProgramCache } from "../programs/vectorfields/logics/drawrectangleparticles";
-import { FadeAway } from "../programs";
-import { SeaWaveUbo } from "../programs/vectorfields/logics/ubo-new";
-const { PingPongBufferManager, WaveParticalUboManager } = vectorfield;
+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
@@ -50,8 +49,8 @@ export default class Plugin {
         this.gl = gl;
         this.moveParticle = pixelBasedMoveProgramCache.getProgram(gl);
         this.drawParticle = drawRectangleParticlesProgramCache.getProgram(gl);
-        this.fadeAway = new FadeAway(gl);
-        this.globeShellWiggle = new GlobeShellWiggle(gl, globe, this._globeshellparameters);
+        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();
@@ -122,8 +121,9 @@ export default class Plugin {
         }
         ;
         this._isFreed = true;
-        const { gl, fadeAway, globeShellWiggle, _rgVectorFieldTexture, bufferManager, waveUbo, _drawTextures, _frameBuffer } = this;
-        fadeAway.free();
+        const { gl, globeShellWiggle, _rgVectorFieldTexture, bufferManager, waveUbo, _drawTextures, _frameBuffer } = this;
+        this.fadeAway = null;
+        FadeAwayProgramCache.release(gl);
         globeShellWiggle.free();
         gl.deleteTexture(_rgVectorFieldTexture);
         // glProgramCache.releaseProgram(gl, MoveParticle);