@openglobus/og 0.11.5 → 0.12.0

package/src/og/entity/Label.js

@@ -2,11 +2,12 @@
  * @module og/entity/Label
  */
 
-'use strict';
+"use strict";
 
-import * as utils from '../utils/shared.js';
-import { BaseBillboard } from './BaseBillboard.js';
-import { Vec4 } from '../math/Vec4.js';
+import * as utils from "../utils/shared.js";
+import { BaseBillboard } from "./BaseBillboard.js";
+import { Vec4 } from "../math/Vec4.js";
+import { LOCK_FREE, LOCK_UPDATE } from "./LabelWorker.js";
 
 const ALIGN = {
     RIGHT: 0,
@@ -84,14 +85,19 @@ class Label extends BaseBillboard {
          * @private
          * @type {Vec4}
          */
-        this._outlineColor = utils.createColorRGBA(options.outlineColor, new Vec4(0.0, 0.0, 0.0, 1.0));
+        this._outlineColor = utils.createColorRGBA(
+            options.outlineColor,
+            new Vec4(0.0, 0.0, 0.0, 1.0)
+        );
 
         /**
          * Text horizontal align: "left", "right" and "center".
          * @private
          * @type {Label.ALIGN}
          */
-        this._align = options.align ? STR2ALIGN[options.align.trim().toLowerCase()] || ALIGN.RIGHT : ALIGN.RIGHT;
+        this._align = options.align
+            ? STR2ALIGN[options.align.trim().toLowerCase()] || ALIGN.RIGHT
+            : ALIGN.RIGHT;
 
         /**
          * Label font atlas index.
@@ -111,12 +117,14 @@ class Label extends BaseBillboard {
     /**
      * Sets lablel text.
      * @public
-     * @param {string} text - Text string. 
+     * @param {string} text - Text string.
      * It can't be bigger than maximum labelHandler _maxLetters value.
      */
     setText(text) {
         this._text = text.toString();
-        this._handler && this._handler.setText(this._handlerIndex, text, this._fontIndex, this._align);
+        if (this._isReady && this._handler) {
+            this._handler.setText(this._handlerIndex, text, this._fontIndex, this._align);
+        }
     }
 
     /**
@@ -135,7 +143,11 @@ class Label extends BaseBillboard {
      */
     setAlign(align) {
         this._align = STR2ALIGN[align.trim().toLowerCase()];
-        this._handler && this._handler.setText(this._handlerIndex, this._text, this._fontIndex, this._align);
+        if (this._isReady && this._handler) {
+            this._handler.setText(this._handlerIndex, this._text, this._fontIndex, this._align);
+        } else if (this._lockId !== LOCK_FREE) {
+            this._lockId = LOCK_UPDATE;
+        }
     }
 
     /**
@@ -172,8 +184,14 @@ class Label extends BaseBillboard {
      * @param {number} size - Label size in pixels.
      */
     setSize(size) {
-        this._size = size;
-        this._handler && this._handler.setSizeArr(this._handlerIndex, size);
+        if (size !== this._size) {
+            this._size = size;
+            if (this._isReady && this._handler) {
+                this._handler.setSizeArr(this._handlerIndex, size);
+            } else if (this._lockId !== LOCK_FREE) {
+                this._lockId = LOCK_UPDATE;
+            }
+        }
     }
 
     /**
@@ -192,7 +210,11 @@ class Label extends BaseBillboard {
      */
     setOutline(outline) {
         this._outline = outline;
-        this._handler && this._handler.setOutlineArr(this._handlerIndex, outline);
+        if (this._isReady && this._handler) {
+            this._handler.setOutlineArr(this._handlerIndex, outline);
+        } else if (this._lockId !== LOCK_FREE) {
+            this._lockId = LOCK_UPDATE;
+        }
     }
 
     /**
@@ -210,10 +232,8 @@ class Label extends BaseBillboard {
      * @param {number} a - Label opacity.
      */
     setOpacity(a) {
-        this._color.w = a;
-        this.setColor4v(this._color);
-        this._outlineColor.w = a;
-        this.setOutlineColor4v(this._outlineColor);
+        super.setOpacity(a);
+        this.setOutlineOpacity(a);
     }
 
     /**
@@ -225,11 +245,17 @@ class Label extends BaseBillboard {
      * @param {number} a - Alpha.
      */
     setOutlineColor(r, g, b, a) {
-        this._outlineColor.x = r;
-        this._outlineColor.y = g;
-        this._outlineColor.z = b;
-        this._outlineColor.w = a;
-        this._handler && this._handler.setOutlineColorArr(this._handlerIndex, this._outlineColor);
+        if (a !== this._outlineColor.w || r !== this._outlineColor.x || g !== this._outlineColor.y || b !== this._outlineColor.z) {
+            this._outlineColor.x = r;
+            this._outlineColor.y = g;
+            this._outlineColor.z = b;
+            this._outlineColor.w = a;
+            if (this._isReady && this._handler) {
+                this._handler.setOutlineColorArr(this._handlerIndex, this._outlineColor);
+            } else if (this._lockId !== LOCK_FREE) {
+                this._lockId = LOCK_UPDATE;
+            }
+        }
     }
 
     /**
@@ -238,11 +264,7 @@ class Label extends BaseBillboard {
      * @param {Vec4} rgba - Color vector.
      */
     setOutlineColor4v(rgba) {
-        this._outlineColor.x = rgba.x;
-        this._outlineColor.y = rgba.y;
-        this._outlineColor.z = rgba.z;
-        this._outlineColor.w = rgba.w;
-        this._handler && this._handler.setOutlineColorArr(this._handlerIndex, rgba);
+        this.setOutlineColor(rgba.x, rgba.y, rgba.z, rgba.w);
     }
 
     /**
@@ -269,8 +291,14 @@ class Label extends BaseBillboard {
      * @param {number} opacity - Outline opacity.
      */
     setOutlineOpacity(opacity) {
-        this._outlineColor.w = opacity;
-        this._handler && this._handler.setOutlineColorArr(this._handlerIndex, this._outlineColor);
+        if (opacity !== this._outlineColor.w) {
+            this._outlineColor.w = opacity;
+            if (this._isReady && this._handler) {
+                this._handler.setOutlineColorArr(this._handlerIndex, this._outlineColor);
+            } else if (this._lockId !== LOCK_FREE) {
+                this._lockId = LOCK_UPDATE;
+            }
+        }
     }
 
     /**
@@ -295,9 +323,11 @@ class Label extends BaseBillboard {
 
     _applyFontIndex(fontIndex) {
         this._fontIndex = fontIndex;
-        if (this._handler) {
+        if (this._isReady && this._handler) {
             this._handler.setFontIndexArr(this._handlerIndex, this._fontIndex);
             this._handler.setText(this._handlerIndex, this._text, this._fontIndex, this._align);
+        } else if (this._lockId !== LOCK_FREE) {
+            this._lockId = LOCK_UPDATE;
         }
     }
 
@@ -307,7 +337,9 @@ class Label extends BaseBillboard {
      * @param {utils.FontAtlas} fontAtlas - Font atlas.
      */
     assignFontAtlas(fontAtlas) {
-        !this._fontAtlas && (this._fontAtlas = fontAtlas);
+        if (!this._fontAtlas) {
+            this._fontAtlas = fontAtlas;
+        }
         this.update();
     }
 }

package/src/og/entity/LabelHandler.js

@@ -8,6 +8,7 @@ import * as shaders from "../shaders/label.js";
 import { ALIGN } from "./Label.js";
 import { BillboardHandler } from "./BillboardHandler.js";
 import { concatTypedArrays, spliceTypedArray } from "../utils/shared.js";
+import { LOCK_FREE } from "./LabelWorker.js";
 
 const PICKINGCOLOR_BUFFER = 0;
 const POSITION_BUFFER = 1;
@@ -76,19 +77,52 @@ class LabelHandler extends BillboardHandler {
     }
 
     add(label) {
-        if (label._handlerIndex === -1) {
+        if (!label._handler) {
             label._handler = this;
-            label._handlerIndex = this._billboards.length;
-            this._billboards.push(label);
-            this._addBillboardToArrays(label);
-            this.refresh();
             this.assignFontAtlas(label);
+            this.refresh();
         }
     }
 
+    _addLabelToArrays(label) {
+        this._renderer.labelWorker.make(this, label);
+    }
+
     assignFontAtlas(label) {
         if (this._entityCollection && this._renderer) {
             label.assignFontAtlas(this._renderer.fontAtlas);
+            this._addLabelToArrays(label);
+        } else {
+            this._billboards.push(label);
+        }
+    }
+
+    workerCallback(data, label) {
+        if (label._lockId !== LOCK_FREE && this.isEqual(label._handler)) {
+            label._isReady = true;
+            label._lockId = LOCK_FREE;
+            label._handlerIndex = this._billboards.length;
+            this._billboards.push(label);
+
+            this._vertexArr = concatTypedArrays(this._vertexArr, data.vertexArr);
+            this._texCoordArr = concatTypedArrays(this._texCoordArr, data.texCoordArr);
+            this._gliphParamArr = concatTypedArrays(this._gliphParamArr, data.gliphParamArr);
+            this._positionHighArr = concatTypedArrays(this._positionHighArr, data.positionHighArr);
+            this._positionLowArr = concatTypedArrays(this._positionLowArr, data.positionLowArr);
+            this._sizeArr = concatTypedArrays(this._sizeArr, data.sizeArr);
+            this._offsetArr = concatTypedArrays(this._offsetArr, data.offsetArr);
+            this._rgbaArr = concatTypedArrays(this._rgbaArr, data.rgbaArr);
+            this._rotationArr = concatTypedArrays(this._rotationArr, data.rotationArr);
+            this._alignedAxisArr = concatTypedArrays(this._alignedAxisArr, data.alignedAxisArr);
+            this._fontIndexArr = concatTypedArrays(this._fontIndexArr, data.fontIndexArr);
+            this._outlineArr = concatTypedArrays(this._outlineArr, data.outlineArr);
+            this._noOutlineArr = concatTypedArrays(this._noOutlineArr, data.noOutlineArr);
+            this._outlineColorArr = concatTypedArrays(this._outlineColorArr, data.outlineColorArr);
+            this._pickingColorArr = concatTypedArrays(this._pickingColorArr, data.pickingColorArr);
+
+            label.update();
+
+            this.refresh();
         }
     }
 
@@ -168,236 +202,6 @@ class LabelHandler extends BillboardHandler {
         }
     }
 
-    _addBillboardToArrays(label) {
-        for (var i = 0; i < this._maxLetters; i++) {
-            if (label._visibility) {
-                this._vertexArr = concatTypedArrays(
-                    this._vertexArr,
-                    [0, 0, 0, -1, 1, -1, 1, -1, 1, 0, 0, 0]
-                );
-            } else {
-                this._vertexArr = concatTypedArrays(
-                    this._vertexArr,
-                    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
-                );
-            }
-
-            this._texCoordArr = concatTypedArrays(
-                this._texCoordArr,
-                [0, 0, -1, 0, 0, 0, -1, 0, 0, 0, -1, 0, 0, 0, -1, 0, 0, 0, -1, 0, 0, 0, -1, 0]
-            );
-            this._gliphParamArr = concatTypedArrays(
-                this._gliphParamArr,
-                [1, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0]
-            );
-
-            var x = label._positionHigh.x,
-                y = label._positionHigh.y,
-                z = label._positionHigh.z,
-                w;
-            this._positionHighArr = concatTypedArrays(this._positionHighArr, [
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z
-            ]);
-
-            x = label._positionLow.x;
-            y = label._positionLow.y;
-            z = label._positionLow.z;
-            this._positionLowArr = concatTypedArrays(this._positionLowArr, [
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z
-            ]);
-
-            x = label._size;
-            this._sizeArr = concatTypedArrays(this._sizeArr, [x, x, x, x, x, x]);
-
-            x = label._offset.x;
-            y = label._offset.y;
-            z = label._offset.z;
-            this._offsetArr = concatTypedArrays(this._offsetArr, [
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z
-            ]);
-
-            x = label._color.x;
-            y = label._color.y;
-            z = label._color.z;
-            w = label._color.w;
-            this._rgbaArr = concatTypedArrays(this._rgbaArr, [
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w
-            ]);
-
-            x = label._rotation;
-            this._rotationArr = concatTypedArrays(this._rotationArr, [x, x, x, x, x, x]);
-
-            x = label._alignedAxis.x;
-            y = label._alignedAxis.y;
-            z = label._alignedAxis.z;
-            this._alignedAxisArr = concatTypedArrays(this._alignedAxisArr, [
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z
-            ]);
-
-            x = label._fontIndex;
-            this._fontIndexArr = concatTypedArrays(this._fontIndexArr, [x, x, x, x, x, x]);
-
-            x = label._outline;
-            this._outlineArr = concatTypedArrays(this._outlineArr, [x, x, x, x, x, x]);
-
-            const weight = 0.001;
-            this._noOutlineArr = concatTypedArrays(this._noOutlineArr, [
-                weight,
-                weight,
-                weight,
-                weight,
-                weight,
-                weight
-            ]);
-
-            x = label._outlineColor.x;
-            y = label._outlineColor.y;
-            z = label._outlineColor.z;
-            w = label._outlineColor.w;
-            this._outlineColorArr = concatTypedArrays(this._outlineColorArr, [
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w,
-                x,
-                y,
-                z,
-                w
-            ]);
-
-            x = label._entity._pickingColor.x / 255;
-            y = label._entity._pickingColor.y / 255;
-            z = label._entity._pickingColor.z / 255;
-            this._pickingColorArr = concatTypedArrays(this._pickingColorArr, [
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z,
-                x,
-                y,
-                z
-            ]);
-        }
-    }
-
     _displayPASS() {
         var r = this._renderer;
         var h = r.handler;
@@ -665,7 +469,8 @@ class LabelHandler extends BillboardHandler {
         this.refresh();
 
         label._handlerIndex = -1;
-        label._handler = null;
+        label._handler = null;
+        label._isReady = false;
     }
 
     setText(index, text, fontIndex, align) {
@@ -692,12 +497,6 @@ class LabelHandler extends BillboardHandler {
 
             let m = n.metrics;
 
-            //m.nWidth;
-            //m.nHeight;
-            //m.nAdvance;
-            //m.nXOffset;
-            //m.nYOffset;
-
             a[j] = tc[0];
             a[j + 1] = tc[1];
             a[j + 2] = offset;
@@ -1240,4 +1039,4 @@ class LabelHandler extends BillboardHandler {
     }
 }
 
-export { LabelHandler };
+export { LabelHandler };