@openglobus/og 0.13.4 → 0.13.7

package/src/og/utils/TextureAtlas.js

@@ -1,280 +1,291 @@
-"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 = [];
-
-        /**
-         * 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.nodes[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[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 = [];
-            for (var i = 0; i < im.length; i++) {
-                this._completeNode(newNodes, this._btree.insert(im[i]));
-            }
-            this.nodes = [];
-            this.nodes = newNodes;
-        }
-    }
-
-    /**
-     * 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 && this.nodes[img.__nodeIndex]) {
-            return this.nodes[img.__nodeIndex].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 };
+"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 (var 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/units.js

@@ -0,0 +1,78 @@
+'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];
+}