@openglobus/og 0.17.1 → 0.18.0

package/src/og/Globe.js

@@ -1,342 +0,0 @@
-// #StandWithUkraine
-
-/**
- * @module og/Globe
- */
-
-"use strict";
-
-import { CompassButton } from "./control/CompassButton.js";
-import { EarthCoordinates } from "./control/EarthCoordinates.js";
-import { EarthNavigation } from "./control/EarthNavigation.js";
-import { MouseNavigation } from "./control/MouseNavigation.js";
-import { ScaleControl } from "./control/ScaleControl.js";
-import { Sun } from "./control/Sun.js";
-import { TouchNavigation } from "./control/TouchNavigation.js";
-import { ZoomControl } from "./control/ZoomControl.js";
-import { Vec3 } from "./math/Vec3.js";
-import { Renderer } from "./renderer/Renderer.js";
-import { Planet } from "./scene/Planet.js";
-import { EmptyTerrain } from "./terrain/EmptyTerrain.js";
-import { createColorRGB, getUrlParam, isEmpty } from "./utils/shared.js";
-import { Handler } from "./webgl/Handler.js";
-
-/** @const {string} */
-const PLANET_NAME_PREFIX = "globus_planet_";
-
-/**
- * Creates a WebGL context with globe.
- * @class
- *
- * @example <caption>Basic initialization</caption>
- * globus = new og.Globe({
- *     'atmosphere': false,
- *     'target': 'globus',
- *     'name': 'Earth',
- *     'controls': [
- *          new og.control.MouseNavigation({ autoActivate: true }),
- *          new og.control.KeyboardNavigation({ autoActivate: true }),
- *          new og.control.EarthCoordinates({ autoActivate: true, center: false }),
- *          new og.control.LayerSwitcher({ autoActivate: true }),
- *          new og.control.ZoomControl({ autoActivate: true }),
- *          new og.control.TouchNavigation({ autoActivate: true }),
- *          new og.control.Sun({ autoActivate: true })
- *      ],
- *     'terrain': new og.terrain.GlobusTerrain(),
- *     'layers': [
- *          new og.layer.XYZ("OpenStreetMap", { isBaseLayer: true, url: "http://b.tile.openstreetmap.org/{z}/{x}/{y}.png", visibility: true, attribution: 'Data @ <a href="http://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="http://www.openstreetmap.org/copyright">ODbL</a>' })
- *      ],
- *     'autoActivate': true
- * });
- *
- * @param {object} options - Options:
- * @param {string} options.target - HTML element id where planet canvas have to be created.
- * @param {RenderNode} [options.skybox] - Render skybox. null - default.
- * @param {string} [options.name] - Planet name. Default is unic identifier.
- * @param {Terrain} [options.terrain] - Terrain provider. Default no terrain - og.terrain.EmptyTerrain.
- * @param {Array.<control.Control>} [options.controls] - Renderer controls array.
- * @param {Array.<Layer>} [options.layers] - Planet layers.
- * @param {Extent} [options.viewExtent] - Viewable starting extent.
- * @param {boolean} [options.autoActivate] - Globe rendering auto activation flag. True is default.
- * @param {DOMElement} [options.attributionContainer] - Container for attribution list.
- * @param {Number} [options.maxGridSize] = Maximal segment grid size. 128 is default
- * @param {boolean} [options.useSpecularTexture] - use specular water mask
- * @param {boolean} [options.useNightTexture] - show night cities
- * @param {Number} [options.maxAltitude=15000000.0] - Maximal camera altitude above terrain
- * @param {Number} [options.minAltitude=1.0] - Minimal camera altitude above terrain
- * @param {Number} [options.maxEqualZoomAltitude=15000000.0] - Maximal altitude since segments on the screen bacame the same zoom level
- * @param {Number} [options.minEqualZoomAltitude=10000.0] - Minimal altitude since segments on the screen bacame the same zoom level
- * @param {Number} [options.minEqualZoomCameraSlope=0.8] - Minimal camera slope above te globe where segments on the screen bacame the same zoom level
- * @param {Number} [options.loadingBatchSize=12] -
- * @param {Number} [options.quadTreeStrategyPrototype] - Prototype of quadTree. QuadTreeStrategy for Earth is default.
- * @param {Number} [options.msaa] - MSAA antialiasing parameter: 2,4,8,16. Default is 4.
- * @param {Number} [options.dpi] - Device pixel ratio. Default is current screen DPI.
- * @param {Boolean} [options.atmosphereEnabled] - Enables atmosphere effect.
- */
-
-class Globe {
-    /**
-     * @param {*} options
-     */
-    constructor(options) {
-
-        this.$target = null;
-
-        this._instanceID = `__globus${Globe.__staticCounter++ ? Globe.__staticCounter : ""}__`;
-        window[this._instanceID] = this;
-
-        //
-        // Canvas creation
-        //
-        this._canvas = document.createElement("canvas");
-        this._canvas.id = `canvas${this._instanceID}`;
-        this._canvas.style.width = "100%";
-        this._canvas.style.height = "100%";
-        this._canvas.style.display = "block";
-        this._canvas.style.opacity = "0.0";
-        this._canvas.style.transition = "opacity 150ms";
-
-        /**
-         * Dom element where WebGL canvas creates
-         * @public
-         * @type {Element}
-         */
-        this.$inner = document.createElement('div');
-        this.$inner.classList.add("og-inner");
-        this.$inner.appendChild(this._canvas);
-
-        this.$inner.attributions = document.createElement('div');
-        if (options.attributionContainer) {
-            options.attributionContainer.appendChild(this.$inner.attributions);
-        } else {
-            this.$inner.attributions.classList.add("og-attribution");
-            this.$inner.appendChild(this.$inner.attributions);
-        }
-
-        this.attachTo(options.target);
-
-        const _disableWheel = (e) => {
-            e.preventDefault();
-        }
-
-        this._canvas.onmouseenter = function () {
-            document.addEventListener("mousewheel", _disableWheel, {
-                capture: false,
-                passive: false
-            });
-        };
-        this._canvas.onmouseleave = function () {
-            document.removeEventListener("mousewheel", _disableWheel);
-        };
-
-        /**
-         * Interface for the renderer context(events, input states, renderer nodes etc.)
-         * @public
-         * @type {Renderer}
-         */
-        this.renderer = new Renderer(
-            new Handler(this._canvas, {
-                autoActivate: false,
-                pixelRatio: options.dpi || (window.devicePixelRatio + 0.15),
-                context: {
-                    alpha: false,
-                    antialias: false,
-                    premultipliedAlpha: false
-                }
-            }), {
-                autoActivate: false,
-                msaa: options.msaa
-            }
-        );
-
-        this.renderer.div = this.$inner;
-
-        // Skybox
-        if (options.skybox) {
-            this.renderer.addNode(options.skybox);
-        }
-
-        /**
-         * Planet node name. Access with this.renderer.<name>
-         * @private
-         * @type {String}
-         */
-        this._planetName = options.name ? options.name : PLANET_NAME_PREFIX + Globe._staticCounter;
-
-        /**
-         * quad tree type.
-         * @private
-         * @type {Number}
-         */
-        this._quadTreeType = options.quadTreeType;
-
-        this.planet = new Planet({
-            name: this._planetName,
-            frustums: options.frustums,
-            ellipsoid: options.ellipsoid,
-            maxGridSize: options.maxGridSize,
-            useNightTexture: options.useNightTexture,
-            useSpecularTexture: options.useSpecularTexture,
-            minAltitude: options.minAltitude,
-            maxAltitude: options.maxAltitude || 15000000,
-            maxEqualZoomAltitude: options.maxEqualZoomAltitude,
-            minEqualZoomAltitude: options.minEqualZoomAltitude,
-            minEqualZoomCameraSlope: options.minEqualZoomCameraSlope,
-            quadTreeStrategyPrototype: options.quadTreeStrategyPrototype,
-            maxLoadingRequests: options.maxLoadingRequests,
-            atmosphereEnabled: options.atmosphereEnabled
-        });
-
-        // Attach terrain provider (can be one object or array)
-        if (options.terrain) {
-            if (Array.isArray(options.terrain)) {
-                this.planet.setTerrain(options.terrain[0]); // If array get the terrain from 1st element
-                this.planet._terrainPool = options.terrain;
-            } else {
-                this.planet.setTerrain(options.terrain);
-                this.planet._terrainPool = [options.terrain];
-            }
-
-        } else {
-            this.planet.setTerrain(new EmptyTerrain());
-        }
-
-        this.renderer.addNode(this.planet);
-
-        // Add controls
-        if (options.controls) {
-            this.planet.addControls(options.controls);
-        } else {
-            this.planet.addControls([
-                new ZoomControl(),
-                options.useEarthNavigation
-                    ? new EarthNavigation()
-                    : new MouseNavigation({
-                        minSlope: options.minSlope
-                    }),
-                new TouchNavigation(),
-                new EarthCoordinates(),
-                new ScaleControl(),
-                new CompassButton(options)
-            ]);
-        }
-
-        var _controls = this.renderer.controls;
-        for (let i in _controls) {
-            if (_controls[i] instanceof Sun) {
-                this.sun = _controls[i];
-                break;
-            }
-        }
-
-        if (!this.sun) {
-            this.sun = new Sun();
-            this.planet.addControl(this.sun);
-        }
-
-        if (options.sun) {
-            if (options.sun.active !== undefined && !options.sun.active) {
-                this.sun.deactivate();
-            }
-        }
-
-        if (options.layers) {
-            this.planet.addLayers(options.layers);
-        }
-
-        // TODO: view center, altitude, extent
-        let ve = options.viewExtent;
-        if (ve) {
-            if (ve instanceof Array) {
-                this.planet.viewExtentArr(ve);
-            } else {
-                this.planet.viewExtent(ve);
-            }
-        }
-
-        this._opacityCounter = 0;
-        this._fadeHandler = null;
-        this._stopHandler = null;
-
-        // Run!
-        if (options.autoActivate || isEmpty(options.autoActivate)) {
-            this.start();
-        }
-    }
-
-    static get __staticCounter() {
-        if (!this.__counter && this.__counter !== 0) {
-            this.__counter = 0;
-        }
-        return this.__counter;
-    }
-
-    static set __staticCounter(n) {
-        this.__counter = n;
-    }
-
-    start() {
-        this.renderer.start();
-        this.fadeIn();
-    }
-
-    /**
-     * Starts screen brightness fading in effect by the duration time.
-     * @public
-     */
-    fadeIn() {
-        this._canvas.style.opacity = 1.0;
-    }
-
-    /**
-     * Starts screen brightness fading out effect by the duration time.
-     * @public
-     * @param {number} duration - Fadeout duration time.
-     */
-    fadeOut() {
-        this._canvas.style.opacity = 0.0;
-    }
-
-    attachTo(target) {
-
-        this.detach();
-
-        let t;
-        if (target instanceof HTMLElement) {
-            t = target;
-        } else {
-            t = document.getElementById(target) || document.querySelector(target);
-        }
-
-        if (t) {
-            this.$target = t;
-            t.appendChild(this.$inner);
-        }
-    }
-
-    detach() {
-        if (this.$target) {
-            // Remember that when container is zero
-            // sized(display none etc.) renderer frame will be stopped
-            this.$target.removeChild(this.$inner);
-        }
-    }
-
-    destroy() {
-        this.detach();
-        this.renderer.destroy();
-    }
-
-    static get _staticCounter() {
-        if (!this._counter && this._counter !== 0) {
-            this._counter = 0;
-        }
-        return this._counter;
-    }
-
-    static set _staticCounter(n) {
-        this._counter = n;
-    }
-}
-
-export { Globe };

package/src/og/Lock.js

@@ -1,44 +0,0 @@
-'use strict';
-
-class Lock {
-
-    constructor() {
-        this._lock = 0;
-    }
-
-    lock(key) {
-        this._lock |= (1 << key._id);
-    }
-
-    free(key) {
-        this._lock &= ~(1 << key._id);
-    }
-
-    isFree() {
-        return this._lock === 0;
-    }
-
-    isLocked() {
-        return this._lock !== 0;
-    }
-}
-
-class Key {
-
-    static get _staticCounter() {
-        if (!this._counter && this._counter !== 0) {
-            this._counter = 0;
-        }
-        return this._counter;
-    }
-
-    static set _staticCounter(n) {
-        this._counter = n;
-    }
-
-    constructor() {
-        this._id = Key._staticCounter++;
-    }
-}
-
-export { Lock, Key };

package/src/og/Popup.js

@@ -1,187 +0,0 @@
-"use strict";
-
-import { Vec3 } from "./math/Vec3.js";
-import { createLonLat, stringTemplate } from "./utils/shared.js";
-import { View } from './ui/View.js';
-import { CLOSE_ICON } from './ui/icons.js';
-
-const TEMPLATE = `<div class="og-popup {className}">
-      <div class="og-popup-content-wrapper">
-        <div class="og-popup-content"></div>
-      </div>
-      <div class="og-popup-tip-container">
-        <div class="og-popup-tip"></div>
-      </div>
-      <div class="og-popup-toolbar">
-        <div class="og-popup-btn og-popup-close">${CLOSE_ICON}</div>
-      </div>
-      <div class="og-popup-title">{title}</div>
-    </div>`;
-
-class Popup extends View {
-    constructor(options = {}) {
-        super({
-            template: stringTemplate(TEMPLATE, {
-                title: options.title || ""
-            }),
-            eventList: ["open", "close"],
-            classList: options.className ? [options.className] : [],
-            ...options
-        });
-
-        this._content = options.content || "";
-
-        this.$content = null;
-        this.$tip = null;
-        this.$title = null;
-
-        this._planet = options.planet;
-
-        this._offset = options.offset || [0, 0];
-
-        this._lonLat = createLonLat(options.lonLat);
-
-        this._cartPos = new Vec3();
-
-        this._visibility = options.visibility || false;
-
-        this.render();
-    }
-
-    _updatePosition() {
-        this.setCartesian3v(this._cartPos);
-    }
-
-    setScreen(p) {
-        if (this._planet) {
-            let r = this._planet.renderer.handler.pixelRatio;
-            this.el.style.transform =
-                `translate(${p.x / r - this.clientWidth * 0.5}px, ${p.y / r - this._planet.renderer.handler.canvas.clientHeight - this.$tip.clientHeight}px)`;
-        }
-    }
-
-    get clientWidth() {
-        return this.el.clientWidth;
-    }
-
-    get clientHeight() {
-        return this.el.clientHeight;
-    }
-
-    setOffset(x = 0, y = 0) {
-        this._offset[0] = x;
-        this._offset[1] = y;
-        if (this.el) {
-            this.el.style.left = `${x}px`;
-            this.el.style.bottom = `${y}px`;
-        }
-        return this;
-    }
-
-    render(params) {
-        super.render(params);
-
-        this.$content = this.select(".og-popup-content");
-        this.$title = this.select(".og-popup-title");
-        this.$tip = this.select(".og-popup-tip-container");
-
-        this.setOffset(this._offset[0], this._offset[1]);
-        this.setContent(this._content);
-        this.setLonLat(this._lonLat);
-        this.setVisibility(this._visibility);
-        this.select(".og-popup-close").addEventListener("click", () => {
-            this.hide();
-        });
-
-        return this;
-    }
-
-    setVisibility(visibility) {
-        if (visibility) {
-            this.show();
-        } else {
-            this.hide();
-        }
-        return this;
-    }
-
-    getContainer() {
-        return this.$content;
-    }
-
-    getToolbarContainer() {
-        return this.select(".og-popup-toolbar");
-    }
-
-    show() {
-        this._visibility = true;
-        if (this._planet) {
-            this._planet.events.on("draw", this._updatePosition, this);
-            this.appendTo(this._planet.renderer.div);
-            //this._planet.renderer.div.appendChild(this.el);
-            this._events.dispatch(this._events.open, this);
-        }
-        return this;
-    }
-
-    hide() {
-        this._visibility = false;
-        if (this.el.parentNode) {
-            this._planet.events.off("draw", this._updatePosition);
-            this.el.parentNode.removeChild(this.el);
-            this._events.dispatch(this._events.close, this);
-        }
-        return this;
-    }
-
-    setCartesian3v(cart, height = 0) {
-        this._cartPos = cart;
-
-        if (this._planet) {
-            let cam = this._planet.camera;
-            let f = this._planet.ellipsoid._a + height,
-                g = cam._lonLat.height;
-
-            let look = cart.sub(cam.eye),
-                v = Math.sqrt((f + g) * (f + g) - f * f);
-
-            if (v > look.length() && cam.getForward().dot(look.normalize()) > 0.0) {
-                this.el.style.display = "block";
-                this.setScreen(cam.project(cart));
-            } else {
-                this.el.style.display = "none";
-            }
-        }
-        return this;
-    }
-
-    setTitle(html) {
-        this.$title.innerHTML = html;
-    }
-
-    setLonLat(lonLat) {
-        this._lonLat = lonLat;
-        if (this._planet) {
-            this.setCartesian3v(this._planet.ellipsoid.lonLatToCartesian(lonLat), lonLat.height);
-        }
-    }
-
-    setContent(content) {
-        if (content) {
-            this.clear();
-            this._content = content;
-            if (typeof content === "string") {
-                this.$content.innerHTML = content;
-            } else {
-                this.$content.appendChild(content);
-            }
-        }
-    }
-
-    clear() {
-        this._content = null;
-        this.$content.innerHTML = "";
-    }
-}
-
-export { Popup };

package/src/og/Stack.js

@@ -1,49 +0,0 @@
-"use strict";
-
-class Node {
-    constructor() {
-        this.next = null;
-        this.prev = null;
-        this.data = null;
-    }
-}
-
-class Stack {
-    /**
-     *
-     * @param {number} [size]
-     */
-    constructor(size = 256) {
-        this._current = new Node();
-        this._head = this._current;
-
-        for (let i = 0; i < size; i++) {
-            var n = new Node();
-            n.prev = this._current;
-            this._current.next = n;
-            this._current = n;
-        }
-        this._current = this._head;
-    }
-
-    current() {
-        return this._current;
-    }
-
-    push(data) {
-        this._current = this._current.next;
-        this._current.data = data;
-    }
-
-    pop(data) {
-        this._current = this._current.prev;
-        return this._current.next.data;
-    }
-
-    popPrev(data) {
-        this._current = this._current.prev;
-        return this._current.data;
-    }
-}
-
-export { Stack };

package/src/og/bv/index.js

@@ -1,4 +0,0 @@
-import { Box } from './Box.js';
-import { Sphere } from './Sphere.js';
-
-export { Box, Sphere };

package/src/og/camera/index.js

@@ -1,4 +0,0 @@
-import { Camera } from './Camera.js';
-import { PlanetCamera } from './PlanetCamera.js';
-
-export { Camera, PlanetCamera };