@pirireis/webglobeplugins 0.15.1-alpha → 0.15.2-3.alpha

package/programs/rings/partial-ring/piece-of-pie copy.js

@@ -1,286 +0,0 @@
-import { createProgram } from "../../../util/webglobjectbuilders";
-import { CameraUniformBlockTotem, CameraUniformBlockString } from "../../totems/index";
-import { noRegisterGlobeProgramCache, globeProgramCache } from "../../programcache";
-import { POLE, PI, longLatRadToMercator, mercatorXYToGLPosition, longLatRadToCartesian3D, circleLimpFromLongLatRadCenterCartesian3D_accurate, circleLimpFromLongLatRadCenterMercatorCompass_accurate, 
-//circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate,
-cartesian3DToGLPosition } from "../../../util/shaderfunctions/geometrytransformations";
-/**
- * TODO:
- * 1. Triangle face looks at screen. if rotation angle is positive the last vertex must be the faintest.
- *
- */
-const drawModeMap = Object.freeze({
-    LINE_STRIP: 0,
-    TRIANGLE_FAN: 1,
-});
-//${ circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate }
-const vertexShaderSource = `#version 300 es
-
-${CameraUniformBlockString} 
-${PI} 
-${longLatRadToMercator}
-${mercatorXYToGLPosition}
-${longLatRadToCartesian3D}
-${circleLimpFromLongLatRadCenterCartesian3D_accurate}
-${circleLimpFromLongLatRadCenterMercatorCompass_accurate}
-${cartesian3DToGLPosition}
-
-uniform float edge_count;
-uniform int draw_mode; // %2 => 0: LINE_STRIP, 1: TRIANGLE_FAN 
-uniform float plugin_alpha_multiplier;
-//, lat, startAngle, tailAngle, ...rgba, radius, rgbaMode
-// in vec2 center; // long, lat in radian
-in vec2 center2d;
-in vec3 center3d;
-in float start_angle2d; 
-in float tail_angle2d;
-
-in float start_angle3d;
-in float tail_angle3d;
-
-in vec4 color;
-in float radius; // in meter
-in float filling_mode; // 0.0: constant, 1.0: fading, 2.0: hide
-// flat out int vid;
-// flat out float v_phase;
-out vec2 v_pos;
-out vec4 v_color;
-// flat out float v_angle;
-
-void main() {
-    // vid = gl_VertexID;
-    if (filling_mode == 2.0 || radius == 0.0) { return; }
-    float start_angle, tail_angle;
-    if (is3D) {
-        start_angle = start_angle3d;
-        tail_angle = tail_angle3d;
-    } else {
-        start_angle = start_angle2d;
-        tail_angle = tail_angle2d;
-    }
-    float filling_mode_ = filling_mode;
-    if ( draw_mode == 0 && filling_mode == 1.0) {filling_mode_ = 0.0;}
-    float vertexID = float(gl_VertexID);
-    float radius_ = radius;
-    float alpha = plugin_alpha_multiplier;
-    if (draw_mode == 1) { // TRIANGLE_FAN
-        if (gl_VertexID == 0) { 
-            radius_ = 0.0; 
-            if ( filling_mode == 1.0 ) { alpha = 0.0; }
-        }
-        vertexID -= 1.0;
-    }
-    float phase = ( vertexID  / (edge_count - 1.0) );
-    // v_angle = tail_angle;
-    
-    if ( filling_mode_ == 1.0 ) {
-        if ( tail_angle < 0.0 ) {
-                v_color = vec4( color.rgb , color.a * ( 1.0 - phase ) * alpha );
-            } else {
-                v_color = vec4( color.rgb , color.a * phase * alpha );
-        }
-    } else {
-        v_color = vec4( color.rgb , color.a * alpha );
-    }
-    if ( filling_mode == 0.0 && draw_mode == 1 ) {
-        v_color.a /= 2.0;
-    }
-    float angle;
-    if ( tail_angle > 0.0 ) { 
-        angle =  tail_angle * (-phase + 1.0) + start_angle;
-        } else {
-        angle = tail_angle * phase + start_angle;
-    }
-    if (is3D) {
-        vec3 pos = circleLimpFromLongLatRadCenterCartesian3D_accurate(center3d, radius_, angle);
-        v_pos = vec2(0.0, 0.0);
-        gl_Position = cartesian3DToGLPosition(pos);
-    }
-    else {
-        vec2 pos2 = circleLimpFromLongLatRadCenterMercatorCompass_accurate(center2d, radius_, angle);
-        v_pos = pos2;
-        gl_Position = mercatorXYToGLPosition(pos2);
-    }
-
-    gl_PointSize = 10.0;
-}`;
-const fragmentShaderSource = `#version 300 es` + POLE + PI + `
-precision highp float;
-// flat in int vid;
-in vec4 v_color;
-in vec2 v_pos;
-// flat in float v_phase;
-// in float v_angle;
-out vec4 outColor;
-void main() {
-    // if( vid % 2 == 0 ) { discard; }
-    // if ( mod(v_angle, PI / 36.0 ) < (PI / 72.0)) { discard; }
-    // if ( mod(v_angle * v_phase,  PI / 90.0 ) < (PI / 180.0)) { discard; }
-    if ( v_pos.x < -POLE || v_pos.x > POLE || v_pos.y < -POLE || v_pos.y > POLE ) { discard; }
-    outColor = v_color;
-}`;
-export const ITEM_SIZE = 10;
-export class Logic {
-    globe;
-    gl;
-    _lastMode;
-    _lastEdgeCount;
-    _lastAlphaMultiplier;
-    program;
-    _edgeCountLocation;
-    _draw_modeLocation;
-    _plugin_alpha_multiplierLocation;
-    cameraBlockBindingPoint;
-    cameraBlockTotem; // Type this based on your CameraUniformBlockTotem implementation
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._lastMode = 0;
-        this._lastEdgeCount = 64;
-        this._lastAlphaMultiplier = 1.0;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
-        const { gl, program } = this;
-        { // set attributes locations 
-            gl.bindAttribLocation(program, 0, 'center2d');
-            gl.bindAttribLocation(program, 1, 'center3d');
-            gl.bindAttribLocation(program, 2, 'start_angle2d');
-            gl.bindAttribLocation(program, 3, 'tail_angle2d');
-            gl.bindAttribLocation(program, 4, 'start_angle3d');
-            gl.bindAttribLocation(program, 5, 'tail_angle3d');
-            gl.bindAttribLocation(program, 6, 'color');
-            gl.bindAttribLocation(program, 7, 'radius');
-            gl.bindAttribLocation(program, 8, 'filling_mode');
-            // vao
-            // instanced draw read 1 
-        }
-        { // Uniforms
-            this._edgeCountLocation = gl.getUniformLocation(program, 'edge_count');
-            this._draw_modeLocation = gl.getUniformLocation(program, 'draw_mode');
-            this._plugin_alpha_multiplierLocation = gl.getUniformLocation(program, 'plugin_alpha_multiplier');
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            gl.useProgram(program);
-            gl.uniform1i(this._draw_modeLocation, this._lastMode);
-            gl.uniform1f(this._edgeCountLocation, this._lastEdgeCount);
-            gl.uniform1f(this._plugin_alpha_multiplierLocation, 1.0);
-            this.cameraBlockBindingPoint = 0;
-            this.cameraBlockTotem = globeProgramCache.getProgram(globe, CameraUniformBlockTotem);
-            const cameraBlockIndex = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-            gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
-            gl.useProgram(currentProgram);
-        }
-    }
-    draw(length, vao, edgeCount, alphaMultiplier, drawMode) {
-        const { gl, program, cameraBlockTotem, cameraBlockBindingPoint } = this;
-        // gl.disable(gl.DEPTH_TEST);
-        gl.useProgram(program);
-        if (drawModeMap[drawMode] !== this._lastMode) {
-            gl.uniform1i(this._draw_modeLocation, drawModeMap[drawMode]);
-            this._lastMode = drawModeMap[drawMode];
-        }
-        if (edgeCount !== this._lastEdgeCount) {
-            gl.uniform1f(this._edgeCountLocation, edgeCount);
-            this._lastEdgeCount = edgeCount;
-        }
-        if (alphaMultiplier !== this._lastAlphaMultiplier) {
-            gl.uniform1f(this._plugin_alpha_multiplierLocation, alphaMultiplier);
-            this._lastAlphaMultiplier = alphaMultiplier;
-        }
-        const overdraw = drawModeMap[drawMode];
-        cameraBlockTotem.bind(cameraBlockBindingPoint);
-        gl.bindVertexArray(vao);
-        gl.drawArraysInstanced(gl[drawMode], 0, edgeCount + overdraw, length);
-        cameraBlockTotem.unbind(cameraBlockBindingPoint);
-        gl.bindVertexArray(null);
-        // gl.enable(gl.DEPTH_TEST);
-    }
-    free() {
-        noRegisterGlobeProgramCache.releaseProgram(this.globe, CameraUniformBlockTotem);
-        this.gl.deleteProgram(this.program);
-        this.program = null;
-    }
-    /**
-     * in vec2 center; // long, lat in radian
-    in float start_angle; // the start of partial circle from bearing point
-    in float tail_angle; // the rotation of the partial circle
-    in vec4 color;
-    in float radius; // in meter
-    in float filling_mode; // 0.0: constant, 1.0: fading, 2.0: hide
-     */
-    createVAO(center2dObj, center3dObj, startAngle2DObj, tailAngle2DObj, startAngle3DObj, tailAngle3DObj, colorObj, radiusObj, colorModeObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        gl.bindVertexArray(vao);
-        {
-            const { buffer, stride, offset } = center2dObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(0);
-            gl.vertexAttribPointer(0, 2, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(0, 1);
-        }
-        {
-            const { buffer, stride, offset } = center3dObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(1);
-            gl.vertexAttribPointer(1, 3, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(1, 1);
-        }
-        {
-            const { buffer, stride, offset } = startAngle2DObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(2);
-            gl.vertexAttribPointer(2, 1, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(2, 1);
-        }
-        {
-            const { buffer, stride, offset } = tailAngle2DObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(3);
-            gl.vertexAttribPointer(3, 1, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(3, 1);
-        }
-        {
-            const { buffer, stride, offset } = startAngle3DObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(4);
-            gl.vertexAttribPointer(4, 1, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(4, 1);
-        }
-        {
-            const { buffer, stride, offset } = tailAngle3DObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(5);
-            gl.vertexAttribPointer(5, 1, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(5, 1);
-        }
-        {
-            const { buffer, stride, offset } = colorObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(6);
-            gl.vertexAttribPointer(6, 4, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(6, 1);
-        }
-        {
-            const { buffer, stride, offset } = radiusObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(7);
-            gl.vertexAttribPointer(7, 1, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(7, 1);
-        }
-        {
-            const { buffer, stride, offset } = colorModeObj;
-            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-            gl.enableVertexAttribArray(8);
-            gl.vertexAttribPointer(8, 1, gl.FLOAT, false, stride, offset);
-            gl.vertexAttribDivisor(8, 1);
-        }
-        gl.bindVertexArray(null);
-        gl.bindBuffer(gl.ARRAY_BUFFER, null);
-        return vao;
-    }
-    createUBO() {
-    }
-}
-export const PieceOfPieProgramCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
-});

package/semiplugins/shape-on-terrain/derived/padding-plugin.js

@@ -1,101 +0,0 @@
-import { ArcOnTerrainPlugin } from "../arc-plugin";
-const EDGE_COUNT = 5;
-const paddingKeys = (padding) => {
-    const stepCount = padding.coverAngle / padding.stepAngle;
-    const keys = new Array(Math.ceil(stepCount));
-    for (let i = 0; i < stepCount; i++) {
-        keys[i] = padding.key + i;
-    }
-    if (keys.length > stepCount) {
-        keys[keys.length - 1] = padding.key + stepCount;
-    }
-    return keys;
-};
-const adapterPadding2Arc = (globe, padding) => {
-    const stepCount = padding.coverAngle / padding.stepAngle;
-    const result = new Array(Math.ceil(stepCount));
-    const fill = (i, angle) => {
-        const startPoint = globe.Math.FindPointByPolar(padding.center[0], padding.center[1], padding.outerRadius, angle);
-        const endPoint = globe.Math.FindPointByPolar(padding.center[0], padding.center[1], padding.innerRadius, angle);
-        result[i] = {
-            key: padding.key + i,
-            start: [startPoint.long, startPoint.lat],
-            end: [endPoint.long, endPoint.lat],
-            color: padding.color,
-            height: padding.height,
-        };
-    };
-    for (let i = 0; i < stepCount; i++) {
-        const angle = padding.startAngle + i * padding.stepAngle;
-        fill(i, angle);
-    }
-    if (result.length > stepCount) {
-        const i = result.length - 1;
-        const angle = padding.startAngle + padding.coverAngle;
-        fill(i, angle);
-    }
-    return result;
-};
-export const chargerAdaptor = (chargerInput, plugin, padding) => {
-};
-export class PaddingPlugin {
-    id;
-    arcPlugin;
-    globe = null;
-    _memory = new Map();
-    isFreed = false;
-    constructor(id, { variativeColorsOn = true, defaultColor = [1, 1, 1, 1], defaultHeightFromGroundIn3D = 30.0, vertexCount = EDGE_COUNT } = {}) {
-        this.id = id;
-        this.arcPlugin = new ArcOnTerrainPlugin(id, {
-            cameraAttractionIsOn: false,
-            vertexCount: vertexCount,
-            variativeColorsOn: variativeColorsOn,
-            defaultColor: defaultColor,
-            defaultHeightFromGroundIn3D: defaultHeightFromGroundIn3D,
-        });
-    }
-    insertBulk(items) {
-        for (const padding of items) {
-            this.__delete(padding.key);
-            this._memory.set(padding.key, padding);
-        }
-        const arcInputs = items.flatMap(padding => adapterPadding2Arc(this.globe, padding));
-        this.arcPlugin.insertBulk(arcInputs);
-    }
-    deleteBulk(keys) {
-        const arcKeys = keys.flatMap(key => paddingKeys({ key, center: [0, 0], outerRadius: 0, innerRadius: 0, startAngle: 0, coverAngle: 0, stepAngle: 0, color: [0, 0, 0, 1] }));
-        this.arcPlugin.deleteBulk(arcKeys);
-    }
-    updateColor(key, color) {
-        // TODO: get all padding keys and update all of them
-        if (!this._memory.has(key)) {
-            console.warn(`Padding with key ${key} does not exist.`);
-            return;
-        }
-        const keys = paddingKeys(this._memory.get(key));
-        for (let i = 0; i < keys.length; i++) {
-            this.arcPlugin.updateColor(keys[i], color);
-        }
-    }
-    __delete(key) {
-        const padding = this._memory.get(key);
-        if (padding) {
-            const keys = paddingKeys(padding);
-            this.arcPlugin.deleteBulk(keys);
-            this._memory.delete(key);
-        }
-    }
-    init(globe, gl) {
-        this.globe = globe;
-        this.arcPlugin.init(globe, gl);
-    }
-    draw3D() {
-        this.arcPlugin.draw3D();
-    }
-    free() {
-        if (this.isFreed)
-            return;
-        this.isFreed = true;
-        this.arcPlugin.free();
-    }
-}

package/semiplugins/shape-on-terrain/one-degree-padding.js

@@ -1,85 +0,0 @@
-"use strict";
-// //      One Degree Padding
-// /**
-//  * 2d coordinates are loaded ones
-//  * 3d coordinates are calculated on the fly.
-//  *
-//  * 2d paddings are fixed size
-//  * 3d paddings gets shortened as lod increases
-//  *
-//  * color buffer is shared and does not change on unless insert or delete
-//  * changing color can be done by re inserting
-//  *
-//  *
-//  *
-//  */
-// import { Globe, LongLat, Meter, Color } from '../../types';
-// import { BufferManagersMap } from '../../util/account/single-attribute-buffer-management/types';
-// import { BufferManager } from '../../util/account/single-attribute-buffer-management/buffer-manager';
-// import { BufferOrchestrator } from '../../util/acconut/single-attribute-buffer-management/buffer-orchestrator';
-// import { LineStripProgramCache, LineProgram } from '../../programs/line-on-globe/linestrip/linestrip';
-// import { ProgramInterface } from '../../types';
-// export type OneDegreePaddingInput = {
-//     key: string;
-//     center: LongLat;
-//     outerRadius: Meter;
-//     color: Color;
-// };
-// const _float32Array = new Float32Array(360 * 3 * 2).fill(NaN);
-// export class Paddings1Degree implements ProgramInterface {
-//     id: string;
-//     private globe: Globe | null = null;
-//     private bufferOrchestrator: BufferOrchestrator;
-//     private bufferManagersMap: BufferManagersMap;
-//     private lineProgram: LineProgram | null = null;
-//     private _LODCoeffecientForPaddingScale: number = 1;
-//     private _PaddingSizeRatio = 0.1; // 0.1 means 10% of the padding size is used for 3d padding
-//     private _finalPaddingSizeRatio = 0.1; // this._LODCoefficientForPaddingScale * this._PaddingSizeRatio; // final padding size ratio is the product of LOD coefficient and padding size ratio
-//     constructor(id: string, { capacity = 1000 } = {}) {
-//         this.id = id;
-//         this.bufferOrchestrator = new BufferOrchestrator({ capacity });
-//         this.bufferManagersMap = new Map();
-//         this.lineProgram = null;
-//     }
-//     init(globe: Globe): void {
-//         this.globe = globe;
-//         this.lineProgram = LineStripProgramCache.get(globe);
-//     }
-//     __updateLODCoefficientForPaddingScale(): void {
-//         // TODO: call this ones when lod changes or each frame // maybe only on 3d geometry
-//     }
-//     __fillBufferManagersMap() {
-//         const globe = this.globe as Globe;
-//         const gl = globe.gl as WebGL2RenderingContext;
-//         this.bufferManagersMap.set("position2d", {
-//             bufferManager: new BufferManager(gl,
-//                 360 * (2 + 1), // plus 1 to cut
-//                 { bufferType: "STATIC_DRAW", initialCapacity: 10 }),
-//             adaptor: (PaddingInput: OneDegreePaddingInput) => {
-//                 for (let i = 0; i < 360; i++) {
-//                     let { long, lat } = globe.Math.FindPointByPolar(
-//                         PaddingInput.center[0], // center long
-//                         PaddingInput.center[1], // center lat
-//                         PaddingInput.outerRadius, // outer radius
-//                         i, // angle
-//                     )
-//                     let corrds = globe.api_GetMercator2DPoint(long, lat);
-//                     // fill the second coordinate with 0
-//                     _float32Array[i * 3] = corrds[0];
-//                     _float32Array[i * 3 + 1] = corrds[1];
-//                     ({ long, lat } = globe.Math.FindPointByPolar(
-//                         PaddingInput.center[0], // center long
-//                         PaddingInput.center[1], // center lat
-//                         PaddingInput.outerRadius * this._finalPaddingSizeRatio, // inner radius
-//                         i, // angle
-//                     ));
-//                     let innerCorrds = globe.api_GetMercator2DPoint(long, lat);
-//                     // fill the second coordinate with 0
-//                     _float32Array[i * 3 + 2] = innerCorrds[0];
-//                     _float32Array[i * 3 + 3] = innerCorrds[1];
-//                 }
-//                 return _float32Array;
-//             }
-//         });
-//         // Other methods like draw, insertBulk, deleteBulk, etc. would go here
-//     }