@pirireis/webglobeplugins 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pirireis/webglobeplugins",
-    "version": "0.0.7",
+    "version": "0.0.9",
     "main": "index.js",
     "author": "Toprak Nihat Deniz Ozturk",
     "license": "MIT"

package/programs/rings/distancering/circlepaddingfreeangleprogram.js

@@ -178,13 +178,9 @@ export class BufferManager extends BufferOffsetManager {
     }
 
 
-    __centerMapMethod(x, y, rgba, rings, hide, paddingAngles) {
+    __centerMapMethod(rings, paddingAngles) {
         return new Map([
-            ["x", x],
-            ["y", y],
-            ["rgba", rgba],
             ["rings", rings],
-            ["hide", hide],
             ["paddingAngles", paddingAngles]
         ])
     }
@@ -212,10 +208,7 @@ export class BufferManager extends BufferOffsetManager {
         if (deleteCentersList.length > 0) {
             this.removeCenters(deleteCentersList);
         }
-
-
         const requiredSpace = this.__requiredSpaceForBulk(data);
-
         const spaceLeft = this.spaceLeft;
         console.log("space left:", spaceLeft, "required space:", requiredSpace);
         if (requiredSpace > spaceLeft) {
@@ -224,26 +217,20 @@ export class BufferManager extends BufferOffsetManager {
         }
 
         const items = [];
-
-        for (const { centerID, x, y, rgba, paddingAngles, hide = false, rings } of data) {
-
-            this._centerMaps.set(centerID, this.__centerMapMethod(x, y, rgba, rings, hide, paddingAngles)); // x,y, rgba, hide prograbably not needed
-
-            const hideFlag = hide ? 1 : 0;
+        for (const { centerID, x, y, rgba, paddingAngles, hide = 0, rings } of data) {
+            this._centerMaps.set(centerID, this.__centerMapMethod(rings, paddingAngles)); // x,y, rgba, hide prograbably not needed
             for (const { ringID, radius, padding } of rings) {
                 for (const paddingAngle of paddingAngles) {
                     const _offsetMapKey = `${centerID}_${ringID}_${paddingAngle}`;
                     const offset = this.getOffset(_offsetMapKey) | this.nextOffset();
                     items.push({
                         offset: offset,
-                        payload: new Float32Array([x, y, radius, padding, rgba[0], rgba[1], rgba[2], rgba[3], hideFlag, paddingAngle])
+                        payload: new Float32Array([x, y, radius, padding, rgba[0], rgba[1], rgba[2], rgba[3], hide, paddingAngle])
                     })
                     this.offSetMap.set(_offsetMapKey, offset);
                 }
             }
         }
-        const partOffset = 0;
-
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
         for (let { offset, payload } of items) {
             gl.bufferSubData(gl.ARRAY_BUFFER, offset, payload);
@@ -257,8 +244,6 @@ export class BufferManager extends BufferOffsetManager {
 
         for (const { centerID, x, y } of data) {
             const center = this._centerMaps.get(centerID);
-            center.set("x", x);
-            center.set("y", y);
             const payload = new Float32Array([x, y]);
             const paddingAngles = center.get("paddingAngles");
             const rings = center.get("rings");

package/programs/rings/distancering/circlepaddysharedbuffer.js

@@ -238,31 +238,6 @@ export default class {
         this.globe.DrawRender();
     }
 
-    /**
-     * 
-     * @typedef centerData
-     * @property {String} centerID
-     * @property {Array<Number>} rgba - [r,g,b,a] - default undefined
-     * @property {Number} padding - default undefined
-     * @property {Boolean} hide - default undefined
-     * @param {Array<centerData>} centerDatas 
-     * @returns 
-     */
-    updateCenters(centerDatas) {
-        const { gl, buffer } = this;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (let { centerID, padding, rgba, hide } of centerDatas) {
-            const rings = this._centerMap.get(centerID).get("rings");
-            for (let i = 0; i < rings.length; i++) {
-                const offset = this._ringOffsets.get(rings[i]);
-                if (padding !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 12, new Float32Array([padding]));
-                if (rgba !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 16, new Float32Array(rgba));
-                if (hide !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 32, new Float32Array([hide ? 1 : 0]));
-            }
-        }
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        this.globe.DrawRender();
-    }
 
     insertBulk(rangeRingDatas) {
         const { gl, buffer } = this;
@@ -287,60 +262,21 @@ export default class {
             this._implicitExtendBufferInNeed(incomingRingSize);
         }
         gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        for (let { centerID, x, y, rings } of rangeRingDatas) {
-            // if (!this._centerMap.has(centerID)) {
+        for (const { centerID, x, y, rings, hide = 0 } of rangeRingDatas) {
             this.registerCenter(centerID, { x, y })
-            // } else {
-            //     const rings = this._centerMap.get(centerID).get("rings");
-            //     const xy = new Float32Array([x, y]);
-            //     const emptyBlock =
-            //     for (let i = 0; i < rings.length; i++) {
-            //         const offset = this._ringOffsets.get(rings[i]);
-            //         gl.bufferSubData(gl.ARRAY_BUFFER, offset, );
-            //     }
-            // }
-            for (let { ringID, radius, padding, rgba, hide = false } of rings) {
+            for (const { ringID, radius, padding, rgba } of rings) {
                 const key = this._ringKey(centerID, ringID);
-                const bufferData = new Float32Array([x, y, radius, padding, ...rgba, hide ? 1 : 0]);
-                if (!this._ringOffsets.has(key)) {
-                    const offset = this._nextBufferOffset();
-                    gl.bufferSubData(gl.ARRAY_BUFFER, offset, bufferData);
-
-                    this._ringOffsets.set(key, offset);
-                    this._centerMap.get(centerID).get("rings").push(key);
-                } else {
-                    const offset = this._ringOffsets.get(key);
-                    gl.bufferSubData(gl.ARRAY_BUFFER, offset, bufferData);
-                }
+                const bufferData = new Float32Array([x, y, radius, padding, ...rgba, hide]);
+                const offset = this._nextBufferOffset();
+                gl.bufferSubData(gl.ARRAY_BUFFER, offset, bufferData);
+                this._ringOffsets.set(key, offset);
+                this._centerMap.get(centerID).get("rings").push(key);
             }
         }
         gl.bindBuffer(gl.ARRAY_BUFFER, null);
         this.globe.DrawRender();
     }
 
-    updateRing(centerID, ringID, { radius, padding, rgba, hide } = {}) {
-        if (!this._centerMap.has(centerID)) {
-            console.warn("Center is not registered yet");
-            return;
-        }
-        const key = this._ringKey(centerID, ringID);
-        if (!this._ringOffsets.has(key)) {
-            console.warn("Ring is not registered yet");
-            return;
-        }
-        if (!this.checkCapacity()) {
-            this._implicitExtendBufferInNeed(1);
-        }
-        const { gl, buffer } = this;
-        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-        const offset = this._ringOffsets.get(key);
-        if (radius !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 8, new Float32Array([radius]));
-        if (padding !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 12, new Float32Array([padding]));
-        if (rgba !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 16, new Float32Array(rgba));
-        if (hide !== undefined) gl.bufferSubData(gl.ARRAY_BUFFER, offset + 32, new Float32Array([hide ? 1 : 0]));
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        this.globe.DrawRender();
-    }
 
 
     /**

package/rangerings/rangerings.js

@@ -23,16 +23,16 @@ export const ENUM_HIDE = Object.freeze({ SHOW: 0, HIDE: 1, HIDE_1_DEGREE_PADDING
 
 export default class {
 
-    constructor(id, paddingOn = true, compass = 1, circleEdgeCount = 360) {
+    constructor(id, oneDegreePadding = true, compass = 1, circleEdgeCount = 360) {
         this.id = id;
         this.compass = compass;
         this.circleEdgeCount = circleEdgeCount;
-        this._paddingOn = paddingOn;
+        this._onedegreepaddingOn = oneDegreePadding;
         this.bufferManager = null;
     }
 
-    setPaddingOn(paddingOn) {
-        this._paddingOn = paddingOn;
+    setOneDegreePaddingOn(oneDegreePadding) {
+        this._onedegreepaddingOn = oneDegreePadding;
     }
 
     init(globe, gl) {
@@ -61,7 +61,7 @@ export default class {
             // gl.enable(gl.BLEND);
             // gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
             circleFlatProgram.draw(bufferManager, compass, circleEdgeCount);
-            if (this._paddingOn) paddyFlatProgram.draw(bufferManager, 360, compass);
+            if (this._onedegreepaddingOn) paddyFlatProgram.draw(bufferManager, 360, compass);
             paddingFreeAngleProgram.draw(paddingBufferManager, compass);
 
             gl.enable(gl.DEPTH_TEST);
@@ -152,7 +152,6 @@ const ringItemsToCircleBufferInsertDataAdaptor = (ringItems) => {
                 radius,
                 padding: padding / 7,
                 rgba,
-                hide
             });
         }
 
@@ -160,7 +159,8 @@ const ringItemsToCircleBufferInsertDataAdaptor = (ringItems) => {
             centerID,
             x,
             y,
-            rings: resultRings
+            rings: resultRings,
+            hide
         });
     }
     return result;