@openglobus/og 0.17.1 → 0.18.0

package/src/og/utils/Loader.js

@@ -1,188 +0,0 @@
-'use strict';
-
-import { Events } from '../Events.js';
-
-// if (window && !('createImageBitmap' in window)) {
-//     window.createImageBitmap = function (blob) {
-//         return new Promise((resolve, reject) => {
-//             let img = document.createElement('img');
-//             img.addEventListener('load', function () {
-//                 resolve(this);
-//             });
-//             img.src = URL.createObjectURL(blob);
-//         });
-//     };
-// }
-
-export class Loader {
-
-    constructor(maxRequests = 24) {
-
-        this.MAX_REQUESTS = maxRequests;
-
-        this.events = new Events(["loadend", "layerloadend"]);
-
-        this._loading = 0;
-
-        this._queue = [];//new QueueArray();
-
-        this._senderRequestCounter = [];
-
-        this._promises = {
-            'json': r => r.json(),
-            'blob': r => r.blob(),
-            'arrayBuffer': r => r.arrayBuffer(),
-            'imageBitmap': r => r.blob().then(
-                (r) => createImageBitmap(r, {
-                    premultiplyAlpha: "premultiply"
-                })),
-            'text': r => r.text()
-        };
-    }
-
-    load(params, callback) {
-        if (params.sender) {
-            if (!this._senderRequestCounter[params.sender._id]) {
-                this._senderRequestCounter[params.sender._id] = {
-                    sender: params.sender, counter: 0, __requestCounterFrame__: null
-                };
-            }
-            this._senderRequestCounter[params.sender._id].counter++;
-        }
-        this._queue.push({ 'params': params, 'callback': callback });
-        this._exec();
-    }
-
-    fetch(params) {
-        return fetch(params.src, params.options || {})
-            .then(response => {
-                if (!response.ok) {
-                    throw Error(`Unable to load '${params.src}'`);
-                }
-                return this._promises[params.type || "blob"](response);
-            })
-
-            .then(data => {
-                return { 'status': "ready", 'data': data };
-
-            })
-
-            .catch(err => {
-                return { 'status': "error", 'msg': err.toString() };
-            });
-    }
-
-    getRequestCounter(sender) {
-        if (sender) {
-            let r = this._senderRequestCounter[sender._id];
-            if (r) {
-                return r.counter;
-            }
-        }
-        return 0;
-    }
-
-    isIdle(sender) {
-        return sender.isIdle;
-    }
-
-    _checkLoadend(request, sender) {
-        if (request.counter === 0 && (sender._planet._terrainCompletedActivated || !sender._planet)) {
-            sender.events.dispatch(sender.events.loadend, sender);
-            this.events.dispatch(this.events.layerloadend, sender);
-            request.__requestCounterFrame__ = null;
-        } else {
-            request.__requestCounterFrame__ = requestAnimationFrame(() => {
-                this._checkLoadend(request, sender);
-            });
-        }
-    }
-
-    _handleResponse(q, response) {
-        q.callback(response);
-        let sender = q.params.sender;
-        if (sender && (sender.events.loadend.handlers.length || this.events.layerloadend.handlers.length)) {
-            let request = this._senderRequestCounter[sender._id];
-            if (request && request.counter > 0) {
-                request.counter--;
-                cancelAnimationFrame(request.__requestCounterFrame__);
-                request.__requestCounterFrame__ = requestAnimationFrame(() => {
-                    this._checkLoadend(request, sender);
-                });
-            }
-        }
-        this._exec();
-    }
-
-    _exec() {
-
-        if (this._queue.length > 0 && this._loading < this.MAX_REQUESTS) {
-
-            let q = this._queue.pop();
-
-            if (!q) return;
-
-            let p = q.params;
-
-            if (!p.filter || p.filter(p)) {
-
-                this._loading++;
-
-                return fetch(p.src, p.options || {})
-                    .then(response => {
-                        if (!response.ok) {
-                            throw Error(`Unable to load '${p.src}'`);
-                        }
-                        return this._promises[p.type || "blob"](response);
-                    })
-                    .then(data => {
-                        this._loading--;
-                        this._handleResponse(q, { status: "ready", data: data });
-                    })
-                    .catch(err => {
-                        this._loading--;
-                        this._handleResponse(q, { status: "error", msg: err.toString() });
-                    });
-
-            } else {
-                this._handleResponse(q, { status: "abort" });
-            }
-        } else if (this._loading === 0) {
-            this.events.dispatch(this.events.loadend);
-        }
-    }
-
-    abort(sender) {
-
-        if (this._senderRequestCounter[sender._id]) {
-            this._senderRequestCounter[sender._id].counter = 0;
-            cancelAnimationFrame(this._senderRequestCounter[sender._id].__requestCounterFrame__);
-            this._senderRequestCounter[sender._id].__requestCounterFrame__ = null;
-        }
-
-        for (let i = 0, len = this._queue.length; i < len; i++) {
-            let qi = this._queue[i];
-            if (qi && sender.isEqual(qi.params.sender)) {
-                qi.callback({ 'status': "abort" });
-                this._queue[i] = null;
-            }
-        }
-    }
-
-    abortAll() {
-        for (let i = 0, len = this._queue.length; i < len; i++) {
-            let qi = this._queue[i];
-            if (qi) {
-                let sender = qi.params.sender;
-                if (sender && this._senderRequestCounter[sender._id]) {
-                    this._senderRequestCounter[sender._id].counter = 0;
-                    cancelAnimationFrame(this._senderRequestCounter[sender._id].__requestCounterFrame__);
-                    this._senderRequestCounter[sender._id].__requestCounterFrame__ = null;
-                }
-                qi.callback({ 'status': "abort" });
-                this._queue[i] = null;
-            }
-        }
-        this._queue = [];
-    }
-}

package/src/og/utils/TextureAtlas.js

@@ -1,291 +0,0 @@
-"use strict";
-
-import { ImageCanvas } from "../ImageCanvas.js";
-import { Rectangle } from "../Rectangle.js";
-import { ImagesCacheManager } from "./ImagesCacheManager.js";
-
-/**
- * Texture atlas stores images in one texture. Each image has its own
- * atlas texture coordinates.
- * @class
- * @param {number} [width] - Texture atlas width, if it hasn't 1024 default.
- * @param {number} [height] - Texture atlas height, if it hasn't 1024 default..
- */
-class TextureAtlas {
-    constructor(width = 1024, height = 1024) {
-        /**
-         * Atlas nodes where input images store. It can be access by image.__nodeIndex.
-         * @public
-         * @type {Array.<utils.TextureAtlasNode >}
-         */
-        this.nodes = new Map();
-
-        /**
-         * Created gl texture.
-         * @public
-         */
-        this.texture = null;
-
-        /**
-         * Atlas canvas.
-         * @public
-         * @type {canvas}
-         */
-        this.canvas = new ImageCanvas(width, height);
-        this.clearCanvas();
-
-        this._handler = null;
-        this._images = [];
-        this._btree = null;
-        this._imagesCacheManager = new ImagesCacheManager();
-        this.borderSize = 4;
-    }
-
-    /**
-     * Returns atlas javascript image object.
-     * @public
-     * @returns {Object} -
-     */
-    getImage() {
-        return this.canvas.getImage();
-    }
-
-    /**
-     * Returns canvas object.
-     * @public
-     * @returns {Object} -
-     */
-    getCanvas() {
-        return this.canvas._canvas;
-    }
-
-    /**
-     * Clear atlas with black.
-     * @public
-     */
-    clearCanvas() {
-        this.canvas.fillEmpty("black");
-    }
-
-    /**
-     * Sets openglobus gl handler that creates gl texture.
-     * @public
-     * @param {Handler} handler - WebGL handler.
-     */
-    assignHandler(handler) {
-        this._handler = handler;
-        this.createTexture();
-    }
-
-    /**
-     * Returns image diagonal size.
-     * @param {Object} image - JavaSript image object.
-     * @returns {number} -
-     */
-    getDiagonal(image) {
-        var w = image.atlasWidth || image.width,
-            h = image.atlasHeight || image.height;
-        return Math.sqrt(w * w + h * h);
-    }
-
-    /**
-     * Adds image to the atlas and returns creted node with texture coordinates of the stored image.
-     * @public
-     * @param {Object} image - Input javascript image object.
-     * @param {boolean} [fastInsert] - If it's true atlas doesnt restore all images again
-     * and store image in the curent atlas sheme.
-     * @returns {utils.TextureAtlasNode} -
-     */
-    addImage(image, fastInsert) {
-        if (!(image.width && image.height)) {
-            return;
-        }
-
-        this._images.push(image);
-
-        this._makeAtlas(fastInsert);
-
-        return this.get(image.__nodeIndex);
-    }
-
-    _completeNode(nodes, node) {
-        if (node) {
-            var w = this.canvas.getWidth(),
-                h = this.canvas.getHeight();
-            var im = node.image;
-            var r = node.rect;
-            var bs = Math.round(this.borderSize * 0.5);
-            this.canvas.drawImage(im, r.left + bs, r.top + bs, im.atlasWidth, im.atlasHeight);
-            var tc = node.texCoords;
-
-            tc[0] = (r.left + bs) / w;
-            tc[1] = (r.top + bs) / h;
-
-            tc[2] = (r.left + bs) / w;
-            tc[3] = (r.bottom - bs) / h;
-
-            tc[4] = (r.right - bs) / w;
-            tc[5] = (r.bottom - bs) / h;
-
-            tc[6] = (r.right - bs) / w;
-            tc[7] = (r.bottom - bs) / h;
-
-            tc[8] = (r.right - bs) / w;
-            tc[9] = (r.top + bs) / h;
-
-            tc[10] = (r.left + bs) / w;
-            tc[11] = (r.top + bs) / h;
-
-            nodes.set(im.__nodeIndex, node);
-        }
-    }
-
-    /**
-     * Main atlas making function.
-     * @private
-     * @param {boolean} [fastInsert] - If it's true atlas doesnt restore all images again
-     * and store image in the curent atlas sheme.
-     */
-    _makeAtlas(fastInsert) {
-        if (fastInsert && this._btree) {
-            let im = this._images[this._images.length - 1];
-            this._completeNode(this.nodes, this._btree.insert(im));
-        } else {
-            let im = this._images.slice(0);
-
-            im.sort(function (b, a) {
-                return (
-                    (a.atlasWidth || a.width) - (b.atlasWidth || b.width) ||
-                    (a.atlasHeight || a.height) - (b.atlasHeight || b.height)
-                );
-            });
-
-            this._btree = new TextureAtlasNode(
-                new Rectangle(0, 0, this.canvas.getWidth(), this.canvas.getHeight())
-            );
-            this._btree.atlas = this;
-
-            this.clearCanvas();
-
-            var newNodes = new Map();
-            for (let i = 0; i < im.length; i++) {
-                this._completeNode(newNodes, this._btree.insert(im[i]));
-            }
-            this.nodes = null;
-            this.nodes = newNodes;
-        }
-    }
-
-    get(key) {
-        return this.nodes.get(key);
-    }
-
-    set(key, value) {
-        this.nodes.set(key, value);
-    }
-
-    /**
-     * Creates atlas gl texture.
-     * @public
-     */
-    createTexture(img, internalFormat) {
-        if (this._handler) {
-            this._handler.gl.deleteTexture(this.texture);
-            if (img) {
-                this.canvas.resize(img.width, img.height);
-                this.canvas.drawImage(img, 0, 0, img.width, img.height);
-            }
-            this.texture = this._handler.createTexture_l(this.canvas._canvas, internalFormat);
-        }
-    }
-
-    /**
-     * Image handler callback.
-     * @callback Object~successCallback
-     * @param {Image} img - Loaded image.
-     */
-
-    /**
-     * Asynchronous function that loads and creates image to the image cache, and call success callback when it's done.
-     * @public
-     * @param {string} src - Image object src string.
-     * @param {Object~successCallback} success - The callback that handles the image loads done.
-     */
-    loadImage(src, success) {
-        this._imagesCacheManager.load(src, success);
-    }
-
-    getImageTexCoordinates(img) {
-        if (img.__nodeIndex != null) {
-            let n = this.get(img.__nodeIndex);
-            if (n) {
-                return n.texCoords;
-            }
-        }
-    }
-}
-
-/**
- * Atlas binary tree node.
- * @class
- * @param {Rectangle} rect - Node image rectangle.
- */
-class TextureAtlasNode {
-    constructor(rect, texCoords = []) {
-        this.childNodes = null;
-        this.image = null;
-        this.rect = rect;
-        this.texCoords = texCoords;
-        this.atlas = null;
-    }
-
-    insert(img) {
-        if (this.childNodes) {
-            var newNode = this.childNodes[0].insert(img);
-
-            if (newNode != null) {
-                return newNode;
-            }
-
-            return this.childNodes[1].insert(img);
-        } else {
-            if (this.image != null) {
-                return null;
-            }
-
-            var rc = this.rect;
-            var w = (img.atlasWidth || img.width) + this.atlas.borderSize;
-            var h = (img.atlasHeight || img.height) + this.atlas.borderSize;
-
-            if (w > rc.getWidth() || h > rc.getHeight()) {
-                return null;
-            }
-
-            if (rc.fit(w, h)) {
-                this.image = img;
-                return this;
-            }
-
-            this.childNodes = new Array(2);
-            this.childNodes[0] = new TextureAtlasNode();
-            this.childNodes[0].atlas = this.atlas;
-            this.childNodes[1] = new TextureAtlasNode();
-            this.childNodes[1].atlas = this.atlas;
-
-            var dw = rc.getWidth() - w;
-            var dh = rc.getHeight() - h;
-
-            if (dw > dh) {
-                this.childNodes[0].rect = new Rectangle(rc.left, rc.top, rc.left + w, rc.bottom);
-                this.childNodes[1].rect = new Rectangle(rc.left + w, rc.top, rc.right, rc.bottom);
-            } else {
-                this.childNodes[0].rect = new Rectangle(rc.left, rc.top, rc.right, rc.top + h);
-                this.childNodes[1].rect = new Rectangle(rc.left, rc.top + h, rc.right, rc.bottom);
-            }
-
-            return this.childNodes[0].insert(img);
-        }
-    }
-}
-
-export { TextureAtlas, TextureAtlasNode };

package/src/og/utils/functionComposition.js

@@ -1,13 +0,0 @@
-'use strict'
-
-// Used to compose other functions,
-// in a specific order to return to desired output.
-
-const compose = x => ({
-    run: f => compose(f(x)), // runs the function 
-    runForEach: f => compose(x.map(el => f(el))), // runs the function for an array
-    end: () => x, // result
-})
-
-export {compose}
-

package/src/og/utils/units.js

@@ -1,78 +0,0 @@
-'use strict';
-
-export const ELL = 0;
-export const MSL = 1;
-export const GND = 2;
-
-export const heightMode = {
-    "ell": ELL,
-    "msl": MSL,
-    "gnd": GND
-};
-
-const KM_to_M = 1000.0;
-const M_to_KM = 1.0 / KM_to_M;
-const FT_to_M = 0.3048;
-const M_to_FT = 1.0 / FT_to_M;
-const MS_to_KMH = 3.6;
-const KMH_to_MS = 1.0 / MS_to_KMH;
-const MS_to_FTS = 3.28084;
-const FT_to_KM = FT_to_M * M_to_KM;
-const KM_to_FT = 1.0 / FT_to_KM;
-
-export const m = 0;
-export const km = 1;
-export const ft = 2;
-export const s = 3;
-export const h = 4;
-export const ms = 5;
-export const kmh = 6;
-export const fts = 7;
-
-const DEFAULT_NAN = "--";
-
-const _abbr = ["m", "km", "ft", "s", "h", "m/s", "km/h", "ft/s"];
-
-export const _tenth = [0, 2, 0, 0, 0, 0, 0, 0];
-
-let _convFn = [];
-
-_convFn[m] = [];
-_convFn[m][m] = (v) => v;
-_convFn[m][km] = (v) => v * M_to_KM;
-_convFn[m][ft] = (v) => v * M_to_FT;
-
-_convFn[ft] = [];
-_convFn[ft][m] = (v) => v * FT_to_M;
-_convFn[ft][km] = (v) => v * FT_to_KM;
-_convFn[ft][ft] = (v) => v;
-
-_convFn[km] = [];
-_convFn[km][m] = (v) => v * KM_to_M;
-_convFn[km][km] = (v) => v;
-_convFn[km][ft] = (v) => v * KM_to_FT;
-
-_convFn[ms] = [];
-_convFn[ms][ms] = (v) => v;
-_convFn[ms][kmh] = (v) => v * MS_to_KMH;
-_convFn[ms][fts] = (v) => v * MS_to_FTS;
-
-_convFn[kmh] = [];
-_convFn[kmh][ms] = (v) => v * KMH_to_MS;
-_convFn[kmh][kmh] = (v) => v;
-//_convFn[kmh][fts] = (v) => v * KMH_to_FTS;
-
-export function convert(from, to, val) {
-    return _convFn[from][to](val);
-}
-
-export function convertExt(isNotNaN, unitFrom, unitTo, val, fixed) {
-    if (isNotNaN) {
-        return convert(unitFrom, unitTo, val).toFixed(fixed || _tenth[unitTo]);
-    }
-    return DEFAULT_NAN;
-}
-
-export function toString(u) {
-    return _abbr[u];
-}