@pirireis/webglobeplugins 1.0.2 → 1.0.3

package/vectorfield/wind/vectorfieldimage.js

@@ -1,27 +1,23 @@
-function getVectorField(u, v, width, height, vMin, vMax, uMin, uMax, flip) {
-
-    const data = new Uint8ClampedArray(width * height * 4);
-
-    for (let row = 0; row < height; row++) {
-        for (let col = 0; col < width; col++) {
-            let k = flip ? ((height - row - 1) * width + col) : row * width + col;
-            let idx = (width * row + col) << 2; // Multiply by 4 for RGBA
-
-            if (u[k] === null || v[k] === null || isNaN(u[k]) || !isFinite(u[k]) || isNaN(v[k]) || !isFinite(v[k])) {
-                data[idx] = 0; // R
-                data[idx + 1] = 0; // G
-                data[idx + 2] = 0; // B
-                data[idx + 3] = 0; // A
-            } else {
-                data[idx] = Math.floor(255 * (u[k] - uMin) / (uMax - uMin)); // R
-                data[idx + 1] = Math.floor(255 * (v[k] - vMin) / (vMax - vMin)); // G
-                data[idx + 2] = 0; // B
-                data[idx + 3] = 255; // A
-            }
-        }
-    }
-
-    return data;
-}
-
-export default getVectorField;
+function getVectorField(u, v, width, height, vMin, vMax, uMin, uMax, flip) {
+    const data = new Uint8ClampedArray(width * height * 4);
+    for (let row = 0; row < height; row++) {
+        for (let col = 0; col < width; col++) {
+            let k = flip ? ((height - row - 1) * width + col) : row * width + col;
+            let idx = (width * row + col) << 2; // Multiply by 4 for RGBA
+            if (u[k] === null || v[k] === null || isNaN(u[k]) || !isFinite(u[k]) || isNaN(v[k]) || !isFinite(v[k])) {
+                data[idx] = 0; // R
+                data[idx + 1] = 0; // G
+                data[idx + 2] = 0; // B
+                data[idx + 3] = 0; // A
+            }
+            else {
+                data[idx] = Math.floor(255 * (u[k] - uMin) / (uMax - uMin)); // R
+                data[idx + 1] = Math.floor(255 * (v[k] - vMin) / (vMax - vMin)); // G
+                data[idx + 2] = 0; // B
+                data[idx + 3] = 255; // A
+            }
+        }
+    }
+    return data;
+}
+export default getVectorField;

package/write-text/{context-text-bulk.ts → context-text-bulk.js}

@@ -1,285 +1,200 @@
-// @ts-ignore
-import { CSZMode } from "@pirireis/webglobe";
-import { isTextFont, opacityCheck } from "../util/check/typecheck";
-// import { CameraUniformBlockTotem, CameraUniformBlockTotemCache } from "../programs/totems/camerauniformblock";
-// @ts-ignore
-import RBush from 'rbush';
-
-
-import { Globe, TextFont } from '../types';
-
-interface Style {
-    textFont: TextFont;
-    opacity: number;
-    zMode: CSZMode;
-}
-
-interface ZoomAdapterResult {
-    opacityMultiplier: number;
-    sizeMultiplier: number;
-}
-
-interface TextItem {
-    long: number;
-    lat: number;
-    text: string;
-    opacity: number | null;
-    angle: number | null;
-    position: string;
-    xOffsetLocal?: number;
-    yOffsetLocal?: number;
-}
-
-
-export type KeyAdapter = (input: any) => string
-export type TextAdapter = (input: any) => TextItem[]
-export type TextItemZoomLevelAdapter = (zoomLevel: number) => (aTextAdaptorOutput: any) => ZoomAdapterResult;
-export type InputZoomAdapter = (input: any, zoomLevel: number) => ZoomAdapterResult;
-
-/**
- * TODOs:
- * 1) update all if initials change (propably need a context and a callback to iterate over zPayload)
- * 2) expose a mechanic to update text on zoom change
- * 3) extend the mechanic on 2 to other events
- * 
- * TODO: key check and raise error if doesnt exist
- */
-
-
-
-const defaultStyle = {
-    textFont: {
-        name: 'Arial',
-        textColor: '#FFFFFF', // beyaz
-        hollowColor: '#000000', // siyah
-        size: 12, // piksel
-        hollow: true,
-        bold: false,
-        italic: false,
-    },
-    opacity: 1.0,
-    zMode: CSZMode.Z_GROUND_PERVERTEX,
-}
-// xOffset = 0,
-// yOffset = 0,
-// doDraw = true,
-// textAdapter = null,
-// coordinatesAdapter = null,
-// keyAdapter = null,
-// opacityAdapter = null,
-// angleAdapter = null,
-// angleOnSphere = false,
-// positionAdapter = (item: any, i: number, container: any[], properties?: any): string => "left",
-
-
-class MyRBush extends RBush<any> {
-    toBBox({ long, lat, key }: { long: number, lat: number, key: string }) { return { minX: long, minY: lat, maxX: long, maxY: lat }; }
-    compareMinX(a: any, b: any) { return a.long - b.long; }
-    compareMinY(a: any, b: any) { return a.lat - b.lat; }
-}
-
-export class ContextTexBulk {
-    private globe: Globe;
-    private dataMap: Map<string, { input: any, tree: MyRBush }>;
-    private style: Style;
-    private doDraw: boolean;
-    private keyAdapter: KeyAdapter;
-    private textAdapter: TextAdapter;
-    private inputZoomAdapter: InputZoomAdapter;
-    private textZoomLevelAdapter: TextItemZoomLevelAdapter;
-    private xOffset: number;
-    private yOffset: number;
-    // private cameraTotem: CameraUniformBlockTotem;
-    private angleOptions: {
-        angleOnSphere: boolean;
-        angleIsOn: boolean;
-    }
-
-    constructor(globe: Globe,
-        keyAdapter: KeyAdapter,
-        textAdapter: TextAdapter,
-        inputZoomAdapter: InputZoomAdapter = (input: any, zoomLevel: number) => {
-            return {
-                opacityMultiplier: 1,
-                sizeMultiplier: 1
-            }
-        },
-        textZoomLevelAdapter = (zoomLevel: number) => (item: any): ZoomAdapterResult => {
-            return {
-                opacityMultiplier: 1,
-                sizeMultiplier: 1
-            }
-        },
-
-        style: Style = defaultStyle,
-        angleOptions = {
-            angleOnSphere: false,
-            angleIsOn: false
-        },
-        doDraw = true,
-        offset = { x: 0, y: 0 },
-    ) {
-        this.globe = globe;
-        this.dataMap = new Map<string, { input: any, tree: MyRBush }>();
-        isTextFont(style.textFont);
-        opacityCheck(style.opacity);
-        this.style = { ...style, textFont: { ...style.textFont } };
-        this.angleOptions = angleOptions;
-        this.doDraw = doDraw;
-        this.angleOptions = angleOptions;
-        this.keyAdapter = keyAdapter;
-        this.textAdapter = textAdapter;
-        this.textZoomLevelAdapter = textZoomLevelAdapter;
-        this.inputZoomAdapter = inputZoomAdapter;
-        this.xOffset = offset.x;
-        this.yOffset = offset.y;
-        // this.cameraTotem = CameraUniformBlockTotemCache.get(globe);
-    }
-
-
-    setDoDraw(bool: boolean): void {
-        this.doDraw = bool;
-        this.globe.DrawRender();
-    }
-
-    setStyle(style: Style): void {
-        isTextFont(style.textFont);
-        opacityCheck(style.opacity);
-        this.style = { ...style, textFont: { ...style.textFont } };
-        this.globe.DrawRender();
-    }
-
-    setOpacity(opacity: number): void {
-        this.style.opacity = opacity;
-        this.globe.DrawRender();
-    }
-
-    draw(): void {
-        if (!this.doDraw) return;
-        const { globe, style, dataMap, xOffset, yOffset } = this;
-        const { textFont, opacity: opacity_ } = style;
-        const textSize = textFont.size;
-        const is3D = globe.api_GetCurrentGeometry() === 0;
-        const angleIsOn = is3D ? (this.angleOptions.angleIsOn && this.angleOptions.angleOnSphere) : (this.angleOptions.angleIsOn)
-
-        const bbox = globe.api_GetCurrentWorldLimit();
-        // @ts-ignore
-        const data = dataMap.values();
-        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
-        // const zoomLevel = this.cameraTotem.getApproximatedLOD();
-
-        const zoomAdapter = this.textZoomLevelAdapter(zoomLevel);
-
-        for (const { input, tree } of data) {
-            const inputZoomResult = this.inputZoomAdapter(input, zoomLevel);
-            if (inputZoomResult.sizeMultiplier <= 0 || inputZoomResult.opacityMultiplier <= 0) continue;
-            // @ts-ignore
-            const itemsInBBox = tree.search({ minX: bbox.ll.x, minY: bbox.ll.y, maxX: bbox.ur.x, maxY: bbox.ur.y });
-            const itemsLen = itemsInBBox.length;
-            for (let i = 0; i < itemsLen; i++) {
-                const item = itemsInBBox[i];
-
-                const { lat, long,
-                    text, opacity = null, angle = null,
-                    position, xOffsetLocal = xOffset, yOffsetLocal = yOffset } = item;
-                const { opacityMultiplier, sizeMultiplier } = zoomAdapter(item);
-                if (sizeMultiplier <= 0 || opacityMultiplier <= 0) continue;
-                const { x, y } = globe.api_GetScreenPointFromGeo(
-                    {
-                        long: long,
-                        lat: lat,
-                        z: 0,
-                    },
-                    style.zMode === CSZMode.Z_MSL,
-                );
-                const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier * inputZoomResult.opacityMultiplier;
-                textFont.size = sizeMultiplier * textSize * inputZoomResult.sizeMultiplier;
-                textFont.position = position;
-                if (x !== null && y !== null)
-                    globe.api_DrawContextTextMultiLine(
-                        text, textFont, o,
-                        { x: x + xOffsetLocal, y: y - yOffsetLocal }, angleIsOn, angle
-                    );
-            }
-            textFont.size = textSize;
-        }
-    }
-
-
-    insertText(data: any): void {
-        const key = this.keyAdapter(data);
-        const textDatas = this.textAdapter(data);
-        const tree = new MyRBush();
-        // @ts-ignore
-        tree.load(textDatas);
-        this.dataMap.set(key, { input: data, tree });
-        this.globe.DrawRender();
-    }
-
-
-    insertTextBulk(inputs: any[]): void {
-        for (const input of inputs) {
-            const key = this.keyAdapter(input);
-            const textDatas = this.textAdapter(input);
-            const tree = new MyRBush();
-            // @ts-ignore
-            tree.load(textDatas);
-            this.dataMap.set(key, { input, tree });
-        }
-        this.globe.DrawRender();
-    }
-
-
-    deleteText(data: any): void {
-        const keys = this.keyAdapter(data);
-        if (this.dataMap.has(keys)) {
-            this.dataMap.delete(keys);
-        }
-        this.globe.DrawRender();
-    }
-
-
-    deleteTextBulk(inputs: any[]): void {
-        for (const input of inputs) {
-            const key = this.keyAdapter(input);
-            this.dataMap.delete(key);
-        }
-        this.globe.DrawRender();
-    }
-
-
-    deleteTextByKey(key: string): void {
-        if (this.dataMap.has(key)) {
-            this.dataMap.delete(key);
-        }
-        this.globe.DrawRender();
-    }
-
-
-    deleteTextBulkByKey(keys: string[]): void {
-        for (const key of keys) {
-            this.dataMap.delete(key);
-        }
-        this.globe.DrawRender();
-    }
-
-
-
-    setOffsets(x: number, y: number): void {
-        this.xOffset = x;
-        this.yOffset = y;
-    }
-
-
-
-    clear(): void {
-        // @ts-ignore
-        this.dataMap.clear();
-        this.globe.DrawRender();
-    }
-
-    free(): void {
-        this.dataMap.clear();
-        // CameraUniformBlockTotemCache.release(this.globe)
-    }
-}
+// @ts-ignore
+import { CSZMode } from "@pirireis/webglobe";
+import { isTextFont, opacityCheck } from "../util/check/typecheck";
+// import { CameraUniformBlockTotem, CameraUniformBlockTotemCache } from "../programs/totems/camerauniformblock";
+// @ts-ignore
+import RBush from 'rbush';
+/**
+ * TODOs:
+ * 1) update all if initials change (propably need a context and a callback to iterate over zPayload)
+ * 2) expose a mechanic to update text on zoom change
+ * 3) extend the mechanic on 2 to other events
+ *
+ * TODO: key check and raise error if doesnt exist
+ */
+const defaultStyle = {
+    textFont: {
+        name: 'Arial',
+        textColor: '#FFFFFF', // beyaz
+        hollowColor: '#000000', // siyah
+        size: 12, // piksel
+        hollow: true,
+        bold: false,
+        italic: false,
+    },
+    opacity: 1.0,
+    zMode: CSZMode.Z_GROUND_PERVERTEX,
+};
+// xOffset = 0,
+// yOffset = 0,
+// doDraw = true,
+// textAdapter = null,
+// coordinatesAdapter = null,
+// keyAdapter = null,
+// opacityAdapter = null,
+// angleAdapter = null,
+// angleOnSphere = false,
+// positionAdapter = (item: any, i: number, container: any[], properties?: any): string => "left",
+class MyRBush extends RBush {
+    toBBox({ long, lat, key }) { return { minX: long, minY: lat, maxX: long, maxY: lat }; }
+    compareMinX(a, b) { return a.long - b.long; }
+    compareMinY(a, b) { return a.lat - b.lat; }
+}
+export class ContextTexBulk {
+    globe;
+    dataMap;
+    style;
+    doDraw;
+    keyAdapter;
+    textAdapter;
+    inputZoomAdapter;
+    textZoomLevelAdapter;
+    xOffset;
+    yOffset;
+    // private cameraTotem: CameraUniformBlockTotem;
+    angleOptions;
+    constructor(globe, keyAdapter, textAdapter, inputZoomAdapter = (input, zoomLevel) => {
+        return {
+            opacityMultiplier: 1,
+            sizeMultiplier: 1
+        };
+    }, textZoomLevelAdapter = (zoomLevel) => (item) => {
+        return {
+            opacityMultiplier: 1,
+            sizeMultiplier: 1
+        };
+    }, style = defaultStyle, angleOptions = {
+        angleOnSphere: false,
+        angleIsOn: false
+    }, doDraw = true, offset = { x: 0, y: 0 }) {
+        this.globe = globe;
+        this.dataMap = new Map();
+        isTextFont(style.textFont);
+        opacityCheck(style.opacity);
+        this.style = { ...style, textFont: { ...style.textFont } };
+        this.angleOptions = angleOptions;
+        this.doDraw = doDraw;
+        this.angleOptions = angleOptions;
+        this.keyAdapter = keyAdapter;
+        this.textAdapter = textAdapter;
+        this.textZoomLevelAdapter = textZoomLevelAdapter;
+        this.inputZoomAdapter = inputZoomAdapter;
+        this.xOffset = offset.x;
+        this.yOffset = offset.y;
+        // this.cameraTotem = CameraUniformBlockTotemCache.get(globe);
+    }
+    setDoDraw(bool) {
+        this.doDraw = bool;
+        this.globe.DrawRender();
+    }
+    setStyle(style) {
+        isTextFont(style.textFont);
+        opacityCheck(style.opacity);
+        this.style = { ...style, textFont: { ...style.textFont } };
+        this.globe.DrawRender();
+    }
+    setOpacity(opacity) {
+        this.style.opacity = opacity;
+        this.globe.DrawRender();
+    }
+    draw() {
+        if (!this.doDraw)
+            return;
+        const { globe, style, dataMap, xOffset, yOffset } = this;
+        const { textFont, opacity: opacity_ } = style;
+        const textSize = textFont.size;
+        const is3D = globe.api_GetCurrentGeometry() === 0;
+        const angleIsOn = is3D ? (this.angleOptions.angleIsOn && this.angleOptions.angleOnSphere) : (this.angleOptions.angleIsOn);
+        const bbox = globe.api_GetCurrentWorldLimit();
+        // @ts-ignore
+        const data = dataMap.values();
+        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
+        // const zoomLevel = this.cameraTotem.getApproximatedLOD();
+        const zoomAdapter = this.textZoomLevelAdapter(zoomLevel);
+        for (const { input, tree } of data) {
+            const inputZoomResult = this.inputZoomAdapter(input, zoomLevel);
+            if (inputZoomResult.sizeMultiplier <= 0 || inputZoomResult.opacityMultiplier <= 0)
+                continue;
+            // @ts-ignore
+            const itemsInBBox = tree.search({ minX: bbox.ll.x, minY: bbox.ll.y, maxX: bbox.ur.x, maxY: bbox.ur.y });
+            const itemsLen = itemsInBBox.length;
+            for (let i = 0; i < itemsLen; i++) {
+                const item = itemsInBBox[i];
+                const { lat, long, text, opacity = null, angle = null, position, xOffsetLocal = xOffset, yOffsetLocal = yOffset } = item;
+                const { opacityMultiplier, sizeMultiplier } = zoomAdapter(item);
+                if (sizeMultiplier <= 0 || opacityMultiplier <= 0)
+                    continue;
+                const { x, y } = globe.api_GetScreenPointFromGeo({
+                    long: long,
+                    lat: lat,
+                    z: 0,
+                }, style.zMode === CSZMode.Z_MSL);
+                const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier * inputZoomResult.opacityMultiplier;
+                textFont.size = sizeMultiplier * textSize * inputZoomResult.sizeMultiplier;
+                textFont.position = position;
+                if (x !== null && y !== null)
+                    globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x + xOffsetLocal, y: y - yOffsetLocal }, angleIsOn, angle);
+            }
+            textFont.size = textSize;
+        }
+    }
+    insertText(data) {
+        const key = this.keyAdapter(data);
+        const textDatas = this.textAdapter(data);
+        const tree = new MyRBush();
+        // @ts-ignore
+        tree.load(textDatas);
+        this.dataMap.set(key, { input: data, tree });
+        this.globe.DrawRender();
+    }
+    insertTextBulk(inputs) {
+        for (const input of inputs) {
+            const key = this.keyAdapter(input);
+            const textDatas = this.textAdapter(input);
+            const tree = new MyRBush();
+            // @ts-ignore
+            tree.load(textDatas);
+            this.dataMap.set(key, { input, tree });
+        }
+        this.globe.DrawRender();
+    }
+    deleteText(data) {
+        const keys = this.keyAdapter(data);
+        if (this.dataMap.has(keys)) {
+            this.dataMap.delete(keys);
+        }
+        this.globe.DrawRender();
+    }
+    deleteTextBulk(inputs) {
+        for (const input of inputs) {
+            const key = this.keyAdapter(input);
+            this.dataMap.delete(key);
+        }
+        this.globe.DrawRender();
+    }
+    deleteTextByKey(key) {
+        if (this.dataMap.has(key)) {
+            this.dataMap.delete(key);
+        }
+        this.globe.DrawRender();
+    }
+    deleteTextBulkByKey(keys) {
+        for (const key of keys) {
+            this.dataMap.delete(key);
+        }
+        this.globe.DrawRender();
+    }
+    setOffsets(x, y) {
+        this.xOffset = x;
+        this.yOffset = y;
+    }
+    clear() {
+        // @ts-ignore
+        this.dataMap.clear();
+        this.globe.DrawRender();
+    }
+    free() {
+        this.dataMap.clear();
+        // CameraUniformBlockTotemCache.release(this.globe)
+    }
+}