@pirireis/webglobeplugins 0.9.6 → 0.9.7

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

@@ -1,202 +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,191 +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/degree-padding-around-circle-3d.js

@@ -1,188 +0,0 @@
-import { createProgram } from "../../util/webglobjectbuilders";
-import { CameraUniformBlockString, CameraUniformBlockTotemCache } from "../totems/camerauniformblock";
-import { noRegisterGlobeProgramCache } from "../programcache";
-// import { vaoAttributeLoader } from "../../util/account/util";
-import { attributeLoader } from "../../util/gl-util/buffer/attribute-loader";
-import { Z_ALPHA_MODE } from "./util";
-import {
-    cartesian3DToGLPosition,
-    circleLimpFromLongLatRadCenterCartesian3D_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 INITIAL_EDGE_COUNT = 720;
-
-const vertexShaderSource = `#version 300 es
-precision highp float;
-${CameraUniformBlockString}
-${cartesian3DToGLPosition}
-${circleLimpFromLongLatRadCenterCartesian3D_accurate}
-
-
-in vec3 center_position3d;
-in float big_radius;
-in float small_radius;
-in vec4 color;
-
-uniform float edge_count;
-uniform float step_angle;
-uniform int z_alpha_on;
-
-out float interpolation;
-out vec4 v_color;
-void main() {
-    if( !is3D) {
-        return;
-    }
-    v_color = color;
-    if ( z_alpha_on == 1 ){
-        float z_alpha = pow(z_level * 0.75, 3.0) * distance(big_radius, small_radius) / (R * 2.0);
-        if ( z_alpha < 0.1 ) { return; }
-        v_color.a *= z_alpha;
-    }
-    int pad_phase =  gl_VertexID % 2; // 0 or 1
-    interpolation = float( gl_VertexID - pad_phase) / edge_count;
-    float angle = float( gl_VertexID - pad_phase) * step_angle;
-    vec3 position;
-    if ( pad_phase == 0 ) {
-        position = circleLimpFromLongLatRadCenterCartesian3D_accurate(center_position3d, big_radius, angle);
-    } else {
-        position = circleLimpFromLongLatRadCenterCartesian3D_accurate(center_position3d, small_radius, angle);
-    }
-    gl_Position = cartesian3DToGLPosition(position);
-
-    gl_PointSize = 5.0;
-}`
-
-const fragmentShaderSource = `#version 300 es
-${POLE}
-precision highp float;
-uniform float opacity;
-in vec4 v_color;
-in float interpolation;
-in vec2 v_limp;
-out vec4 color;
-void main() {
-    color = v_color;
-    color.a *= opacity;
-}
-`;
-
-
-
-class Logic {
-
-    constructor(globe) {
-        this.globe = globe;
-        this.gl = globe.gl;
-        this._lastOpacity = 1.0;
-        this._lastEdgeCount = INITIAL_EDGE_COUNT;
-        this._lastStepAngle = 720 / INITIAL_EDGE_COUNT;
-        this._lastZAlphaMode = Z_ALPHA_MODE.ON;
-        this.program = createProgram(this.gl, vertexShaderSource, fragmentShaderSource);
-
-        const { gl, program } = this;
-        this.program.uniforms = {
-            opacity: gl.getUniformLocation(program, "opacity"),
-            edgeCount: gl.getUniformLocation(program, "edge_count"),
-            stepAngle: gl.getUniformLocation(program, "step_angle"),
-            zAlphaMode: gl.getUniformLocation(program, "z_alpha_on")
-        };
-
-        { // initial uniform values
-            const currentProgram = gl.getParameter(gl.CURRENT_PROGRAM);
-            gl.useProgram(program);
-            gl.uniform1f(program.uniforms.opacity, 1.0);
-            gl.uniform1f(program.uniforms.edgeCount, INITIAL_EDGE_COUNT * 2);
-            gl.uniform1f(program.uniforms.stepAngle, this._lastStepAngle * Math.PI / 360);
-            gl.uniform1i(program.uniforms.zAlphaMode, Z_ALPHA_MODE.ON);
-            gl.useProgram(currentProgram);
-        }
-
-        {   // assign attribute locations
-            gl.bindAttribLocation(program, 0, "center_position3d");
-            gl.bindAttribLocation(program, 1, "big_radius");
-            gl.bindAttribLocation(program, 2, "small_radius");
-            gl.bindAttribLocation(program, 3, "color");
-
-        }
-
-        this.cameraBindingPoint = 0;
-        this.cameraBlockTotem = CameraUniformBlockTotemCache.get(globe);
-        const cameraBlockLocation = gl.getUniformBlockIndex(program, "CameraUniformBlock");
-        gl.uniformBlockBinding(program, cameraBlockLocation, this.cameraBindingPoint);
-    }
-
-    createVAO(center3dObj, bigRadiusObj, smallRadiusObj, colorObj) {
-        const { gl } = this;
-        const vao = gl.createVertexArray();
-        const divisor = 1;
-        gl.bindVertexArray(vao);
-
-
-        attributeLoader(gl, center3dObj, 0, 3, { divisor });
-
-        attributeLoader(gl, bigRadiusObj, 1, 1, { divisor });
-
-        attributeLoader(gl, smallRadiusObj, 2, 1, { divisor });
-
-        attributeLoader(gl, colorObj, 3, 4, { divisor });
-
-        gl.bindVertexArray(null);
-        return vao;
-    }
-
-    draw(vao, length, edgeCount, stepAngle, opacity, zAlphaMode = Z_ALPHA_MODE.ON) {
-        const { gl, program, cameraBlockTotem, cameraBindingPoint } = this;
-        gl.useProgram(program);
-
-        if (this._lastOpacity !== opacity) {
-            gl.uniform1f(program.uniforms.opacity, opacity);
-            this._lastOpacity = opacity;
-        }
-        if (this._lastEdgeCount !== edgeCount) {
-            gl.uniform1f(program.uniforms.edgeCount, 2 * edgeCount);
-            this._lastEdgeCount = edgeCount;
-        }
-        if (this._lastStepAngle !== stepAngle) {
-            gl.uniform1f(program.uniforms.stepAngle, stepAngle * Math.PI / 360);
-            this._lastStepAngle = stepAngle;
-        }
-        if (this._lastZAlphaMode !== zAlphaMode) {
-            gl.uniform1i(program.uniforms.zAlphaMode, zAlphaMode);
-            this._lastZAlphaMode = zAlphaMode;
-        }
-        gl.bindVertexArray(vao);
-        cameraBlockTotem.bind(cameraBindingPoint);
-        gl.drawArraysInstanced(gl.LINES, 0, edgeCount * 2, length);
-        // gl.drawArraysInstanced(gl.POINTS, 0, edgeCount, 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 CirclePadding3DCache = Object.freeze({
-    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, Logic),
-    release: (globe) => noRegisterGlobeProgramCache.releaseProgram(globe, Logic)
-});