@pirireis/webglobeplugins 0.17.1 → 1.0.3

package/programs/polygon-on-globe/texture-dem-triangle-test-plugin-triangle.js

@@ -1,328 +0,0 @@
-import { TextureDemTriangles } from "./texture-dem-triangles";
-import { RADIAN, radianToMercatorXY } from "../../Math/methods";
-import { mergeMeshes } from "../../Math/tessellation/tile-merger";
-import { createTriangleTessellationMeta, getAllPoints, partialTessellation } from "../../Math/tessellation/triangle-tessellation-meta";
-/**
- * Loads a plugin with test data for TextureDemTriangles
- */
-function test1(zoomLevel, p1, p2, p3) {
-    const triangleMeta = createTriangleTessellationMeta(p1, p2, p3);
-    const { vec3s, longLats, indices } = getAllPoints(triangleMeta, zoomLevel);
-    return { vec3s, longLats, indices };
-}
-function partialTest(bboxZooms, p1, p2, p3) {
-    const triangleMeta = createTriangleTessellationMeta(p1, p2, p3);
-    return partialTessellation(triangleMeta, bboxZooms, 5);
-}
-function antalyaTestTriangle() {
-    const p1 = [30.5391 * RADIAN, 36.9083 * RADIAN];
-    const p2 = [32.9271 * RADIAN, 36.9083 * RADIAN];
-    const p3 = [31.7331 * RADIAN, 35.8145 * RADIAN];
-    const bboxZooms = [
-        // 12 zoom level
-        {
-            bbox: {
-                min: [30.5391 * RADIAN, 35.8145 * RADIAN],
-                max: [32.9271 * RADIAN, 36.9083 * RADIAN]
-            }, zoom: 15
-        },
-        // 11 zoom level
-        // {
-        //     bbox: {
-        //         min: [30.5391 * RADIAN, 35.8145 * RADIAN],
-        //         max: [32.9271 * RADIAN, 36.9083 * RADIAN]
-        //     }, zoom: 11
-        // },
-    ];
-    return partialTest(bboxZooms, p1, p2, p3);
-}
-function loadVec3sLongLatsIndices(gl, bufferInfo, data) {
-    // Calculate total sizes
-    let totalVec3s = 0;
-    let totalLongLats = 0;
-    let totalIndices = 0;
-    for (const item of data) {
-        totalVec3s += item.vec3s.length;
-        totalLongLats += item.longLats.length;
-        totalIndices += item.indices.length;
-    }
-    // Pre-allocate arrays
-    const vec3s = new Float32Array(totalVec3s);
-    const longLats = new Float32Array(totalLongLats);
-    const indices = new Uint32Array(totalIndices);
-    let vec3Offset = 0;
-    let longLatOffset = 0;
-    let indexOffset = 0;
-    let vertexOffset = 0;
-    for (const item of data) {
-        // Copy vec3s
-        vec3s.set(item.vec3s, vec3Offset);
-        vec3Offset += item.vec3s.length;
-        // Copy longLats
-        longLats.set(item.longLats, longLatOffset);
-        longLatOffset += item.longLats.length;
-        // Copy and adjust indices
-        for (let i = 0; i < item.indices.length; i++) {
-            indices[indexOffset + i] = item.indices[i] + vertexOffset;
-        }
-        indexOffset += item.indices.length;
-        vertexOffset += item.vec3s.length / 3; // Each vertex has 3 components
-    }
-    gl.bindBuffer(gl.ARRAY_BUFFER, bufferInfo.pos3dBufferInfo.buffer);
-    gl.bufferData(gl.ARRAY_BUFFER, vec3s, gl.STATIC_DRAW);
-    gl.bindBuffer(gl.ARRAY_BUFFER, bufferInfo.longLatBufferInfo.buffer);
-    gl.bufferData(gl.ARRAY_BUFFER, longLats, gl.STATIC_DRAW);
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, bufferInfo.elementBufferInfo.buffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW);
-}
-const createTestBBOXES = () => {
-    const bboxes = [];
-    for (let i = 0; i < 6; i++) {
-        const north = Math.random() * Math.PI / 2 / 1.4; // random latitude
-        const west = Math.random() * -1 * Math.PI / 10; // random longitude
-        const south = north - Math.PI / 30; // random latitude
-        const east = west + Math.PI / 30; // random longitude
-        const ll = [west, north]; // random northWest
-        const ur = [east, south]; // random southEast
-        //
-        bboxes.push({ ll, ur });
-    }
-    return bboxes;
-};
-const demTextureBBOX = createTestBBOXES();
-function showTextureBBoxes(bboxes, demData = []) {
-    for (let i = 0; i < bboxes.length; i++) {
-        const bbox = bboxes[i];
-        console.log(`Texture BBOX ${i}: LL(${(bbox.ll[0] * 180 / Math.PI).toFixed(2)}, ${(bbox.ll[1] * 180 / Math.PI).toFixed(2)}) UR(${(bbox.ur[0] * 180 / Math.PI).toFixed(2)}, ${(bbox.ur[1] * 180 / Math.PI).toFixed(2)})`);
-        if (demData.length > i) {
-            const dem = demData[i];
-            let demStr = "DEM: \n";
-            for (let j = 0; j < dem.length; j++) {
-                demStr += dem[j].toFixed(1) + " ";
-                if ((j + 1) % 5 === 0) {
-                    demStr += "\n";
-                }
-            }
-            console.log(demStr);
-        }
-    }
-}
-const createTestDemTextures = () => {
-    const textures = [];
-    for (let i = 0; i < 6; i++) {
-        const texture = [];
-        for (let j = 0; j < 5 * 5; j++) {
-            const value = 100 * Math.random(); // random elevation value
-            texture.push(value);
-        }
-        textures.push(texture);
-    }
-    return textures;
-};
-// TODO: NAME IT longlat degree or radian
-export function createBuffersAndFill(gl, vec3s, longLats, indices) {
-    const positionBuffer = gl.createBuffer();
-    const longLatBuffer = gl.createBuffer();
-    const indexBuffer = gl.createBuffer();
-    gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vec3s), gl.STATIC_DRAW);
-    gl.bindBuffer(gl.ARRAY_BUFFER, longLatBuffer);
-    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(longLats), gl.STATIC_DRAW);
-    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, indexBuffer);
-    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array(indices), gl.STATIC_DRAW);
-    return {
-        buffers: {
-            positionBuffer,
-            longLatBuffer,
-            indexBuffer
-        }
-    };
-}
-export class TextureDemTrianglesTestPlugin {
-    globe = null;
-    textureDemTriangles = null;
-    vao = null;
-    drawOptions = null;
-    _lastTilesUniqueIdentifier = "";
-    bufferInfo = null;
-    id;
-    uboTriangleStyle = null;
-    uboStringStyle = null;
-    showDemPoints = false;
-    bboxZooms = [];
-    constructor(id) {
-        this.id = id;
-        this.bboxZooms = [];
-    }
-    init(globe) {
-        this.globe = globe;
-        this.textureDemTriangles = new TextureDemTriangles(globe);
-        // set bboxes and dem textures
-        const demTextures = createTestDemTextures();
-        // const demTextureBBOX = createTestBBOXES();
-        this.textureDemTriangles.setDemTextures(demTextures, demTextureBBOX);
-        // 
-        // const baseZoom = 5;
-        showTextureBBoxes(demTextureBBOX, demTextures);
-        this.uboTriangleStyle = this.textureDemTriangles.createUBO();
-        this.uboStringStyle = this.textureDemTriangles.createUBO();
-        this.uboTriangleStyle.updateSingle("u_color", new Float32Array([1.0, 0.0, 0.0, 0.0]));
-        this.uboStringStyle.updateSingle("u_color", new Float32Array([.3, .3, .0, 1.0]));
-        const elementBuffer = globe.gl.createBuffer();
-        const bufferInfo = {
-            pos3dBufferInfo: {
-                buffer: globe.gl.createBuffer(),
-                stride: 0,
-                offset: 0,
-            },
-            longLatBufferInfo: {
-                buffer: globe.gl.createBuffer(),
-                stride: 0,
-                offset: 0,
-            },
-            elementBufferInfo: {
-                buffer: elementBuffer,
-                stride: 0,
-                offset: 0,
-            },
-            drawOptions: {
-                drawRange: { count: 0, first: 0 },
-                drawMode: globe.gl.TRIANGLES,
-                elementBuffer: elementBuffer,
-                elementBufferIndexType: globe.gl.UNSIGNED_INT
-            },
-            drawOptionsPoint: {
-                drawRange: { count: 0, first: 0 },
-                drawMode: globe.gl.POINTS,
-            },
-        };
-        this.vao = this.textureDemTriangles.createVAO(bufferInfo.pos3dBufferInfo, bufferInfo.longLatBufferInfo);
-        this.bufferInfo = bufferInfo;
-        this.setZoom(5);
-    }
-    setUniform(key, value) {
-        if (this.uboTriangleStyle) {
-            this.uboTriangleStyle.updateSingle(key, value);
-        }
-        if (this.uboStringStyle) {
-            this.uboStringStyle.updateSingle(key, value);
-        }
-        this.globe?.DrawRender();
-    }
-    setZoom(zoomLevel) {
-        this.bboxZooms = demTextureBBOX.map((bbox, index) => {
-            return {
-                bbox: {
-                    min: bbox.ll,
-                    max: bbox.ur,
-                }, zoom: index + zoomLevel + 1
-            };
-        });
-        // all world - FIX: Convert to radians
-        this.bboxZooms.push({
-            bbox: {
-                min: [-180 * RADIAN, -90 * RADIAN], // ✓ Now radians
-                max: [180 * RADIAN, 90 * RADIAN] // ✓ Now radians
-            },
-            zoom: zoomLevel
-        });
-        if (!this.globe || !this.textureDemTriangles || !this.bufferInfo)
-            return;
-        // const p1: LongLatRadian = [-20 * Math.PI / 180, 50 * Math.PI / 180];
-        // const p2: LongLatRadian = [20 * Math.PI / 180, 50 * Math.PI / 180];
-        // const p3: LongLatRadian = [0, -10 * Math.PI / 180];
-        const p1 = [-60 * Math.PI / 180, 60 * Math.PI / 180];
-        const p2 = [60 * Math.PI / 180, 60 * Math.PI / 180];
-        const p3 = [0, -60 * Math.PI / 180];
-        const bigTriangle = partialTest(this.bboxZooms, p1, p2, p3);
-        const bufferInfo = this.bufferInfo;
-        const antalya = antalyaTestTriangle();
-        loadVec3sLongLatsIndices(this.globe.gl, bufferInfo, [
-            bigTriangle,
-            antalya
-        ]);
-        bufferInfo.drawOptions.drawRange.first = 0;
-        bufferInfo.drawOptions.drawRange.count = antalya.indices.length + bigTriangle.indices.length;
-        bufferInfo.drawOptionsPoint.drawRange.first = 0;
-        bufferInfo.drawOptionsPoint.drawRange.count = (antalya.longLats.length + bigTriangle.longLats.length) / 2;
-    }
-    setShowDemPoints(show) {
-        this.showDemPoints = show;
-    }
-    draw3D() {
-        if (!this.globe || !this.textureDemTriangles || !this.vao || !this.bufferInfo)
-            return;
-        const gl = this.globe.gl;
-        this._prepareDem();
-        gl.frontFace(gl.CW);
-        // @ts-ignore
-        this.textureDemTriangles.draw(this.vao, this.bufferInfo.drawOptions, this.uboTriangleStyle);
-        if (this.showDemPoints) {
-            // @ts-ignore
-            this.textureDemTriangles.draw(this.vao, this.bufferInfo.drawOptionsPoint, this.uboStringStyle);
-        }
-        gl.frontFace(gl.CCW);
-    }
-    _prepareDem() {
-        if (!this.globe || !this.textureDemTriangles)
-            return;
-        const drawnTiles = this.globe.api_GetDrawedTilesInfo();
-        if (this._checkTileChange(drawnTiles))
-            return;
-        const mergedTiles = mergeMeshes(drawnTiles, 12, 5, 4);
-        // let I = 6;
-        for (const tile of mergedTiles) {
-            const bbox = globeBBoxToXYBBOX(tile.bbox);
-            // Validation: Check if values are in expected radian range
-            // if (Math.abs(bbox.northWest[0]) > Math.PI * 2 || Math.abs(bbox.northWest[1]) > Math.PI) {
-            //     console.error(`⚠️ BBOX out of radian range! Raw bbox:`, tile.bbox);
-            // }
-            if (bbox.ll[0] > bbox.ur[0]) {
-                console.warn(`⚠️ BBOX longitudes seem incorrect! ll longitude is greater than ur longitude. Raw bbox:`, bbox);
-            }
-            if (bbox.ll[1] > bbox.ur[1]) {
-                console.warn(`⚠️ BBOX latitudes seem incorrect! ll latitude is greater than ur latitude. Raw bbox:`, bbox);
-            }
-            // console.log(` BBox LL (${(bbox.ll[0]).toFixed(2)}°, ${(bbox.ll[1]).toFixed(2)}°) UR (${(bbox.ur[0]).toFixed(2)}°, ${(bbox.ur[1]).toFixed(2)}°), Cover: ${tile.coverRatio.x.toFixed(2)}x${tile.coverRatio.y.toFixed(2)}`);
-            // console.log(`${I} Cover: ${tile.coverRatio.x.toFixed(2)} ${tile.coverRatio.y.toFixed(2)}`);
-            // I--;
-        }
-        // console.log("...............................")
-        this.textureDemTriangles.setDemTextures(mergedTiles.map(t => Array.from(t.mesh)), mergedTiles.map(t => globeBBoxToXYBBOX(t.bbox)), mergedTiles.map(t => ({ x: t.coverRatio.x, y: t.coverRatio.y })));
-    }
-    _checkTileChange(drawnTiles) {
-        let maxLevel = 0;
-        let minLevel = Number.MAX_VALUE;
-        const tileMap = new Map();
-        for (const tile of drawnTiles) {
-            if (tile.level > maxLevel) {
-                maxLevel = tile.level;
-            }
-            if (tile.level < minLevel) {
-                minLevel = tile.level;
-            }
-            if (!tileMap.has(tile.level)) {
-                tileMap.set(tile.level, []);
-            }
-            tileMap.get(tile.level).push(tile);
-        }
-        let tilesUniqueId = "";
-        for (let level = minLevel; level <= maxLevel; level++) {
-            const tiles = tileMap.get(level);
-            if (!tiles)
-                continue;
-            tilesUniqueId += `L${level}_C${tiles.length}_`;
-        }
-        if (tilesUniqueId === this._lastTilesUniqueIdentifier)
-            return true;
-        this._lastTilesUniqueIdentifier = tilesUniqueId;
-        return false;
-    }
-}
-function globeBBoxToXYBBOX(t) {
-    // this code scales Y to linear integration
-    return {
-        ll: radianToMercatorXY([t.ll.x * RADIAN, t.ll.y * RADIAN]), // west longitude, north latitude
-        ur: radianToMercatorXY([t.ur.x * RADIAN, t.ur.y * RADIAN]) // east longitude, south latitude
-    };
-}

package/programs/vectorfields/logics/drawrectangleparticles1.js

@@ -1,112 +0,0 @@
-import { createProgram } from "../../../util/webglobjectbuilders";
-import { glProgramCache } from "../../programcache";
-import { SeaWaveUbo } from "./ubo-new";
-/**
- * [+] ubo
- */
-const vertexShaderSource = `#version 300 es
-precision highp float;
-` + SeaWaveUbo.glslCode() + `
-uniform sampler2D u_vector_field;
-in vec2 in_position;
-out vec3 base_color;
-
-
-vec2 read_value(const vec2 uv) {
-    vec2 value = texture(u_vector_field, uv).rg;
-    if ( value.x == escape_value || value.y == escape_value) {
-        return vec2(0.0);
-    }
-    return value;
-}
-    
-
-vec2 lookup_wind(const vec2 uv) { // gerek kalmayabilir. sampler linear methodu ayni isi yapiyor 
-    // return texture(u_vector_field, uv).rg; // lower-res hardware filtering
-    vec2 res = vec2(textureSize(u_vector_field, 0));
-    vec2 px = 1.0 / res;
-    vec2 vc = (floor(uv * res)) * px;
-    vec2 f = fract(uv * res);
-    vec2 tl = read_value(vc).rg;
-    vec2 tr = read_value(vc + vec2(px.x, 0)).rg;
-    vec2 bl = read_value(vc + vec2(0, px.y)).rg;
-    vec2 br = read_value(vc + px).rg;
-
-    return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);
-}
-
-
-void main(){
-    vec2 direction_vector = lookup_wind(in_position);
-    if (direction_vector.r == 0.0 && direction_vector.g == 0.0) return;
-    
-
-    vec2 limp;
-    if ( 0 == gl_VertexID) { limp = -tail_wing_base_limp; }
-    else if ( 1 == gl_VertexID) { limp = vec2( tail_wing_base_limp.x, -tail_wing_base_limp.y); }
-    else if ( 2 == gl_VertexID) { limp = tail_wing_base_limp; }
-    else  { limp = vec2(-tail_wing_base_limp.x,  tail_wing_base_limp.y); } // if ( 3 == gl_VertexID)
-
-    limp = (limp  * mat2( 
-        direction_vector.x, -direction_vector.y,
-        direction_vector.y, direction_vector.x)) / draw_texture_size;
-
-    vec2 pos = in_position * 2.0 - 1.0;
-    gl_Position = vec4(pos + limp, 0.0, 1.0);
-    base_color = color;
-}`;
-const fragmentShaderSource = `#version 300 es
-precision highp float;
-out vec4 outColor;
-in vec3 base_color;
-void main(){
-    outColor = vec4(base_color, 1.0);
-}`;
-class Logic {
-    constructor(gl) {
-        this.gl = gl;
-        [this.program,
-            this._vector_field_location] = this._createProgram();
-        // this.decoyBuffer = new DecoyBufferManager(gl);
-    }
-    _createProgram() {
-        const gl = this.gl;
-        const program = createProgram(gl, vertexShaderSource, fragmentShaderSource);
-        // ubo point
-        // const ubo_location = gl.getUniformBlockIndex(program, 'UBO');
-        // gl.uniformBlockBinding(program, ubo_location, UBO_BINDING_POINT);
-        SeaWaveUbo.assignBindingPoint(gl, program, 0);
-        return [program, gl.getUniformLocation(program, 'u_vector_field')];
-    }
-    /**
-     * @param {*} bufferManager | PingPongBufferManager
-     * @param {*} vectorTexture | RG32F texture R: x, G: y
-     * @param {*} uboManager | WaveParticalUboManager under ubo.js
-     */
-    draw(bufferManager, vectorTexture, uboManager) {
-        const { gl, program } = this;
-        gl.useProgram(program);
-        gl.bindVertexArray(bufferManager.getSourceVao());
-        // gl.bindVertexArray(this.decoyBuffer.getSourceVao());
-        uboManager.bind();
-        gl.activeTexture(gl.TEXTURE0);
-        gl.uniform1i(this._vector_field_location, 0);
-        gl.bindTexture(gl.TEXTURE_2D, vectorTexture);
-        gl.drawArraysInstanced(gl.TRIANGLE_FAN, 0, 4, bufferManager.length);
-        gl.drawArraysInstanced(gl.POINTS, 0, 4, bufferManager.length);
-        gl.bindVertexArray(null);
-        uboManager.unbind();
-    }
-    free() {
-        this.gl.deleteProgram(this.program);
-        this.program = null;
-    }
-}
-export const drawRectangleParticlesProgramCache = Object.freeze({
-    getProgram: (gl) => {
-        return glProgramCache.getProgram(gl, Logic);
-    },
-    releaseProgram: (gl) => {
-        glProgramCache.releaseProgram(gl, Logic);
-    }
-});

package/semiplugins/shape-on-terrain/terrain-cover/texture-dem-cover.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1 +0,0 @@
-"use strict";

package/util/webglobe/index.js

@@ -1,2 +0,0 @@
-export * from './rasteroverlay';
-export * from './gldefaultstates';