@pirireis/webglobeplugins 0.13.0-alpha → 0.15.0-alpha

package/shape-on-terrain/arc/naive/plugin.js

@@ -1,250 +0,0 @@
-import { LineStripProgramCache } from "../../../programs/line-on-globe/linestrip/linestrip";
-import { createBufferAndReadInfo } from '../../../util/gl-util/buffer/attribute-loader';
-// import { populateFloat32Array } from "../../../util/jshelpers/data-filler";
-import { BufferManager, BufferOrchestrator } from "../../../util/account/single-attribute-buffer-management/index";
-import { globe3Dcoordinates, globe2Dcoordinates, RADIANS } from "../../../Math/methods";
-import { generateArcPoints } from "../../../Math/arc-cdf-points";
-import { StaticDynamicState, StaticDynamicStrategy } from "../../../util/build-strategy/static-dynamic";
-import * as vec3 from "../../../Math/vec3";
-import * as arc from "../../../Math/arc";
-import { CameraUniformBlockTotemCache } from "../../../programs/totems/camerauniformblock";
-import { WORLD_RADIUS_3D } from "../../../Math/constants";
-const VERTEX_COUNT = 70;
-const INITAL_CAPACITY = 10;
-const _attractionPoint = [0, 0, 0];
-const _start = [0, 0, 0];
-const _end = [0, 0, 0];
-const _0arc = arc.create([1, 0, 0], [0, 1, 0]); // zero arc for intersection tests
-const _colorArray = new Float32Array(4); // For color buffer
-export class NaiveLineOnTerrainPlugin {
-    id;
-    program = null;
-    bufferManagerMap = null;
-    _bufferOrchestrator = new BufferOrchestrator({ capacity: INITAL_CAPACITY });
-    _opacity = 1;
-    _arcUBOHandler = null;
-    _vao = null;
-    globe = null;
-    gl = null;
-    _arcMap;
-    _cameraUniformBlock = null;
-    _staticDynamicStrategy = null;
-    _styleOptions = {
-        variativeColorsOn: false,
-        defaultColor: [0.1, 0.1, 1, 1], // Default color in RGBA format
-        defaultHeightFromGroundIn3D: 30.0 // Default height from ground in
-    };
-    constructor(id, drawStyleOptions = null) {
-        this.id = id;
-        this._arcMap = new Map();
-        if (drawStyleOptions) {
-            this._styleOptions = drawStyleOptions;
-        }
-    }
-    insertArcFromLongLat(key, startPoint, endPoint, height = null) {
-        if (this._arcMap.has(key)) {
-            this._arcMap.delete(key);
-        }
-        vec3.fromLongLatToUnitVector(_start, [startPoint.long * RADIANS, startPoint.lat * RADIANS]);
-        vec3.fromLongLatToUnitVector(_end, [endPoint.long * RADIANS, endPoint.lat * RADIANS]);
-        const _arc = arc.create(_start, _end);
-        this._arcMap.set(key, [_arc, height]);
-        // TODO: insert into buffer if NOT DYNAMIC state
-        if (this._staticDynamicStrategy?.getState() !== StaticDynamicState.DYNAMIC) {
-            this.__buildStaticArcs([key]);
-        }
-        this.globe.DrawRender();
-    }
-    deleteArcs(keys) {
-        for (const key of keys) {
-            if (this._arcMap.has(key)) {
-                this._arcMap.delete(key);
-            }
-        }
-        // DELETE FROM BUFFER IF not DYNAMIC state
-        this.globe.DrawRender();
-    }
-    init(globe, gl) {
-        this.globe = globe;
-        this.gl = gl;
-        this.program = LineStripProgramCache.get(globe);
-        this._staticDynamicStrategy = new StaticDynamicStrategy(globe, 8); // Initialize static-dynamic strategy with a transition level of 8
-        const g2D = globe2Dcoordinates(globe);
-        this._cameraUniformBlock = CameraUniformBlockTotemCache.get(globe);
-        this._staticDynamicStrategy = new StaticDynamicStrategy(globe, 8); // Initialize static-dynamic strategy with a transition level of 8
-        this.bufferManagerMap = new Map([
-            ["position3d", {
-                    bufferManager: new BufferManager(gl, 3 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
-                    adaptor: (item) => {
-                        const { longLatArr, height = this._styleOptions.defaultHeightFromGroundIn3D } = item;
-                        const result = globe3Dcoordinates(globe, height)(longLatArr, { paddingCount: 1 });
-                        // console.log("result", result);
-                        return result;
-                    }
-                }],
-            ["position2d", {
-                    bufferManager: new BufferManager(gl, 2 * (VERTEX_COUNT + 1), { bufferType: "DYNAMIC_DRAW", initialCapacity: INITAL_CAPACITY }),
-                    adaptor: (item) => {
-                        const { longLatArr } = item;
-                        return g2D(longLatArr, { paddingCount: 1 });
-                    }
-                }
-            ],
-        ]);
-        if (this._styleOptions.variativeColorsOn) {
-            this.bufferManagerMap.set("color", {
-                bufferManager: new BufferManager(gl, 4, { initialCapacity: INITAL_CAPACITY }),
-                adaptor: (item) => {
-                    const { radius } = item;
-                    // Calculate color based on radius
-                    if (item.color) {
-                        _colorArray.set(item.color);
-                        return _colorArray;
-                    }
-                    else {
-                        return this._styleOptions.defaultColor;
-                    }
-                }
-            });
-        }
-        this._bufferOrchestrator = new BufferOrchestrator();
-        this._arcUBOHandler = this.program.createUBO();
-        this._arcUBOHandler.update(new Map([
-            ["u_color", new Float32Array([1, 0, 0, 1])],
-        ]));
-        this._vao = this.program.createVAO(createBufferAndReadInfo(this.bufferManagerMap.get("position3d")?.bufferManager.buffer), createBufferAndReadInfo(this.bufferManagerMap.get("position2d")?.bufferManager.buffer), null);
-    }
-    draw3D() {
-        // Drawing logic here
-        if (!this.globe || !this.gl) {
-            console.warn("Globe or WebGL context is not initialized.");
-            return;
-        }
-        this._staticDynamicStrategy?.updateState();
-        this._buildArcs(); // can be async
-        const { gl, program, _bufferOrchestrator, _vao, _arcUBOHandler, } = this;
-        if (!gl || !program || !_bufferOrchestrator || !_vao || !_arcUBOHandler) {
-            console.warn("WebGL context, program, or buffer orchestrator is not initialized.");
-            return;
-        }
-        gl.disable(gl.DEPTH_TEST);
-        const drawOptions = {
-            drawRange: {
-                first: 0,
-                count: _bufferOrchestrator.length * (VERTEX_COUNT + 1)
-            },
-            indexes: null
-        };
-        program.draw(_vao, drawOptions, this._opacity, _arcUBOHandler);
-        gl.enable(gl.DEPTH_TEST);
-    }
-    _buildArcs() {
-        const state = this._staticDynamicStrategy?.getState();
-        if (state === StaticDynamicState.TO_STATIC) {
-            this.__buildStaticArcs();
-        }
-        else if (state === StaticDynamicState.DYNAMIC) {
-            this.__buildArcs();
-        }
-    }
-    __buildStaticArcs(keys = []) {
-        const { globe, _arcMap, _cameraUniformBlock, bufferManagerMap, _bufferOrchestrator } = this;
-        if (!globe || !_cameraUniformBlock || !bufferManagerMap || !_bufferOrchestrator) {
-            console.warn("Globe or camera uniform block is not initialized.");
-            return;
-        }
-        const longLat = [0, 0];
-        const _attractionStrength = 0;
-        const longLatArr = new Float32Array(2 * VERTEX_COUNT);
-        const data = [{
-                key: "staticArcs",
-                longLatArr: longLatArr,
-                height: null
-            }];
-        if (keys.length == 0) {
-            for (const [key, [arcInstance, height]] of _arcMap) {
-                arc.copy(_0arc, arcInstance);
-                const generatedPoints = generateArcPoints(_0arc.p0, _0arc.p1, _0arc.normal, _attractionPoint, VERTEX_COUNT, _attractionStrength);
-                for (let i = 0; i < generatedPoints.length; i++) {
-                    const point = generatedPoints[i];
-                    vec3.fromUnitVectorToLongLat(longLat, point);
-                    longLatArr.set([longLat[0] / RADIANS, longLat[1] / RADIANS], i * 2);
-                }
-                data[0].key = key;
-                data[0].height = height;
-                this._bufferOrchestrator.insertBulk(data, bufferManagerMap);
-            }
-        }
-        else {
-            for (let key of keys) {
-                if (!_arcMap.has(key)) {
-                    console.warn(`Arc with key ${key} not found in arcMap.`);
-                    continue;
-                }
-                const [arcInstance, height] = _arcMap.get(key);
-                arc.copy(_0arc, arcInstance);
-                const generatedPoints = generateArcPoints(_0arc.p0, _0arc.p1, _0arc.normal, _attractionPoint, VERTEX_COUNT, _attractionStrength);
-                for (let i = 0; i < generatedPoints.length; i++) {
-                    const point = generatedPoints[i];
-                    vec3.fromUnitVectorToLongLat(longLat, point);
-                    longLatArr.set([longLat[0] / RADIANS, longLat[1] / RADIANS], i * 2);
-                }
-                data[0].key = key;
-                data[0].height = height;
-                this._bufferOrchestrator.insertBulk(data, bufferManagerMap);
-            }
-        }
-    }
-    __buildArcs() {
-        const { globe, _arcMap, _cameraUniformBlock, bufferManagerMap } = this;
-        if (!globe || !_cameraUniformBlock || !bufferManagerMap) {
-            console.warn("Globe or camera uniform block is not initialized.");
-            return;
-        }
-        const lookAtPosition = _cameraUniformBlock.getLookAtVector();
-        const cameraPosition = _cameraUniformBlock.getCameraVector();
-        vec3.divideScalar(cameraPosition, cameraPosition, WORLD_RADIUS_3D);
-        vec3.add(cameraPosition, cameraPosition, lookAtPosition);
-        // vec3.normalize(cameraPosition, cameraPosition);
-        vec3.divideScalar(cameraPosition, cameraPosition, 2);
-        // vec3.multiplyScalar(cameraPosition, cameraPosition, 1.3);
-        const _attractionStrength = (() => {
-            const lod = globe.api_GetCurrentLODWithDecimal();
-            if (lod < 11) {
-                return 1;
-            }
-            return lod * (lod - 8.5);
-        })();
-        console.log("Attraction strength: ", _attractionStrength);
-        const result = [];
-        const longLat = [0, 0];
-        for (const [key, [arcInstance, height]] of _arcMap) {
-            arc.copy(_0arc, arcInstance);
-            const isOnArc = arc.closestPoint(_attractionPoint, _0arc, cameraPosition);
-            if (!isOnArc) {
-                if (vec3.distanceSquared(cameraPosition, _0arc.p0) < vec3.distanceSquared(cameraPosition, _0arc.p1)) {
-                    vec3.copy(_attractionPoint, _0arc.p0);
-                }
-                else {
-                    vec3.copy(_attractionPoint, _0arc.p1);
-                }
-            }
-            const generatedPoints = generateArcPoints(_0arc.p0, _0arc.p1, _0arc.normal, _attractionPoint, VERTEX_COUNT, _attractionStrength);
-            const longLatArr = new Float32Array(2 * VERTEX_COUNT);
-            for (let i = 0; i < generatedPoints.length; i++) {
-                const point = generatedPoints[i];
-                vec3.fromUnitVectorToLongLat(longLat, point);
-                longLatArr.set([longLat[0] / RADIANS, longLat[1] / RADIANS], i * 2);
-            }
-            result.push({
-                key: key,
-                longLatArr: longLatArr,
-                height: height
-            });
-        }
-        this._bufferOrchestrator.resetWithCapacity(bufferManagerMap, result.length);
-        this._bufferOrchestrator.insertBulk(result, bufferManagerMap);
-    }
-    _buildStaticArc() {
-    }
-}

package/util/check/get.js

@@ -1,14 +0,0 @@
-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/draw-options/types.js

@@ -1,15 +0,0 @@
-/**
- * @typedef DrawRange
- * @type {Object}
- * @property {int} first
- * @property {int} count
- *
- * @typedef DrawRangeIndexParams
- * @type {Object}
- * @property {null|DrawRange} drawRange
- * @property {null|ElementBuffer} elementBuffer
- * @property {null|indexType} indexType
- * @property {null|int} drawMode
- *
- */
-export {};

package/util/webglobjectbuilders1.js

@@ -1,219 +0,0 @@
-// export function createShader(gl, type, source) {
-//     const shader = gl.createShader(type);
-//     gl.shaderSource(shader, source);
-//     gl.compileShader(shader);
-//     if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-//         throw new Error(gl.getShaderInfoLog(shader));
-//     }
-//     return shader;
-// }
-export function createShader(gl, type, source) {
-    const shader = gl.createShader(type);
-    gl.shaderSource(shader, source);
-    gl.compileShader(shader);
-    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
-        const errorLog = gl.getShaderInfoLog(shader);
-        const shaderType = type === gl.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER';
-        const sourceWithLineNumbers = source.split('\n').map((line, i) => `${i + 1}: ${line}`).join('\n');
-        throw new Error(`Error compiling ${shaderType}:\n${errorLog}\nSource:\n${sourceWithLineNumbers}`);
-    }
-    return shader;
-}
-export function createProgram(gl, vertexSource, fragmentSource) {
-    const program = gl.createProgram();
-    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
-    gl.compileShader(vertexShader);
-    if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
-        console.error(gl.getShaderInfoLog(vertexShader));
-        return;
-    }
-    gl.compileShader(fragmentShader);
-    if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
-        console.error(gl.getShaderInfoLog(fragmentShader));
-        return;
-    }
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-    gl.linkProgram(program);
-    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        console.error(gl.getProgramInfoLog(program));
-        return;
-    }
-    return program;
-}
-export function createProgramWrapper(gl, vertexSource, fragmentSource) {
-    const program = gl.createProgram();
-    const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource);
-    const fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
-    gl.attachShader(program, vertexShader);
-    gl.attachShader(program, fragmentShader);
-    gl.linkProgram(program);
-    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
-        // console.log(gl.getProgramInfoLog(program));
-        throw new Error(gl.getProgramInfoLog(program));
-    }
-    const wrapper = { program: program };
-    const numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
-    for (let i = 0; i < numAttributes; i++) {
-        const attribute = gl.getActiveAttrib(program, i);
-        wrapper[attribute.name] = gl.getAttribLocation(program, attribute.name);
-    }
-    const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
-    for (let i = 0; i < numUniforms; i++) {
-        const uniform = gl.getActiveUniform(program, i);
-        wrapper[uniform.name] = gl.getUniformLocation(program, uniform.name);
-    }
-    return wrapper;
-}
-export function createTexture(gl, filter, data, width, height) {
-    const texture = gl.createTexture();
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-    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.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
-    if (data instanceof Uint8Array) {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    else {
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
-    }
-    gl.bindTexture(gl.TEXTURE_2D, null);
-    return texture;
-}
-export function bindTexture(gl, texture, unit) {
-    gl.activeTexture(gl.TEXTURE0 + unit);
-    gl.bindTexture(gl.TEXTURE_2D, texture);
-}
-export function createBuffer(gl, data) {
-    const buffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);
-    return buffer;
-}
-export function bindAttribute(gl, buffer, attribute, numComponents) {
-    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-    gl.enableVertexAttribArray(attribute);
-    gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
-}
-export function bindFramebuffer(gl, framebuffer, texture) {
-    if (texture) {
-        gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
-    }
-    else {
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-    }
-}
-export function decodeBase64(data) {
-    const binary_string = atob(data);
-    const len = binary_string.length;
-    const bytes = new Uint8Array(len);
-    for (let i = 0; i < len; i++) {
-        bytes[i] = binary_string.charCodeAt(i);
-    }
-    return bytes;
-}
-export function createImageFromBase64(encodedData) {
-    const bytes = decodeBase64(encodedData);
-    const blob = new Blob([bytes.buffer], { type: "image/png" });
-    const urlCreator = window.URL || window.webkitURL;
-    const imageUrl = urlCreator.createObjectURL(blob);
-    const image = new Image();
-    image.src = imageUrl;
-    return image;
-}
-export function getColorRamp(colors) {
-    // console.log("getColorRamp", colors)
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = 256;
-    canvas.height = 1;
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (const stop in colors) {
-        // console.log("stop", stop);
-        gradient.addColorStop(colors[stop][0], colors[stop][1]);
-        // Alttaki satir ile gradienti cevirip, shaderda ki `speed_t = 1.0 - speed_t`' kaldirdim.
-        // gradientin en dusuk olmasi gereken siyah - mavi aralikta, mor renk gozlemledim.
-        // gradient.addColorStop( 1.0 - colors[stop][0], colors[stop][1]);
-    }
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-export function getColorRampDiscrate(values, thresholds) {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = 256;
-    canvas.height = 1;
-    const gap = 1.0 / 256;
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    for (let i = 0; i < thresholds.length - 1; i++) {
-        gradient.addColorStop(thresholds[i], values[i]);
-        gradient.addColorStop(thresholds[i + 1] - gap, values[i]);
-    }
-    gradient.addColorStop(thresholds[thresholds.length - 1], values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-export function getColorRampInterpolated(values, thresholds) {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = 256;
-    canvas.height = 1;
-    const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-    // const gap = 1.0 / 256;
-    // gradient.addColorStop(thresholds[0], values[0]);
-    // gradient.addColorStop(thresholds[0] + gap, values[1]);
-    for (let i = 0; i < thresholds.length; i++) {
-        gradient.addColorStop(thresholds[i], values[i]);
-    }
-    // gradient.addColorStop(thresholds[thresholds.length - 1] - gap, values[values.length - 1]);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, 256, 1);
-    return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-/**
- * values: n + 1 number of color hex values without alpha channel. Ex: ["#ff0000", "#00ff00", "#0000ff"]
- * thresholds: n number of thresholds. Ex: [0, 10, 20]
- * mode: [discrete, interpolated,]
- */
-export function getColorRampModed(values, thresholds, mode = "interpolated") {
-    if (mode === "discrete") {
-        return getColorRampDiscrate(values, thresholds);
-    }
-    else if (mode === "interpolated") {
-        return getColorRampInterpolated(values, thresholds);
-    }
-    else {
-        throw new Error("mode is not valid");
-    }
-}
-export function defaultColorRamp() {
-    const defaultRampColors = [
-        [0.0, '#5e4fa2'],
-        [0.15, '#3288bd'],
-        [0.20, '#66c2a5'],
-        [0.25, '#66c2a5'],
-        [0.3, '#abdda4'],
-        [0.4, '#e6f598'],
-        [0.5, '#fee08b'],
-        [0.6, '#fdae61'],
-        [0.7, '#f46d43'],
-        [1.0, '#ff1e13']
-    ];
-    return getColorRamp(defaultRampColors);
-}
-export function reloadCurrentGLProgram() {
-    return function (target, key, descriptor) {
-        const originalMethod = descriptor.value;
-        descriptor.value = function () {
-            const gl = target.gl;
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            originalMethod.apply(this, arguments);
-            gl.useProgram(currentProgram);
-        };
-    };
-}