@pirireis/webglobeplugins 0.12.0-alpha → 0.14.0-alpha

package/programs/line-on-globe/circle-accurate.js

@@ -1,175 +0,0 @@
-import { createProgram } from "../../util/webglobjectbuilders";
-import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
-import { noRegisterGlobeProgramCache } from "../programcache";
-import { vaoAttributeLoader } from "../../util/account/util";
-import { longLatRadToMercator, longLatRadToCartesian3D, cartesian3DToGLPosition, mercatorXYToGLPosition, realDistanceOnSphereR1, circleLimpFromLongLatRadCenterCartesian3D_accurate, circleLimpFromLongLatRadCenterMercatorCompass_accurate, circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate, POLE } from "../../util/shaderfunctions/geometrytransformations";
-/**
- * TODO:
- * 1. integrate geometry functions for radius angle and center
- * 2. integrate attributes
- *
- * TODO:
- * center_position is too small or doenst loaded as expected.
- */
-const EDGE_COUNT_ON_SPHERE = 360;
-const vertexShaderSource = `#version 300 es
-precision highp float;
-${CameraUniformBlockString}
-${longLatRadToMercator}
-${longLatRadToCartesian3D}
-${cartesian3DToGLPosition}
-${mercatorXYToGLPosition}
-${realDistanceOnSphereR1}
-${circleLimpFromLongLatRadCenterCartesian3D_accurate}
-${circleLimpFromLongLatRadCenterMercatorCompass_accurate}
-${circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate}
-
-uniform float edge_count;
-
-in vec2 center_position;
-in vec3 center_position3d;
-in float radius;
-in vec4 color;
-in float dash_ratio;
-in float dash_opacity;
-
-out float interpolation;
-out vec4 v_color;
-out float v_dash_ratio;
-out float v_dash_opacity;
-out vec2 v_limp;
-void main() {
-    interpolation = float( gl_VertexID ) / ${EDGE_COUNT_ON_SPHERE}.0;
-    float angle = PI * 2.0 * interpolation;
-    if ( is3D ) {
-
-        vec3 position = circleLimpFromLongLatRadCenterCartesian3D_accurate(center_position3d, radius, angle);
-    
-        gl_Position = cartesian3DToGLPosition(position);
-        v_limp = vec2(0.0, 0.0);
-    } else {
-        vec2 position;  
-        if ( radius < 0.0) {
-            float cosine1 = cos(asin(tanh(center_position.y / 6378137.0)));
-            position = circleLimpFromLongLatRadCenterMercatorCompass_accurate(center_position, radius /  cosine1 , angle);
-        } else {
-            position = circleLimpFromLongLatRadCenterMercatorRealDistanceNew_accurate( center_position, radius, angle);
-        }
-        v_limp = position;
-        gl_Position = mercatorXYToGLPosition( position);
-
-    }
-    v_dash_ratio = dash_ratio;
-    v_dash_opacity = dash_opacity;
-    v_color = color;
-    gl_PointSize = 3.0;
-
-}`;
-const fragmentShaderSource = `#version 300 es
-${POLE}
-precision highp float;
-uniform float opacity;
-in vec4 v_color;
-in float v_dash_ratio;
-in float v_dash_opacity;
-in float interpolation;
-in vec2 v_limp;
-out vec4 color;
-void main() {
-    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ color = vec4(0.0,0.0,0.0,0.0); return; }
-    color = v_color;
-    color.a *= opacity;
-    if ( v_dash_ratio == 1.0 || v_dash_ratio == 0.0 ) return;
-    if (fract(interpolation / (2.0 * v_dash_ratio)) < 0.5 ) {
-        color.a *= v_dash_opacity;
-    }   
-}
-`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._lastOpacity = 1.0;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
-        const { gl, program } = this;
-        this.program.uniforms = {
-            opacity: gl.getUniformLocation(program, "opacity")
-        };
-        { // initial uniform values
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            gl.useProgram(program);
-            gl.uniform1f(program.uniforms.opacity, 1.0);
-            gl.useProgram(currentProgram);
-        }
-        { // assign attribute locations
-            gl.bindAttribLocation(program, 0, "center_position");
-            gl.bindAttribLocation(program, 1, "center_position3d");
-            gl.bindAttribLocation(program, 2, "radius");
-            gl.bindAttribLocation(program, 3, "color");
-            gl.bindAttribLocation(program, 4, "dash_ratio");
-            gl.bindAttribLocation(program, 5, "dash_opacity");
-        }
-        this.cameraBindingPoint = 0;
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
-    }
-    createVAO(centerObj, center3dObj, radiusObj, colorObj, dashRatioObj, dashOpacityObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        const divisor = 1;
-        gl.bindVertexArray(vao);
-        { // make this a function end import from account module. 
-            const { buffer, stride = 0, offset = 0 } = centerObj;
-            vaoAttributeLoader(gl, buffer, 0, 2, stride, offset, divisor);
-        }
-        { // make this a function end import from account module. 
-            const { buffer, stride = 0, offset = 0 } = center3dObj;
-            vaoAttributeLoader(gl, buffer, 1, 3, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = radiusObj;
-            vaoAttributeLoader(gl, buffer, 2, 1, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = colorObj;
-            vaoAttributeLoader(gl, buffer, 3, 4, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = dashRatioObj;
-            vaoAttributeLoader(gl, buffer, 4, 1, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = dashOpacityObj;
-            vaoAttributeLoader(gl, buffer, 5, 1, stride, offset, divisor);
-        }
-        gl.bindVertexArray(null);
-        gl.bindVertexArray(null);
-        return vao;
-    }
-    draw(vao, length, opacity) {
-        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
-        gl.useProgram(program);
-        if (this._lastOpacity !== opacity) {
-            gl.uniform1f(program.uniforms.opacity, opacity);
-            this._lastOpacity = opacity;
-        }
-        gl.bindVertexArray(vao);
-        cameraBlockTotem.bind(cameraBindingPoint);
-        gl.drawArraysInstanced(gl.LINE_STRIP, 0, EDGE_COUNT_ON_SPHERE + 1, length);
-        gl.drawArraysInstanced(gl.POINTS, 0, EDGE_COUNT_ON_SPHERE + 1, length);
-        cameraBlockTotem.unbind(cameraBindingPoint);
-        gl.bindVertexArray(null);
-    }
-    free() {
-        if (this.isFreed)
-            return;
-        CameraUniformBlockTotemCache.release(this.globe);
-        this.gl.deleteProgram(this.program);
-        this.isFreed = true;
-    }
-}
-export const CircleCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
-});

package/programs/line-on-globe/circle.js

@@ -1,164 +0,0 @@
-import { createProgram } from "../../util/webglobjectbuilders";
-import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
-import { noRegisterGlobeProgramCache } from "../programcache";
-import { vaoAttributeLoader } from "../../util/account/util";
-import { longLatRadToMercator, longLatRadToCartesian3D, cartesian3DToGLPosition, mercatorXYToGLPosition, realDistanceOnSphereR1, circleLimpFromLongLatRadCenterCartesian3D, circleLimpFromLongLatRadCenterMercatorCompass, circleLimpFromLongLatRadCenterMercatorRealDistance, POLE } from "../../util/shaderfunctions/geometrytransformations";
-/**
- * TODO:
- * 1. integrate geometry functions for radius angle and center
- * 2. integrate attributes
- *
- * TODO:
- * center_position is too small or doenst loaded as expected.
- */
-const EDGE_COUNT_ON_SPHERE = 360;
-const vertexShaderSource = `#version 300 es
-precision highp float;
-${CameraUniformBlockString}
-${longLatRadToMercator}
-${longLatRadToCartesian3D}
-${cartesian3DToGLPosition}
-${mercatorXYToGLPosition}
-${realDistanceOnSphereR1}
-${circleLimpFromLongLatRadCenterCartesian3D}
-${circleLimpFromLongLatRadCenterMercatorCompass}
-${circleLimpFromLongLatRadCenterMercatorRealDistance}
-
-uniform float edge_count;
-
-in vec2 center_position;
-in float radius;
-in vec4 color;
-in float dash_ratio;
-in float dash_opacity;
-
-out float interpolation;
-out vec4 v_color;
-out float v_dash_ratio;
-out float v_dash_opacity;
-out vec2 v_limp;
-void main() {
-    interpolation = float( gl_VertexID ) / ${EDGE_COUNT_ON_SPHERE}.0;
-    float angle = PI * 2.0 * interpolation;
-    if ( is3D ) {
-        vec3 position = circleLimpFromLongLatRadCenterCartesian3D( center_position, radius, angle);
-        gl_Position = cartesian3DToGLPosition(position);
-        v_limp = vec2(0.0, 0.0);
-    } else {
-        vec2 position;
-        if (radius < 1400.0) {
-            position = circleLimpFromLongLatRadCenterMercatorCompass( center_position, radius/ cos(center_position.y), angle);
-        } else {
-           position = circleLimpFromLongLatRadCenterMercatorRealDistance( center_position, radius, angle);
-        }
-        v_limp = position;
-        gl_Position = mercatorXYToGLPosition( position);
-
-    }
-    v_dash_ratio = dash_ratio;
-    v_dash_opacity = dash_opacity;
-    v_color = color;
-
-}`;
-const fragmentShaderSource = `#version 300 es
-${POLE}
-precision highp float;
-uniform float opacity;
-in vec4 v_color;
-in float v_dash_ratio;
-in float v_dash_opacity;
-in float interpolation;
-in vec2 v_limp;
-out vec4 color;
-void main() {
-    if ( v_limp.x < -POLE || v_limp.x > POLE || v_limp.y < -POLE || v_limp.y > POLE ){ color = vec4(0.0,0.0,0.0,0.0); return; }
-    color = v_color;
-    color.a *= opacity;
-    if ( v_dash_ratio == 1.0 || v_dash_ratio == 0.0 ) return;
-    if (fract(interpolation / (2.0 * v_dash_ratio)) < 0.5 ) {
-        color.a *= v_dash_opacity;
-    }   
-}
-`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._lastOpacity = 1.0;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
-        const { gl, program } = this;
-        this.program.uniforms = {
-            opacity: gl.getUniformLocation(program, "opacity")
-        };
-        { // initial uniform values
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            gl.useProgram(program);
-            gl.uniform1f(program.uniforms.opacity, 1.0);
-            gl.useProgram(currentProgram);
-        }
-        { // assign attribute locations
-            gl.bindAttribLocation(program, 0, "center_position");
-            gl.bindAttribLocation(program, 1, "radius");
-            gl.bindAttribLocation(program, 2, "color");
-            gl.bindAttribLocation(program, 3, "dash_ratio");
-            gl.bindAttribLocation(program, 4, "dash_opacity");
-        }
-        this.cameraBindingPoint = 0;
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
-    }
-    createVAO(centerObj, radiusObj, colorObj, dashRatioObj, dashOpacityObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        const divisor = 1;
-        gl.bindVertexArray(vao);
-        { // make this a function end import from account module. 
-            const { buffer, stride = 0, offset = 0 } = centerObj;
-            vaoAttributeLoader(gl, buffer, 0, 2, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = radiusObj;
-            vaoAttributeLoader(gl, buffer, 1, 1, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = colorObj;
-            vaoAttributeLoader(gl, buffer, 2, 4, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = dashRatioObj;
-            vaoAttributeLoader(gl, buffer, 3, 1, stride, offset, divisor);
-        }
-        {
-            const { buffer, stride = 0, offset = 0 } = dashOpacityObj;
-            vaoAttributeLoader(gl, buffer, 4, 1, stride, offset, divisor);
-        }
-        gl.bindVertexArray(null);
-        gl.bindVertexArray(null);
-        return vao;
-    }
-    draw(vao, length, opacity) {
-        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
-        gl.useProgram(program);
-        if (this._lastOpacity !== opacity) {
-            gl.uniform1f(program.uniforms.opacity, opacity);
-            this._lastOpacity = opacity;
-        }
-        gl.bindVertexArray(vao);
-        cameraBlockTotem.bind(cameraBindingPoint);
-        gl.drawArraysInstanced(gl.LINE_STRIP, 0, EDGE_COUNT_ON_SPHERE + 1, length);
-        cameraBlockTotem.unbind(cameraBindingPoint);
-        gl.bindVertexArray(null);
-    }
-    free() {
-        if (this.isFreed)
-            return;
-        CameraUniformBlockTotemCache.release(this.globe);
-        this.gl.deleteProgram(this.program);
-        this.isFreed = true;
-    }
-}
-export const CircleCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
-});

package/programs/line-on-globe/to-the-surface.js

@@ -1,109 +0,0 @@
-import { createProgram } from './util';
-import { CameraUniformBlockTotemCache, CameraUniformBlockString } from '../totems';
-import { cartesian3DToGLPosition, R_3D } from '../../util/shaderfunctions/geometrytransformations';
-import { noRegisterGlobeProgramCache } from '../programcache';
-import { attributeLoader } from '../../util/gl-util/buffer/attribute-loader';
-import '../draw-options/types';
-import { drawInstanced } from '../draw-options/methods';
-const vs = `#version 300 es
-${R_3D}
-${CameraUniformBlockString}
-${cartesian3DToGLPosition}
-in vec3 pos3D
-in vec4 color;
-out float ratio;
-out flat vec4 vColor;
-void main(){
- if ( gl_VertexID  == 0) {
-  gl_Position = cartesian3DToGLPosition(pos3D);
-  ratio =0.0;
- } else {
-  vec3 sea_level_pos3D = norm(pos3D) * R_3D;
-  gl_Position = cartesian3DToGLPosition(pos3D);
-  ratio = 1.0;
- }
- vColor = color;   
-}`;
-const fs = `#version 300 es
-uniform float opacity;
-uniform float phase;
-uniform float fadeOpacity;
-in flat vec4 vColor;
-in float ratio;
-out vec4 fragColor;
-void main(){
- fragColor = vec4( vColor.rgb, vColor.a * opacity);
- if (fadeOpacity < 1.0) {
-  float alpha= mix( fadeOpacity, vColor.a, fract( ratio + phase ));
-  fragColor.a *= alpha;
- } 
-}`;
-class Logic {
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this.program = createProgram(this.gl, vs, fs);
-        const { gl, program } = this;
-        this._opacity = {
-            lastValue: 1.0,
-            location: gl.getUniformLocation(program, 'opacity')
-        };
-        this._phase = {
-            lastValue: 1.0,
-            location: gl.getUniformLocation(program, 'phase')
-        };
-        this._fadeOpacity = {
-            lastValue: 1.0,
-            location: gl.getUniformBlockLocation(program, 'fadeOpacity')
-        };
-        const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-        gl.useProgram(program);
-        [this._opacity, this._phase, this._fadeOpacity].forEach((wrapper) => gl.uniform1f(wrapper.location, wrapper.lastValue));
-        gl.useProgram(currentProgram);
-        gl.useProgram(program);
-        gl.bindAttribLocation(program, 0, 'pos3D');
-        gl.bindAttribLocation(program, 1, 'color');
-        this.cameraUniformBlockTotem = new CameraUniformBlockTotemCache.get(globe);
-        this.cameraBlockBindingPoint = 0;
-        const cameraBlockIndex = gl.getUniformBlockLocation(program, 'CameraUniformBlock');
-        gl.uniformBlockBinding(program, cameraBlockIndex, this.cameraBlockBindingPoint);
-    }
-    createVao(pos3DObj, colorObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        const divisor = 1;
-        gl.bindVertexArray(vao);
-        attributeLoader(gl, pos3DObj, 0, 3, { divisor });
-        attributeLoader(gl, colorObj, 1, 4, { divisor, escapeValue: [-1, -1, -1, -1] });
-        gl.bindVertexArray(null);
-        this._vaoCache.push(vao);
-        return vao;
-    }
-    /**
-     *
-     * @param {WebGL2RenderingContext.vertexArrayObject} vao
-     * @param {Render} drawOptions
-     */
-    draw(vao, drawOptions, { opacity = 1.0, fadeOpacity = 1.0, }) {
-        const { globe, gl, program, _opacity, _fadeOpacity } = this;
-        gl.useProgram(program);
-        gl.bindVertexArray(vao);
-        if (fadeOpacity < 1.0) {
-            this._updatePhase();
-            globe.drawRender();
-        }
-        if (fadeOpacity !== _fadeOpacity.lastValue) {
-            _fadeOpacity.lastValue = fadeOpacity;
-            gl.uniform1f(_fadeOpacity.location, fadeOpacity);
-        }
-        if (opacity !== _opacity.lastValue) {
-            _opacity.lastValue = opacity;
-            gl.uniform1f(_opacity.location, opacity);
-        }
-        drawInstanced(gl, gl.TRIANGLE_FAN, drawOptions);
-    }
-    _updatePhase() {
-        this._phase.lastValue = (Date.now() / 3.0) % 1000;
-        gl.uniform1f(_phase.location, _phase.lastValue);
-    }
-}

package/programs/rings/distancering/shader.js

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

package/programs/totems/canvas-webglobe-info1.js

@@ -1,106 +0,0 @@
-import { globeProgramCache } from "../programcache";
-export const WebglobeInfoUniformBlockString = `
-layout(std140) uniform WebglobeInfo {
-    vec2 canvas_resolution;
-    vec2 mouse_radian_long_lat;
-    vec2 mouse_pixel_xy;
-    float north_angle;
-    float world_tilt;
-    float earth_distance;
-}; 
-`;
-export default class CameraUniformBlockTotem {
-    constructor() {
-        this.id = "CameraUniformBlockTotem";
-        this.description = `Sets a uniform block and provides buffer for it. The following is the glsl uniform block:` + CameraUniformBlockString;
-        this.gl = null;
-        this.globe = null;
-        this.ubo = null;
-    }
-    init(globe, gl) {
-        this.gl = gl;
-        this.globe = globe;
-        this.ubo = this._createUBO();
-        this.traslateFloat32 = new Float32Array(3);
-        this.mapWHFloat32 = new Float32Array(2);
-        this.setGeometry();
-        this.resize();
-    }
-    _createUBO() {
-        const { gl } = this;
-        const ubo = gl.createBuffer();
-        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        gl.bufferData(gl.UNIFORM_BUFFER, 164, gl.STREAM_DRAW);
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-        return ubo;
-    }
-    resize() {
-        const { gl, globe, ubo } = this;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        gl.bufferSubData(gl.UNIFORM_BUFFER, 152, new Float32Array([globe.api_ScrW(), globe.api_ScrH()]));
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    setGeometry() {
-        const { gl, globe, ubo } = this;
-        const is3D = globe.api_GetCurrentGeometry() === 0;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        gl.bufferSubData(gl.UNIFORM_BUFFER, 140, new Float32Array([is3D]));
-    }
-    draw3D(projection, modelView, translate) {
-        const { gl, traslateFloat32, ubo, mapWHFloat32, globe } = this;
-        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        { // view, projection, translate
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 0, modelView);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 64, projection);
-            traslateFloat32.set([translate.x, translate.y, translate.z], 0);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 128, traslateFloat32);
-        }
-        {
-            // zoom level
-            gl.bufferSubData(gl.UNIFORM_BUFFER, 160, new Float32Array([globe.api_GetCurrentLODWithDecimal()]));
-        }
-        { // mapWH
-            if (globe.api_GetCurrentGeometry() === 1) {
-                const { width, height } = globe.api_GetCurrentWorldWH();
-                mapWHFloat32.set([width, height]);
-                gl.bufferSubData(gl.UNIFORM_BUFFER, 144, mapWHFloat32);
-            }
-        }
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-    getUBO() {
-        return this.ubo;
-    }
-    bind(bindingPoint) {
-        const { gl, ubo } = this;
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, ubo);
-    }
-    unbind(bindingPoint) {
-        const { gl } = this;
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, bindingPoint, null);
-    }
-    free() {
-        const { gl, ubo } = this;
-        gl.deleteBuffer(ubo);
-    }
-    readBuffer() {
-        const result = new Float32Array(41);
-        this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, this.ubo);
-        this.gl.getBufferSubData(this.gl.UNIFORM_BUFFER, 0, result);
-        this.gl.bindBuffer(this.gl.UNIFORM_BUFFER, null);
-        return {
-            view: result.slice(0, 16),
-            projection: result.slice(16, 32),
-            translate: result.slice(32, 35),
-            is3D: result[35],
-            mapWH: result.slice(36, 38),
-            screenWH: result.slice(38, 40),
-            z_level: result[40]
-        };
-    }
-}
-export const CameraUniformBlockTotemCache = Object.freeze({
-    get: (globe) => { return globeProgramCache.getProgram(globe, CameraUniformBlockTotem); },
-    release: (globe) => { return globeProgramCache.releaseProgram(globe, CameraUniformBlockTotem); }
-});