@openglobus/og 0.17.2 → 0.18.1

package/src/og/control/RulerSwitcher.js

@@ -1,74 +0,0 @@
-"use strict";
-
-import { ToggleButton } from "../ui/ToggleButton.js";
-import { Control } from "./Control.js";
-import { HeightRuler } from "./heightRuler/HeightRuler.js";
-
-const ICON_BUTTON_SVG = `<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-\t viewBox="0 0 512 512" xml:space="preserve">
-<g>
-\t<g>
-\t\t<path d="M369.151,0L0.001,369.15L142.85,512l369.149-369.15L369.151,0z M47.286,369.15l10.908-10.908l47.782,47.782l23.642-23.642
-\t\t\tL81.837,334.6l10.909-10.909l23.711,23.711L140.1,323.76l-23.711-23.711l10.909-10.909l23.711,23.711l23.642-23.642
-\t\t\tl-23.711-23.711l10.909-10.909l47.782,47.782l23.642-23.642l-47.782-47.782l10.908-10.908l23.71,23.71l23.642-23.642l-23.71-23.71
-\t\t\tl10.908-10.908l23.711,23.711l23.642-23.642l-23.711-23.711l10.909-10.909l47.782,47.782l23.642-23.642l-47.782-47.782
-\t\t\tl10.908-10.908l23.71,23.711l23.642-23.642l-23.711-23.71L334.6,81.837l23.711,23.71l23.642-23.642l-23.711-23.712l10.908-10.908
-\t\t\tl95.564,95.564L142.85,464.714L47.286,369.15z"/>
-\t</g>
-</g>
-</svg>`;
-
-/**
- * Activate ruler
- * @class
- * @extends {Control}
- * @param {Object} [options] - Control options.
- */
-class RulerSwitcher extends Control {
-    constructor(options = {}) {
-        super({
-            name: "RulerSwitcher",
-            ...options
-        });
-
-        this.ruler = new HeightRuler({
-            ignoreTerrain: options.ignoreTerrain
-        });
-    }
-
-    oninit() {
-        this.planet.addControl(this.ruler);
-        this._createMenuBtn();
-    }
-
-    onactivate() {
-        this.ruler.activate();
-    }
-
-    ondeactivate() {
-        this.ruler.deactivate();
-    }
-
-    _createMenuBtn() {
-
-        let btn = new ToggleButton({
-            classList: ["og-map-button", "og-ruler_button"],
-            icon: ICON_BUTTON_SVG
-        });
-
-        btn.appendTo(this.renderer.div);
-
-        btn.on("change", (isActive) => {
-            if (isActive) {
-                this.onactivate();
-            } else {
-                this.ondeactivate();
-            }
-        });
-    }
-}
-
-export { RulerSwitcher };
-

package/src/og/control/ScaleControl.js

@@ -1,119 +0,0 @@
-"use strict";
-
-import { RADIANS } from "../math.js";
-import { Vec3 } from "../math/Vec3.js";
-import { binarySearch, parseHTML } from "../utils/shared.js";
-import { Control } from "./Control.js";
-
-const scale = [
-    1, 2, 3, 5, 10, 20, 30, 50, 100, 200, 300, 500, 1e3, 2e3, 3e3, 5e3, 10e3, 20e3, 30e3, 50e3,
-    100e3, 200e3, 300e3, 500e3, 1000e3, 2000e3, 3000e3, 5000e3, 10000e3
-];
-
-const TEMPLATE = `<div class="og-scale-container">
-      <div class="og-scale-label"></div>
-      <div class="og-scale-ruler"></div>
-    </div>`;
-
-/**
- * Planet zoom buttons control.
- * @class
- * @extends {Control}
- * @params {Object} [options] - Control options.
- */
-class ScaleControl extends Control {
-    constructor(options = {}) {
-        if (!options.name || options.name === "") {
-            options.name = "scaleControl";
-        }
-        super(options);
-        options = options || {};
-
-        this._template = TEMPLATE;
-
-        this.planet = null;
-
-        this._minWidth = 100;
-        this._maxWidth = 150;
-
-        this._isCenter = options.isCenter != undefined ? options.isCenter : true;
-    }
-
-    _renderTemplate() {
-        return parseHTML(this._template)[0];
-    }
-
-    oninit() {
-        this.el = this._renderTemplate();
-
-        this._scaleLabelEl = this.el.querySelector(".og-scale-label");
-
-        this.renderer.div.appendChild(this.el);
-
-        if (this._isCenter) {
-            this.renderer.activeCamera.events.on("moveend", (e) => {
-                this._drawScreen(this.planet.renderer.handler.getCenter());
-            });
-
-            !this.planet.terrain.isEmpty && this.planet.terrain.events.on("loadend", (e) => {
-                this._drawScreen(this.planet.renderer.handler.getCenter());
-            });
-        } else {
-            this.renderer.events.on("mousemove", (e) => {
-                if (!e.leftButtonHold && !e.rightButtonHold) {
-                    this._drawScreen(e);
-                }
-            });
-
-            this.renderer.activeCamera.events.on("moveend", (e) => {
-                let ms = this.renderer.events.mouseState;
-                if (!ms.leftButtonHold && !ms.rightButtonHold) {
-                    this._drawScreen(ms);
-                }
-            });
-        }
-    }
-
-    _drawScreen(px) {
-        let cam = this.renderer.activeCamera;
-        let s0 = px;
-        let dist = this.planet.getDistanceFromPixel(s0);
-        if (dist === 0) {
-            s0 = cam.project(Vec3.ZERO);
-            dist = this.planet.getDistanceFromPixel(s0);
-        }
-        let p0 = cam.getForward().scaleTo(dist).addA(cam.eye);
-        let tempSize = dist * Math.tan(cam._viewAngle * RADIANS);
-        let p1 = p0.add(cam.getRight().scaleTo(tempSize));
-        let s1 = cam.project(p1);
-        this._mPx = tempSize / s1.distance(s0);
-
-        let metersInMinSize = this._mPx * this._minWidth;
-
-        let index = binarySearch(scale, metersInMinSize, (a, b) => a - b);
-        if (index < 0) {
-            index = ~index;
-        }
-        let minMeters = scale[index],
-            maxMeters = scale[index + 1];
-
-        let t = (minMeters - metersInMinSize) / (maxMeters - minMeters);
-        this.currWidth = this._minWidth + t * (this._maxWidth - this._minWidth);
-
-        if (minMeters > 1000) {
-            this._scaleLabelEl.innerText = `${minMeters / 1000} km`;
-        } else {
-            this._scaleLabelEl.innerText = `${minMeters} m`;
-        }
-
-        this._metersInMinSize = metersInMinSize;
-
-        this.el.style.width = this.currWidth + "px";
-    }
-}
-
-export function scaleControl(options) {
-    return new ScaleControl(options);
-}
-
-export { ScaleControl };

package/src/og/control/SegmentBoundVisualization.js

@@ -1,54 +0,0 @@
-"use strict";
-
-import { Control } from "./Control.js";
-import { EntityCollection } from "../entity/EntityCollection.js";
-import { Entity } from "../entity/Entity.js";
-
-/**
- * Frame per second(FPS) display control.
- * @class
- * @extends {Control}
- * @param {Object} [options] - Control options.
- */
-class SegmentBoundVisualization extends Control {
-    constructor(options) {
-        super(options);
-
-        this._boundingSphereCollection = new EntityCollection();
-    }
-
-    oninit() {
-        this.planet.addEntityCollection(this._boundingSphereCollection);
-
-        this.renderer.events.on("draw", this._predraw, this);
-        this.planet.events.on("draw", this._draw, this);
-    }
-
-    _predraw() {
-        this._boundingSphereCollection.clear();
-    }
-
-    _draw() {
-        for (let i = 0; i < this.planet._renderedNodes.length; i++) {
-            let si = this.planet._renderedNodes[i].segment;
-            if (!si._sphereEntity) {
-                si._sphereEntity = new Entity({
-                    sphere: {
-                        radius: 1,
-                        color: [1, 1, 0, 0.6],
-                        src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAVSURBVBhXY/z//z8DAwMTEDMwMAAAJAYDAbrboo8AAAAASUVORK5CYII="
-                    }
-                });
-            }
-            si._sphereEntity.shape.setScale(si.bsphere.radius / 2);
-            si._sphereEntity.shape.setPosition3v(si.bsphere.center);
-            this._boundingSphereCollection.add(si._sphereEntity);
-        }
-    }
-}
-
-export function segmentBoundVisualization(options) {
-    return new SegmentBoundVisualization(options);
-}
-
-export { SegmentBoundVisualization };

package/src/og/control/ShowFps.js

@@ -1,40 +0,0 @@
-"use strict";
-
-import { print2d } from "../utils/shared.js";
-import { Control } from "./Control.js";
-
-/**
- * Frame per second(FPS) display control.
- * @class
- * @extends {Control}
- * @param {Object} [options] - Control options.
- */
-class ShowFps extends Control {
-    constructor(options) {
-        super(options);
-    }
-
-    oninit() {
-        var d = document.createElement("div");
-        d.className = "defaultText ";
-        d.id = "ogShowFpsControl";
-        document.body.appendChild(d);
-        this.renderer.events.on("draw", this._draw, this);
-    }
-
-    _draw() {
-        print2d(
-            "ogShowFpsControl",
-            (1000.0 / this.renderer.handler.deltaTime).toFixed(1),
-            this.renderer.handler.canvas.clientWidth - 60,
-            0
-        );
-    }
-}
-
-export function showFps(options) {
-    return new ShowFps(options);
-}
-
-export { ShowFps };
-

package/src/og/control/SimpleNavigation.js

@@ -1,123 +0,0 @@
-"use strict";
-
-import { input } from "../input/input.js";
-import { Control } from "./Control.js";
-
-/**
- * Simple keyboard camera navigation with W,S,A,D and shift keys to fly around the scene.
- * @class
- * @extends {Control}
- * @param {Object} [options] - Control options.
- */
-class SimpleNavigation extends Control {
-    constructor(options = {}) {
-        super({ autoActivate: true, ...options });
-
-        this.camera = null;
-        this.speed = options.speed || 1.0;
-    }
-
-    oninit() {
-        this.camera = this.renderer.activeCamera;
-        this.renderer.events.on("keypress", input.KEY_W, this.onCameraMoveForward, this);
-        this.renderer.events.on("keypress", input.KEY_S, this.onCameraMoveBackward, this);
-        this.renderer.events.on("keypress", input.KEY_A, this.onCameraStrifeLeft, this);
-        this.renderer.events.on("keypress", input.KEY_D, this.onCameraStrifeRight, this);
-        this.renderer.events.on("keypress", input.KEY_UP, this.onCameraLookUp, this);
-        this.renderer.events.on("keypress", input.KEY_DOWN, this.onCameraLookDown, this);
-        this.renderer.events.on("keypress", input.KEY_LEFT, this.onCameraTurnLeft, this);
-        this.renderer.events.on("keypress", input.KEY_RIGHT, this.onCameraTurnRight, this);
-        this.renderer.events.on("keypress", input.KEY_Q, this.onCameraRollLeft, this);
-        this.renderer.events.on("keypress", input.KEY_E, this.onCameraRollRight, this);
-    }
-
-    onCameraMoveForward() {
-        if (this._active) {
-            var camera = this.camera;
-            camera.slide(0, 0, -this.speed);
-            camera.update();
-        }
-    }
-
-    onCameraMoveBackward() {
-        if (this._active) {
-            var camera = this.camera;
-            camera.slide(0, 0, this.speed);
-            camera.update();
-        }
-    }
-
-    onCameraStrifeLeft() {
-        if (this._active) {
-            var camera = this.camera;
-            camera.slide(-this.speed, 0, 0);
-            camera.update();
-        }
-    }
-
-    onCameraStrifeRight() {
-        if (this._active) {
-            var camera = this.camera;
-            camera.slide(this.speed, 0, 0);
-            camera.update();
-        }
-    }
-
-    onCameraLookUp() {
-        if (this._active) {
-            var cam = this.camera;
-            cam.pitch(0.5);
-            cam.update();
-        }
-    }
-
-    onCameraLookDown() {
-        if (this._active) {
-            var cam = this.camera;
-            cam.pitch(-0.5);
-            cam.update();
-        }
-    }
-
-    onCameraTurnLeft() {
-        if (this._active) {
-            var cam = this.camera;
-            cam.yaw(0.5);
-            cam.update();
-        }
-    }
-
-    onCameraTurnRight() {
-        if (this._active) {
-            var cam = this.camera;
-            cam.yaw(-0.5);
-            cam.update();
-        }
-    }
-
-    onCameraRollLeft() {
-        if (this._active) {
-            var cam = this.camera;
-            cam.roll(-0.5);
-            cam.update();
-        }
-    }
-
-    onCameraRollRight() {
-        if (this._active) {
-            var cam = this.camera;
-            cam.roll(0.5);
-            cam.update();
-        }
-    }
-}
-
-/**
- * Creates simple navigation control instance.
- */
-export function simpleNavigation(options) {
-    return new SimpleNavigation(options);
-}
-
-export { SimpleNavigation };
-

package/src/og/control/SimpleSkyBackground.js

@@ -1,206 +0,0 @@
-"use strict";
-
-import { htmlColorToRgb } from "../utils/shared.js";
-import { Program } from '../webgl/Program.js';
-import { Control } from "./Control.js";
-
-/**
- * Frame per second(FPS) display control.
- * @class
- * @extends {Control}
- * @param {Object} [options] - Control options.
- */
-class SimpleSkyBackground extends Control {
-    constructor(options) {
-        super({
-            name: "SimpleSkyBackground",
-            ...options
-        });
-
-        this._colorOne = new Float32Array([1.0, 1.0, 1.0]);
-        this._colorTwo = new Float32Array([0.0, 153.0 / 255.0, 221.0 / 255.0]);
-    }
-
-    set colorOne(htmlColor) {
-        let rgb = htmlColorToRgb(htmlColor);
-        this._colorOne[0] = rgb.x;
-        this._colorOne[1] = rgb.y;
-        this._colorOne[2] = rgb.z;
-    }
-
-    set colorTwo(htmlColor) {
-        let rgb = htmlColorToRgb(htmlColor);
-        this._colorTwo[0] = rgb.x;
-        this._colorTwo[1] = rgb.y;
-        this._colorTwo[2] = rgb.z;
-    }
-
-    oninit() {
-        this.renderer.handler.addProgram(simpleSkyBackgroundShader());
-        this.activate();
-    }
-
-    onactivate() {
-        super.onactivate();
-        this.planet.events.on("draw", this._drawBackground, this);
-    }
-
-    ondeactivate() {
-        super.ondeactivate();
-        this.planet.events.off("draw", this._drawBackground);
-    }
-
-    _drawBackground() {
-        let h = this.renderer.handler;
-        let sh = h.programs.simpleSkyBackground, p = sh._program, shu = p.uniforms, gl = h.gl;
-        let cam = this.renderer.activeCamera;
-
-        gl.disable(gl.DEPTH_TEST);
-
-        sh.activate();
-        gl.bindBuffer(gl.ARRAY_BUFFER, this.renderer.screenFramePositionBuffer);
-        gl.vertexAttribPointer(p.attributes.corners, 2, gl.FLOAT, false, 0, 0);
-
-        gl.uniform3fv(shu.camPos, [cam.eye.x, cam.eye.y, cam.eye.z]);
-        gl.uniform2fv(shu.iResolution, [h.getWidth(), h.getHeight()]);
-        gl.uniform1f(shu.fov, cam.getViewAngle());
-        gl.uniform1f(shu.earthRadius, this.planet.ellipsoid.getPolarSize() + 1);
-        gl.uniform3fv(shu.colorOne, this._colorOne);
-        gl.uniform3fv(shu.colorTwo, this._colorTwo);
-
-        gl.uniformMatrix4fv(shu.viewMatrix, false, cam._viewMatrix._m);
-
-        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
-
-        gl.enable(gl.DEPTH_TEST);
-    }
-}
-
-export function simpleSkyBackground(options) {
-    return new SimpleSkyBackground(options);
-}
-
-function simpleSkyBackgroundShader() {
-    return new Program("simpleSkyBackground", {
-        uniforms: {
-            iResolution: "vec2", fov: "float",
-            camPos: "vec3",
-            earthRadius: "float",
-            viewMatrix: "mat4",
-            colorOne: "vec3",
-            colorTwo: "vec3"
-        }, attributes: {
-            corners: "vec3"
-        }, vertexShader:
-            `attribute vec2 corners;
-                        
-            varying vec2 tc;
-            
-            void main(void) {
-                gl_Position = vec4(corners, 0.0, 1.0);
-                tc = corners * 0.5 + 0.5;
-            }`, fragmentShader:
-            `precision highp float;
-            
-            #define MAX 10e10
-            #define PI 3.14159265359
-            #define rad(x) x * PI / 180.
-            #define ZERO vec3(0.0)          
-           
-            #define RED vec4(1.0, 0.0, 0.0, 1.0)
-            #define GREEN vec4(0.0, 1.0, 0.0, 1.0)         
-            
-            uniform vec3 camPos;            
-            uniform vec2 iResolution;
-            uniform float fov;
-            uniform float earthRadius;
-            uniform mat4 viewMatrix;
-            
-            uniform vec3 colorOne;
-            uniform vec3 colorTwo;
-                         
-            varying vec2 tc;
-                        
-            // compute the view ray in the camera coordinate
-            vec3 computeView(vec2 uv){
-                float w_h_ratio = iResolution.x / iResolution.y;   
-                float h = tan(rad(fov/2.));
-                return normalize(vec3(-w_h_ratio * h, -h, -1.) + vec3(uv.x * 2. * h * w_h_ratio, uv.y*2.*h, 0.));
-            }
-
-            // sphere of size ra centered at point ce
-            vec2 sphIntersect( in vec3 ro, in vec3 rd, in vec3 ce, float ra )
-            {
-                vec3 oc = ro - ce;
-                float b = dot( oc, rd );
-                float c = dot( oc, oc ) - ra * ra;
-                float h = b * b - c;
-                if( h < 0.0 ) return vec2(MAX); // no intersection
-                h = sqrt( h );
-                return vec2( -b-h, -b+h );
-            }
-            
-            mat3 transpose(mat3 matrix) {
-                vec3 row0 = matrix[0];
-                vec3 row1 = matrix[1];
-                vec3 row2 = matrix[2];
-                mat3 result = mat3(
-                    vec3(row0.x, row1.x, row2.x),
-                    vec3(row0.y, row1.y, row2.y),
-                    vec3(row0.z, row1.z, row2.z)
-                );
-                return result;
-            }
-            
-            float det(mat2 matrix) {
-                return matrix[0].x * matrix[1].y - matrix[0].y * matrix[1].x;
-            }
-            
-            mat3 inverse(mat3 matrix) {
-                vec3 row0 = matrix[0];
-                vec3 row1 = matrix[1];
-                vec3 row2 = matrix[2];
-            
-                vec3 minors0 = vec3(
-                    det(mat2(row1.y, row1.z, row2.y, row2.z)),
-                    det(mat2(row1.z, row1.x, row2.z, row2.x)),
-                    det(mat2(row1.x, row1.y, row2.x, row2.y))
-                );
-                vec3 minors1 = vec3(
-                    det(mat2(row2.y, row2.z, row0.y, row0.z)),
-                    det(mat2(row2.z, row2.x, row0.z, row0.x)),
-                    det(mat2(row2.x, row2.y, row0.x, row0.y))
-                );
-                vec3 minors2 = vec3(
-                    det(mat2(row0.y, row0.z, row1.y, row1.z)),
-                    det(mat2(row0.z, row0.x, row1.z, row1.x)),
-                    det(mat2(row0.x, row0.y, row1.x, row1.y))
-                );
-            
-                mat3 adj = transpose(mat3(minors0, minors1, minors2));
-            
-                return (1.0 / dot(row0, minors0)) * adj;
-            }
-            
-            void main(void) {
-            
-                vec3 dir = computeView(tc);
-                dir = inverse(mat3(viewMatrix)) * dir;
-                
-                vec2 ER = sphIntersect(camPos, dir, vec3(0.0), earthRadius);
-                
-                float bigRadius = earthRadius * 2.5;
-                vec3 bigCenter = normalize(camPos) * bigRadius * 1.3;                
-                               
-                vec2 BIG = sphIntersect(camPos, dir, bigCenter, bigRadius);
-                
-                float Ix = distance(camPos + dir * BIG.y, ZERO);               
-                
-                float maxI = sqrt(bigRadius * bigRadius + bigRadius * bigRadius);
-                                   
-                gl_FragColor = vec4(mix(colorOne, colorTwo, Ix / maxI), 1.0);
-            }`
-    });
-}
-
-export { SimpleSkyBackground };