@pirireis/webglobeplugins 0.16.0 → 0.16.2

package/dist/wind/vectorfieldimage.js

@@ -1,23 +0,0 @@
-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/dist/write-text/attached-text-writer.js

@@ -1,87 +0,0 @@
-import { CSZMode } from "@pirireis/webglobe";
-import { isTextFont, opacityCheck } from "../util/check/typecheck";
-/**
- * Light wight version of context text writer.
- * The parameters by text are calculated on user side and inserted as items. (ContextTextWriter3 constructs text data from items)
- *
- * Good side of ContextTextWriters pattern is that there is only one way to create text.
- * The glue is inside the plugin.
- * This makes the code more readable and maintainable.
- *
- * With AttachedTextWriter the glue is created by user.
- * I observed that the users generally uses a wrapper around the plugin logic anyway. This wrapper can be used as the glue for plugin and attacked writer.
- */
-export class AttachedTextWriter {
-    constructor(globe, { style = {
-        textFont: {
-            name: 'Arial',
-            textColor: '#FFFFFF', // beyaz
-            hollowColor: '#000000', // siyah
-            size: 12, // piksel
-            hollow: true,
-            bold: true,
-            italic: false,
-        },
-        opacity: 1.0,
-        zMode: CSZMode.Z_GROUND_PERVERTEX,
-    }, doDraw = true, angleOnSphere = false, zoomLevelAdaptor = (zoomLevel) => (item) => {
-        return {
-            opacityMultiplier: 1,
-            sizeMultiplier: 1
-        };
-    }, } = {}) {
-        this.globe = globe;
-        this._itemMap = new Map();
-        this.doDraw = doDraw;
-        this.angleOnSphere = angleOnSphere;
-        this.zoomLevelAdaptor = zoomLevelAdaptor;
-        this.setStyle(style);
-    }
-    setOpacity(opacity) {
-        opacityCheck(opacity);
-        this._style.opacity = opacity;
-        this.globe.DrawRender();
-    }
-    setStyle(style) {
-        isTextFont(style.textFont);
-        this._style = style;
-        this.globe.DrawRender();
-    }
-    /**
-     *
-     * @param {{text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, Angle = 0 }} item
-     * @returns
-     */
-    insertItem(item) {
-        const key = this.keyAdaptor ? this.keyAdaptor(item) : item;
-        this._itemMap.set(key, item);
-        this.globe.DrawRender();
-    }
-    // TODO: use item style 
-    draw() {
-        if (!this.doDraw) {
-            return;
-        }
-        const { globe, _itemMap, _style } = this;
-        const { zMode, textFont, opacity } = _style;
-        const is3D = globe.api_GetCurrentGeometry() === 0;
-        const angleIsOn = is3D ? true : this.angleOnSphere;
-        const zoomLevel = globe.api_GetCurrentLODWithDecimal();
-        const zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
-        const theSize = textFont.size;
-        _itemMap.forEach((item, key) => {
-            const { text, long, lat, z = 0, xOffset = 0, yOffset = 0, isAngleOn = false, angle = 0 } = item;
-            const { x, y } = globe.api_GetScreenPointFromGeo({
-                long,
-                lat,
-                z
-            }, zMode);
-            const { opacityMultiplier, sizeMultiplier } = zoomAdaptor(item);
-            textFont.size = sizeMultiplier * theSize;
-            if (x !== null && y !== null) {
-                globe.api_DrawContextText(text, textFont, opacityMultiplier * opacity, { x: x + xOffset, y: y - yOffset }, (isAngleOn && angleIsOn), angle);
-            }
-        });
-        textFont.size = theSize;
-    }
-}

package/dist/write-text/context-text.js

@@ -1,94 +0,0 @@
-import { CSZMode } from "@pirireis/webglobe";
-const defaultStyle = {
-    textFont: {
-        name: 'Arial',
-        textColor: '#FFFFFF', // beyaz
-        hollowColor: '#000000', // siyah
-        size: 12, // piksel
-        hollow: true,
-        bold: true,
-        italic: false,
-    },
-    opacity: 1.0,
-    zMode: CSZMode.Z_GROUND_PERVERTEX,
-};
-export class ContextTextWriter {
-    constructor(globe, { style = null, doDraw = true } = {}) {
-        this.globe = globe;
-        this.itemMap = new Map();
-        this.style = style || defaultStyle;
-        this.doDraw = doDraw;
-    }
-    setDoDraw(bool) {
-        this.doDraw = bool;
-    }
-    setStyle(style) {
-        this.style = style;
-    }
-    setOpacity(opacity) {
-        this.style.opacity = opacity;
-    }
-    // Clean this ask Front dev
-    doDraw(boolean) {
-        this.doDraw = boolean;
-    }
-    draw() {
-        if (!this.doDraw)
-            return;
-        const { globe, style, itemMap } = this;
-        const { textFont, opacity: opacity_ } = style;
-        for (const [key, { lat, long, text, opacity = null }] of itemMap) {
-            const { x, y } = globe.api_GetScreenPointFromGeo({
-                long: long,
-                lat: lat,
-                z: 0,
-            }, style.zMode === CSZMode.Z_MSL);
-            const o = opacity === null ? opacity_ : opacity * opacity_;
-            if (x !== null && y !== null)
-                globe.api_DrawContextTextMultiLine(text, textFont, o, { x, y });
-        }
-    }
-    insertText(key, lat, long, text) {
-        this.itemMap.set(key, { lat, long, text });
-    }
-    updateOpacityOfItem(key, opacity) {
-        this.itemMap.get(key).opacity = opacity;
-    }
-    updateOpacityBulk(items, keyAdaptor, valueAdaptor) {
-        for (const item of items) {
-            const key = keyAdaptor(item);
-            const opacity = valueAdaptor(item);
-            const data = this.itemMap.get(key);
-            data.opacity = opacity;
-        }
-    }
-    updateText(key, text) {
-        const item = this.itemMap.get(key);
-        item.text = text;
-    }
-    updateCoords(key, lat, long) {
-        const item = this.itemMap.get(key);
-        item.lat = lat;
-        item.long = long;
-    }
-    insertTextBulk(items) {
-        for (const item of items) {
-            this.itemMap.set(item.key, item);
-        }
-    }
-    updateTextCoordsBulk(items) {
-        for (const { key, lat, long } of items) {
-            const item = this.itemMap.get(key);
-            item.lat = lat;
-            item.long = long;
-        }
-    }
-    deleteTextBulk(keys) {
-        for (const key of keys) {
-            this.itemMap.delete(key);
-        }
-    }
-    clear() {
-        this.itemMap.clear();
-    }
-}

package/dist/write-text/context-text3old.js

@@ -1,152 +0,0 @@
-"use strict";
-// import { CSZMode } from "@pirireis/webglobe";
-// import { isTextFont, opacityCheck } from "../util/check/typecheck";
-// /**
-//  * 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
-//  */
-// export class ContextTextWriter3 {
-//     constructor(globe, {
-//         style = {
-//             textFont: {
-//                 name: 'Arial',
-//                 textColor: '#FFFFFF', // beyaz
-//                 hollowColor: '#000000', // siyah
-//                 size: 12, // piksel
-//                 hollow: true,
-//                 bold: true,
-//                 italic: false,
-//             },
-//             opacity: 1.0,
-//             zMode: CSZMode.Z_GROUND_PERVERTEX,
-//         },
-//         xOffset = 0,
-//         yOffset = 0,
-//         doDraw = true,
-//         textAdaptor = null,
-//         coordinatesAdaptor = null,
-//         keyAdaptor = null,
-//         opacityAdaptor = null,
-//         angleAdaptor = null,
-//         angleOnSphere = false,
-//         positionAdaptor = (item, i, container, properties) => "left",
-//         zoomLevelAdaptor = (zoomLevel) => (item) => {
-//             return {
-//                 opacityMultiplier: 1,
-//                 sizeMultiplier: 1
-//             }
-//         }
-//     } = {}) {
-//         this.globe = globe;
-//         this.itemMap = new Map();
-//         this.setStyle(style);
-//         this.doDraw = doDraw;
-//         this._checkParameterTypes(textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset);
-//         this.textAdaptor = textAdaptor;
-//         this.coordinatesAdaptor = coordinatesAdaptor;
-//         this.keyAdaptor = keyAdaptor;
-//         this.zoomLevelAdaptor = zoomLevelAdaptor;
-//         this.positionAdaptor = positionAdaptor;
-//         this.opacityAdaptor = opacityAdaptor ? opacityAdaptor : () => 1;
-//         this.angleOnSphere = angleOnSphere;
-//         if (angleAdaptor) {
-//             this.angleAdaptor = angleAdaptor
-//             this.angleAdaptorIsOn = true;
-//         } else {
-//             this.angleAdaptor = () => null
-//             this.angleAdaptorIsOn = false
-//         }
-//         this.xOffset = xOffset;
-//         this.yOffset = yOffset;
-//     }
-//     _checkParameterTypes(textAdaptor, coordinatesAdaptor, keyAdaptor, opacityAdaptor, angleAdaptor, xOffset, yOffset) {
-//         if (textAdaptor !== null) if (!(textAdaptor instanceof Function)) throw new Error("textAdaptor is not an instance of a Function");
-//         if (coordinatesAdaptor !== null) if (!(coordinatesAdaptor instanceof Function)) throw new Error("coordinatesAdaptor is not an instance of a Function");
-//         if (keyAdaptor !== null) if (!(keyAdaptor instanceof Function)) throw new Error("keyAdaptor is not an instance of a Function");
-//         if (opacityAdaptor !== null) if (!(opacityAdaptor instanceof Function)) throw new Error("opacityAdaptor is not an instance of a Function");
-//         if (angleAdaptor !== null) if (!(angleAdaptor instanceof Function)) throw new Error("angleAdaptor is not an instance of a Function");
-//         if (typeof xOffset !== "number") throw new Error("xOffset type is not a number");
-//         if (typeof yOffset !== "number") throw new Error("yOffset type is not a number");
-//     }
-//     setKeyAdaptor(adaptor) {
-//         this.keyAdaptor = adaptor;
-//     }
-//     setDoDraw(bool) {
-//         this.doDraw = bool;
-//         this.globe.DrawRender();
-//     }
-//     setStyle(style) {
-//         isTextFont(style.textFont);
-//         opacityCheck(style.opacity); //TODO: use shallow copy
-//         this.style = style;
-//         this.globe.DrawRender();
-//     }
-//     setOpacity(opacity) {
-//         this.style.opacity = opacity;
-//         this.globe.DrawRender();
-//     }
-//     draw() {
-//         if (!this.doDraw) return;
-//         const { globe, style, itemMap, xOffset, yOffset } = this;
-//         const { textFont, opacity: opacity_ } = style;
-//         const textSize = textFont.size;
-//         const is3D = globe.api_GetCurrentGeometry() === 0;
-//         const angleIsOn = is3D ? (this.angleAdaptorIsOn && this.angleOnSphere) : (this.angleAdaptorIsOn)
-//         const zoomLevel = globe.api_GetCurrentLODWithDecimal();
-//         const zoomAdaptor = this.zoomLevelAdaptor(zoomLevel);
-//         for (const item of itemMap.values()) {
-//             const { lat, long, text, opacity = null, angle = null, zPayload, position } = item;
-//             const { x, y } = globe.api_GetScreenPointFromGeo(
-//                 {
-//                     long: long,
-//                     lat: lat,
-//                     z: 0,
-//                 },
-//                 style.zMode === CSZMode.Z_MSL,
-//             );
-//             const { opacityMultiplier, sizeMultiplier } = zoomAdaptor(zPayload);
-//             const o = (opacity === null ? opacity_ : opacity * opacity_) * opacityMultiplier;
-//             textFont.size = sizeMultiplier * textSize;
-//             textFont.position = position;
-//             if (x !== null && y !== null) globe.api_DrawContextTextMultiLine(text, textFont, o, { x: x + xOffset, y: y - yOffset }, angleIsOn, angle);
-//         }
-//         textFont.size = textSize;
-//     }
-//     insertTextBulk(container, properties) {
-//         container.forEach((v, i, c) => {
-//             this.insertText(v, i, c, properties);
-//         });
-//     }
-//     deleteTextBulk(keys) {
-//         for (const key of keys) {
-//             this.itemMap.delete(key);
-//         }
-//     }
-//     insertText(item, id, container, properties) {
-//         const key = this.keyAdaptor(item, id, container, properties)
-//         const coords = this.coordinatesAdaptor(item, id, container, properties)
-//         if (coords == null) {
-//             this.itemMap.delete(key);
-//             return;
-//         }
-//         const text = this.textAdaptor(item, id, container, properties)
-//         if (text == null) {
-//             this.itemMap.delete(key);
-//             return
-//         };
-//         const opacity = this.opacityAdaptor(item, id, container, properties);
-//         const angle = this.angleAdaptor(item, id, container, properties);
-//         const position = this.positionAdaptor(item, id, container, properties);
-//         this.itemMap.set(key, { long: coords.long, lat: coords.lat, text, opacity, angle, zPayload: item, position });
-//     }
-//     clear() {
-//         this.itemMap.clear();
-//     }
-//     free() {
-//         this.itemMap = null;
-//     }
-// }

package/dist/write-text/index.js

@@ -1 +0,0 @@
-export { ContextTextWriter } from "./context-text";

package/dist/write-text/writer-plugin.js

@@ -1,8 +0,0 @@
-"use strict";
-/**
- * registerMap(id, aMap, textFont)
- * aMap key, object map.
- * aMap is a specifical tem for a use case.
- * The object has { text, long, lat, opacity, angle, zPayload, achor, xOffset, yOffset, ...extraPropertiesForZoomLevelAdaptor } properties.
- * the plugin runs over items in aMap and draw text on the globe.
- */ 

package/partialrings/goals.md

@@ -1,17 +0,0 @@
-* Pie Statistacal view 
- A Unit is a bundle of partial rings. 
- Multiple partial rings of different color on the same center. 
- Update center updates a bundle 
- Updating an the amount of a a ring updates all the rings percentage in the same bundle.
-
-An animation can be added 
-
-* EBM bearing view
- 
-create a plugin with line  and points 
-
-* Target 1 is a point
-* Target 2 is a point or an angle
-
-// TODO: What IS the purpose of this folder?
-// Clean

package/point-heat-map/readme.md

@@ -1,15 +0,0 @@
-# Content
-
-point-heat-map/
-├── plugin.js              
-└── point-to-heat-flow.js
-
-## plugin.js
-
-Contains plugin plugin that calculates data on main thread.
-
-## point-to-heat-flow.js
-
-Contains a wrapper around point-to-density and density-to-color-ramp programs.
-
-The reason behind seperation of program flow and plugin is to explore web-worker version of interpolation and compare it with main thread version.

package/programs/line-on-globe/linestrip/data.ts

@@ -1,29 +0,0 @@
-import { Color, Globe, UBOHandler } from "../../../types";
-import { BufferManagersMap, BufferManager, BufferOrchestrator } from "../../../util/account/single-attribute-buffer-management/index";
-import { LineProgram } from "./linestrip";
-import { globe3Dcoordinates, globe2Dcoordinates } from "../../../Math/methods"
-
-export type DrawStyleOptions = {
-    variativeColorsOn?: boolean; // If true, the color will be variative based on the circle's radius.
-    defaultColor: Color;
-    defaultHeightFromGroundIn3D?: number; // Default height from ground in 3D mode.|
-}
-
-
-export function createLineStripData(
-    program: LineProgram,
-    globe: Globe,
-    gl: WebGL2RenderingContext,
-    DrawStyleOptions: DrawStyleOptions,
-): {
-    bufferManagerMap: BufferManagersMap;
-    bufferOrchestrator: BufferOrchestrator;
-    uboHandler: UBOHandler
-    free(): void;
-} {
-
-
-
-    // @ts-ignore
-    return;
-}

package/programs/line-on-globe/linestrip/linestrip.ts

@@ -1,201 +0,0 @@
-import { createProgram } from "../../../util/webglobjectbuilders";
-import { ProgramInterface, DrawRangeIndexParams, UBOHandler, BufferAndReadInfo } from "../../../types";
-import { CameraUniformBlockString, CameraUniformBlockTotemCache, CameraUniformBlockTotem } from "../../totems/index"
-
-import {
-    cartesian3DToGLPosition,
-    mercatorXYToGLPosition,
-} from "../../../util/shaderfunctions/geometrytransformations";
-
-import { noRegisterGlobeProgramCache } from "../../programcache";
-import { attributeLoader } from "../../../util/gl-util/buffer/attribute-loader";
-
-import { UniformBlockManager } from "../../../util/gl-util/uniform-block/manager";
-
-import { drawArrays } from "../../../util/gl-util/draw-options/methods";
-
-
-
-const ESCAPE_VALUE = -1;
-
-const uniformBindingPoints = {
-    camera: 0,
-    flexible: 1,
-}
-
-// const one = new Float32Array([1]);
-const flexibleBlockManager = new UniformBlockManager(
-    'FlexibleAttributes',
-    [
-        { name: "u_color", type: "vec4", value: new Float32Array([0.12, 1, 0.1, 1]) },
-    ],
-    uniformBindingPoints.flexible,
-);
-
-
-
-
-const vertexShaderSource = `#version 300 es
-precision highp float;
-
-${CameraUniformBlockString}
-${cartesian3DToGLPosition}
-${mercatorXYToGLPosition}
-
-${flexibleBlockManager.glslCode()}
-
-uniform float u_opacity;
-
-in vec3 position3d;
-in vec2 position2d;
-in vec4 color; 
-out vec4 v_color;
-
-flat out vec3 v_flat_position;
-out vec3 v_position;
-
-void main() {
-    v_color = ( color.r == -1.0 ) ? u_color : color;
-    v_color.a *= u_opacity;
-    if ( is3D ) {
-        gl_Position = cartesian3DToGLPosition( position3d );
-        v_position = position3d;
-        v_flat_position = position3d;
-    } else {
-        gl_Position = mercatorXYToGLPosition( position2d );
-        v_position = vec3( position2d, 0.0 );
-        v_flat_position = vec3( position2d, 0.0 );
-    }
-    gl_PointSize = 6.0;
-}`;
-
-
-const fragmentShaderSource = `#version 300 es
-precision highp float;
-
-uniform float opacity;
-
-in vec4 v_color;
-in float v_dash_length;
-in float v_dash_opacity;
-
-flat in vec3 v_flat_position;
-in vec3 v_position;
-
-out vec4 outColor;
-
-void main() {
-    outColor = vec4( v_color.rgb, v_color.a );
-
-}`;
-
-
-
-export class LineProgram implements ProgramInterface {
-
-    _vaosPublished: object[] = [];
-    _ubosPublished: UBOHandler[] = [];
-    program: WebGLProgram;
-    gl: WebGL2RenderingContext;
-    globe: any;
-    cameraBlockTotem: CameraUniformBlockTotem;
-    _defaultFlexibleUBO: UBOHandler;
-    _opacity: {
-        value: number,
-        location: WebGLUniformLocation | null
-    } = {
-            value: 1,
-            location: null
-        };
-
-    constructor(globe: any) {
-        this.gl = globe.gl;
-
-        this.globe = globe;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource) as WebGLProgram;
-        const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
-        this.gl.useProgram(this.program);
-        this._opacity.location = this.gl.getUniformLocation(this.program, "u_opacity");
-        this.gl.uniform1f(this._opacity.location, this._opacity.value);
-
-
-        // bind attribute locations
-        this.gl.bindAttribLocation(this.program, 0, "position3d");
-        this.gl.bindAttribLocation(this.program, 1, "position2d");
-        this.gl.bindAttribLocation(this.program, 2, "color");
-
-
-
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        this.cameraBlockTotem.assignBindingPoint(this.program, uniformBindingPoints.camera);
-
-        flexibleBlockManager.assignBindingPoint(this.gl, this.program);
-        this._defaultFlexibleUBO = flexibleBlockManager.createUBO(this.gl);
-
-        this.gl.useProgram(currentProgram);
-    }
-
-
-
-    createUBO(bufferReadType: "STATIC_DRAW" | "DYNAMIC_DRAW" | "STREAM_DRAW" = "STATIC_DRAW"): UBOHandler {
-        const ubo = flexibleBlockManager.createUBO(this.gl, bufferReadType);
-        this._ubosPublished.push(ubo);
-        return ubo;
-    }
-
-
-
-    createVAO(
-        position3D: BufferAndReadInfo, position2D: BufferAndReadInfo, color: BufferAndReadInfo
-    ): WebGLVertexArrayObject {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        gl.bindVertexArray(vao);
-        attributeLoader(gl, position3D, 0, 3);
-        attributeLoader(gl, position2D, 1, 2);
-        attributeLoader(gl, color, 2, 4, { escapeValues: [ESCAPE_VALUE, ESCAPE_VALUE, ESCAPE_VALUE, ESCAPE_VALUE] });
-
-        gl.bindVertexArray(null);
-        return vao;
-    }
-
-
-
-    draw(vao: WebGLVertexArrayObject, drawOptions: DrawRangeIndexParams, opacity: number = 1, flexibleUBO: UBOHandler | null = null) {
-
-        const { gl, program, cameraBlockTotem } = this;
-
-        gl.useProgram(program);
-        if (opacity !== this._opacity.value) {
-            this._opacity.value = opacity;
-            this.gl.uniform1f(this._opacity.location, this._opacity.value);
-        }
-        const ubo = flexibleUBO || this._defaultFlexibleUBO;
-        cameraBlockTotem.bind(uniformBindingPoints.camera);
-        ubo.bind();
-        gl.bindVertexArray(vao);
-        // drawArrays(gl, gl.POINTS, drawOptions);
-        drawArrays(gl, gl.LINE_STRIP, drawOptions);
-        gl.bindVertexArray(null);
-        ubo.unbind();
-        cameraBlockTotem.unbind(uniformBindingPoints.camera);
-    }
-
-
-
-    free() {
-        this._vaosPublished.forEach((vao: WebGLVertexArrayObject) => this.gl.deleteVertexArray(vao));
-        this._ubosPublished.forEach((ubo: UBOHandler) => ubo.free());
-        this.gl.deleteProgram(this.program);
-        this._defaultFlexibleUBO.free();
-        CameraUniformBlockTotemCache.release(this.globe);
-        this.gl.deleteProgram(this.program);
-
-    }
-}
-
-export const LineStripProgramCache = Object.freeze({
-    get: (globe: any): LineProgram => noRegisterGlobeProgramCache.getProgram(globe, LineProgram),
-    release: (globe: any) => noRegisterGlobeProgramCache.releaseProgram(globe, LineProgram),
-});
-