@openglobus/og 0.15.0 → 0.15.2

package/src/og/control/timeline/TimelineView.js

@@ -1,5 +1,7 @@
 'use strict';
 
+import { ButtonGroup } from "../../ui/ButtonGroup.js";
+import { ToggleButton } from "../../ui/ToggleButton.js";
 import { View } from '../../ui/View.js';
 import { TimelineModel } from './TimelineModel.js';
 import {
@@ -11,9 +13,6 @@ import {
     getNearestTimeLeft,
     getScale
 } from './timelineUtils.js';
-import { ToggleButton } from "../../ui/ToggleButton.js";
-import { Button } from "../../ui/Button.js";
-import { ButtonGroup } from "../../ui/ButtonGroup.js";
 
 const SECONDS_TO_MILLISECONDS = 1000.0;
 const MILLISECONDS_TO_SECONDS = 1.0 / SECONDS_TO_MILLISECONDS;
@@ -30,7 +29,7 @@ const EVENT_LIST = [
     'visibility'
 ];
 
-const ICON_PLAY_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>';
+const ICON_PLAY_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z" style="fill: black;"/></svg>';
 const ICON_PAUSE_SVG = '<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC \'-//W3C//DTD SVG 1.1//EN\'  \'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\'><svg enable-background="new 0 0 512 512" height="512px" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_6"><rect fill="#252525" height="320" width="60" x="153" y="96"/><rect fill="#252525" height="320" width="60" x="299" y="96"/></g></svg>';
 
 const SCALE_FILL_COLOR = "rgba(64, 59, 59, 1.0)";
@@ -179,6 +178,7 @@ class TimelineView extends View {
         document.body.addEventListener("mousedown", this._onMouseDown.bind(this));
         document.body.addEventListener("mouseup", this._onMouseUp.bind(this));
         document.body.addEventListener("mousewheel", this._onMouseWheel.bind(this));
+        document.body.addEventListener("wheel", this._onMouseWheelFF.bind(this));
 
         this._playBtn.appendTo(this.$controls);
         this._pauseBtn.appendTo(this.$controls);
@@ -268,6 +268,10 @@ class TimelineView extends View {
         }
     }
 
+    _onMouseWheelFF(e) {
+        this._onMouseWheel(e);
+    }
+
     _zoom(pointerTime, pointerCenterOffsetX, dir) {
         let centerTime = this.model.rangeStartTime + 0.5 * this.model.range;
 
@@ -446,4 +450,5 @@ class TimelineView extends View {
     }
 }
 
-export { TimelineView }
+export { TimelineView };
+

package/src/og/control/visibleExtent/Segment.js

@@ -1,15 +1,15 @@
 "use strict";
 
-import * as mercator from "../../mercator.js";
-import { N, E, S, W, OPSIDE, NOTRENDERING } from "../../quadTree/quadTree.js";
-import { EPSG3857 } from "../../proj/EPSG3857.js";
+import { Box } from "../../bv/Box.js";
+import { Sphere } from "../../bv/Sphere.js";
 import { Extent } from "../../Extent.js";
 import { Layer } from "../../layer/Layer.js";
 import { LonLat } from "../../LonLat.js";
 import { Ray } from "../../math/Ray.js";
-import { Sphere } from "../../bv/Sphere.js";
-import { Box } from "../../bv/Box.js";
 import { Vec3 } from "../../math/Vec3.js";
+import * as mercator from "../../mercator.js";
+import { EPSG3857 } from "../../proj/EPSG3857.js";
+import { E, N, NOTRENDERING, OPSIDE, S, W } from "../../quadTree/quadTree.js";
 import * as segmentHelper from "../../segment/segmentHelper.js";
 import { getMatrixSubArray } from "../../utils/shared.js";
 

package/src/og/control/visibleExtent/VisibleExtent.js

@@ -1,8 +1,8 @@
 "use strict";
 
+import { Slice } from "../../segment/Slice.js";
 import { Control } from "../Control.js";
 import * as shaders from "./drawnode.js";
-import { Slice } from "../../segment/Slice.js";
 
 function rewriteSlice() {
     Slice.prototype.init = function (segment) {

package/src/og/ellipsoid/Ellipsoid.js

@@ -4,9 +4,9 @@
 
 "use strict";
 
-import { Vec3 } from "../math/Vec3.js";
 import { LonLat } from "../LonLat.js";
-import { EPS1, EPS12, EPS15, RADIANS, DEGREES } from "../math.js";
+import { DEGREES, EPS1, EPS12, EPS15, RADIANS } from "../math.js";
+import { Vec3 } from "../math/Vec3.js";
 
 /**
  * Class represents a plant ellipsoid.
@@ -621,4 +621,4 @@ class Ellipsoid {
     }
 }
 
-export { Ellipsoid };
+export { Ellipsoid };

package/src/og/entity/BaseBillboard.js

@@ -4,8 +4,8 @@
 
 "use strict";
 
-import * as utils from "../utils/shared.js";
 import { Vec3 } from "../math/Vec3.js";
+import * as utils from "../utils/shared.js";
 import { LOCK_FREE, LOCK_UPDATE } from "./LabelWorker.js";
 
 /**
@@ -376,4 +376,4 @@ class BaseBillboard {
     }
 }
 
-export { BaseBillboard };
+export { BaseBillboard };

package/src/og/entity/BillboardHandler.js

@@ -6,7 +6,7 @@
 
 import * as shaders from "../shaders/billboard.js";
 import { concatTypedArrays, spliceTypedArray } from "../utils/shared.js";
-import { LOCK_UPDATE, LOCK_FREE } from "./LabelWorker.js";
+import { LOCK_FREE } from "./LabelWorker.js";
 
 const PICKINGCOLOR_BUFFER = 0;
 const POSITION_BUFFER = 1;
@@ -348,6 +348,8 @@ class BillboardHandler {
 
         var gl = h.gl,
             ec = this._entityCollection;
+
+        gl.disable(gl.CULL_FACE);
         
         gl.uniform1f(shu.depthOffset, ec.polygonOffsetUnits + window.BILLBOARD_DEPTH_OFFSET);
 
@@ -392,6 +394,8 @@ class BillboardHandler {
         gl.vertexAttribPointer(sha.a_rotation, this._rotationBuffer.itemSize, gl.FLOAT, false, 0, 0);
 
         gl.drawArrays(gl.TRIANGLES, 0, this._vertexBuffer.numItems);
+
+        gl.enable(gl.CULL_FACE);
     }
 
     _pickingPASS() {
@@ -405,6 +409,8 @@ class BillboardHandler {
         var gl = h.gl,
             ec = this._entityCollection;
 
+        gl.disable(gl.CULL_FACE);
+
         gl.uniform1f(shu.depthOffset, ec.polygonOffsetUnits + window.BILLBOARD_DEPTH_OFFSET);
 
         gl.uniformMatrix4fv(shu.viewMatrix, false, r.activeCamera._viewMatrix._m);
@@ -442,6 +448,8 @@ class BillboardHandler {
         gl.vertexAttribPointer(sha.a_rotation, this._rotationBuffer.itemSize, gl.FLOAT, false, 0, 0);
 
         gl.drawArrays(gl.TRIANGLES, 0, this._vertexBuffer.numItems);
+
+        gl.enable(gl.CULL_FACE);
     }
 
     draw() {
@@ -876,4 +884,4 @@ class BillboardHandler {
     }
 }
 
-export { BillboardHandler };
+export { BillboardHandler };

package/src/og/entity/Entity.js

@@ -4,20 +4,19 @@
 
 "use strict";
 
+import { Extent } from "../Extent.js";
+import { LonLat } from "../LonLat.js";
+import { Vec3 } from "../math/Vec3.js";
 import * as mercator from "../mercator.js";
 import * as utils from "../utils/shared.js";
 import { Billboard } from "./Billboard.js";
-import { Strip } from "./Strip.js";
-import { Extent } from "../Extent.js";
 import { Geometry } from "./Geometry.js";
+import { GeoObject } from "./GeoObject.js";
 import { Label } from "./Label.js";
-import { LonLat } from "../LonLat.js";
+import { PointCloud } from "./PointCloud.js";
 import { Polyline } from "./Polyline.js";
 import { Ray } from "./Ray.js";
-import { PointCloud } from "./PointCloud.js";
-import { Sphere } from "../shapes/Sphere.js";
-import { Vec3 } from "../math/Vec3.js";
-import { GeoObject } from "./GeoObject.js";
+import { Strip } from "./Strip.js";
 
 /**
  * Entity instances aggregate multiple forms of visualization into a single high-level object.
@@ -26,14 +25,12 @@ import { GeoObject } from "./GeoObject.js";
  * @class
  * @param {Object} [options] - Entity options:
  * @param {string} [options.name] - A human readable name to display to users. It does not have to be unique.
- * @param {Vec3|Array.<number>} [options.cartesian] - Spatial entities like billboard, label, sphere etc. cartesian position.
- * @param {LonLat} [options.lonlat] - Geodetic coordiantes for an entities like billboard, label, sphere etc.
+ * @param {Vec3|Array.<number>} [options.cartesian] - Spatial entities like billboard, label etc. cartesian position.
+ * @param {LonLat} [options.lonlat] - Geodetic coordiantes for an entities like billboard, label etc.
  * @param {boolean} [options.aground] - True for entities that have to be placed on the relief.
  * @param {boolean} [options.visibility] - Entity visibility.
  * @param {*} [options.billboard] - Billboard options(see {@link og.Billboard}).
  * @param {*} [options.label] - Label options(see {@link og.Label}).
- * @param {*} [options.sphere] - Sphere options(see {@link og.shape.Sphere}).
- * @param {*} [options.box] - Sphere options(see {@link og.shape.Box}).
  * @param {*} [options.polyline] - Polyline options(see {@link og.Polyline}).
  * @param {*} [options.ray] - Ray options(see {@link og.Ray}).
  * @param {*} [options.pointCloud] - Point cloud options(see {@link og.PointCloud}).
@@ -154,8 +151,6 @@ class Entity {
         this._featureConstructorArray = {
             billboard: [Billboard, this.setBillboard],
             label: [Label, this.setLabel],
-            sphere: [Sphere, this.setShape],
-            // box: [Box, this.setShape],
             polyline: [Polyline, this.setPolyline],
             pointCloud: [PointCloud, this.setPointCloud],
             geometry: [Geometry, this.setGeometry],
@@ -178,13 +173,6 @@ class Entity {
          */
         this.label = this._createOptionFeature("label", options.label);
 
-        /**
-         * Shape entity.
-         * @public
-         * @type {shape.BaseShape}
-         */
-        this.shape = this._createOptionFeature("sphere", options.sphere || options.box);
-
         /**
          * Polyline entity.
          * @public
@@ -293,9 +281,6 @@ class Entity {
         // labels
         this.label && this.label.setVisibility(visibility);
 
-        // shape
-        this.shape && this.shape.setVisibility(visibility);
-
         // polyline
         this.polyline && this.polyline.setVisibility(visibility);
 
@@ -351,9 +336,6 @@ class Entity {
         // labels
         this.label && this.label.setPosition3v(p);
 
-        // shape
-        this.shape && this.shape.setPosition3v(p);
-
         for (let i = 0; i < this.childrenNodes.length; i++) {
             this.childrenNodes[i].setCartesian(x, y, z);
         }
@@ -395,9 +377,6 @@ class Entity {
         // labels
         this.label && this.label.setPosition3v(p);
 
-        // shape
-        this.shape && this.shape.setPosition3v(p);
-
         for (let i = 0; i < this.childrenNodes.length; i++) {
             this.childrenNodes[i].setCartesian(p.x, p.y, p.z);
         }
@@ -556,24 +535,6 @@ class Entity {
         return ray;
     }
 
-    /**
-     * Sets entity shape.
-     * @public
-     * @param {BaseShape} shape - Shape object.
-     * @returns {Polyline} -
-     */
-    setShape(shape) {
-        if (this.shape) {
-            this.shape.remove();
-        }
-        this.shape = shape;
-        this.shape._entity = this;
-        this.shape.setPosition3v(this._cartesian);
-        this.shape.setVisibility(this._visibility);
-        this._entityCollection && this._entityCollection._shapeHandler.add(shape);
-        return shape;
-    }
-
     /**
      * Sets entity polyline.
      * @public
@@ -699,9 +660,6 @@ class Entity {
         // label
         this.label && this.label.setPickingColor3v(c);
 
-        // shape
-        this.shape && this.shape.setPickingColor3v(c);
-
         // polyline
         this.polyline && this.polyline.setPickingColor3v(c);
 
@@ -711,8 +669,9 @@ class Entity {
         // strip
         this.strip && this.strip.setPickingColor3v(c);
 
-        // billboard
+        // geoObject
         this.geoObject && this.geoObject.setPickingColor3v(c);
+
         for (let i = 0; i < this.childrenNodes.length; i++) {
             this.childrenNodes[i].setPickingColor();
         }

package/src/og/entity/EntityCollection.js

@@ -4,16 +4,15 @@
 
 "use strict";
 
+import { Events } from "../Events.js";
 import * as math from "../math.js";
 import { BillboardHandler } from "./BillboardHandler.js";
-import { Events } from "../Events.js";
+import { GeoObjectHandler } from "./GeoObjectHandler.js";
 import { LabelHandler } from "./LabelHandler.js";
+import { PointCloudHandler } from "./PointCloudHandler.js";
 import { PolylineHandler } from "./PolylineHandler.js";
 import { RayHandler } from "./RayHandler.js";
-import { PointCloudHandler } from "./PointCloudHandler.js";
 import { StripHandler } from "./StripHandler.js";
-import { ShapeHandler } from "./ShapeHandler.js";
-import { GeoObjectHandler } from "./GeoObjectHandler.js";
 
 /**
  * An observable collection of og.Entity instances where each entity has a unique id.
@@ -117,13 +116,6 @@ class EntityCollection {
          */
         this.labelHandler = new LabelHandler(this, options.labelMaxLetters);
 
-        /**
-         * Shape handler
-         * @public
-         * @type {ShapeHandler}
-         */
-        this.shapeHandler = new ShapeHandler(this);
-
         /**
          * Polyline handler
          * @public
@@ -264,7 +256,6 @@ class EntityCollection {
         this.labelHandler.pickingEnabled = enable;
         this.polylineHandler.pickingEnabled = enable;
         this.rayHandler.pickingEnabled = enable;
-        this.shapeHandler.pickingEnabled = enable;
         this.pointCloudHandler.pickingEnabled = enable;
         this.stripHandler.pickingEnabled = enable;
         this.geoObjectHandler.pickingEnabled = enable;
@@ -299,9 +290,6 @@ class EntityCollection {
         // label
         entity.label && this.labelHandler.add(entity.label);
 
-        // shape
-        entity.shape && this.shapeHandler.add(entity.shape);
-
         // polyline
         entity.polyline && this.polylineHandler.add(entity.polyline);
 
@@ -387,9 +375,6 @@ class EntityCollection {
         // label
         entity.label && this.labelHandler.remove(entity.label);
 
-        // shape
-        entity.shape && this.shapeHandler.remove(entity.shape);
-
         // polyline
         entity.polyline && this.polylineHandler.remove(entity.polyline);
 
@@ -506,7 +491,6 @@ class EntityCollection {
             this.labelHandler.setRenderer(renderNode.renderer);
             this.rayHandler.setRenderer(renderNode.renderer);
             this.geoObjectHandler.setRenderNode(renderNode);
-            this.shapeHandler.setRenderNode(renderNode);
             this.polylineHandler.setRenderNode(renderNode);
             this.pointCloudHandler.setRenderNode(renderNode);
             this.stripHandler.setRenderNode(renderNode);
@@ -610,7 +594,6 @@ class EntityCollection {
         // code to the clearEntity function.
         this.billboardHandler.clear();
         this.labelHandler.clear();
-        this.shapeHandler.clear();
         this.polylineHandler.clear();
         this.rayHandler.clear();
         this.pointCloudHandler.clear();

package/src/og/entity/GeoObject.js

@@ -1,14 +1,12 @@
 /**
- * @module og/shape/BaseShape
+ * @module og/entity/GeoObject
  */
 
 "use strict";
 
 import { Quat, Vec3 } from "../math/index.js";
-import { MAX32, RADIANS, lerp } from "../math.js";
-import { LonLat } from "../LonLat.js";
-import * as utils from "../utils/shared.js";
 import { Planet } from "../scene/Planet.js";
+import * as utils from "../utils/shared.js";
 
 /**
  * @class

package/src/og/entity/GeoObjectHandler.js

@@ -1,8 +1,9 @@
 "use strict";
 
 /**
- * @module og/entity/ShapeHandler
+ * @module og/entity/GeoObjectHandler
  */
+
 import * as shaders from "../shaders/geoObject.js";
 import { concatArrays, loadImage, makeArrayTyped, spliceArray } from "../utils/shared.js";
 
@@ -257,7 +258,7 @@ class InstanceData {
     createIndicesBuffer() {
         const h = this._geoObjectHandler._planet.renderer.handler;
         h.gl.deleteBuffer(this._indicesBuffer);
-        this._indicesArr = makeArrayTyped(this._indicesArr, Uint16Array);
+        this._indicesArr = makeArrayTyped(this._indicesArr, Uint32Array);
         this._indicesBuffer = h.createElementArrayBuffer(this._indicesArr, 1, this._indicesArr.length);
     }
 
@@ -424,7 +425,6 @@ class GeoObjectHandler {
         //
         // Could be in VAO
         //
-        gl.enable(gl.CULL_FACE);
         gl.uniform3fv(u.uScaleByDistance, ec.scaleByDistance);
 
         gl.uniform3fv(u.eyePositionHigh, r.activeCamera.eyeHigh);
@@ -482,11 +482,9 @@ class GeoObjectHandler {
             gl.bindBuffer(gl.ARRAY_BUFFER, tagData._texCoordBuffer);
             gl.vertexAttribPointer(a.aTexCoord, tagData._texCoordBuffer.itemSize, gl.FLOAT, false, 0, 0);
 
-
             gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, tagData._indicesBuffer);
-            p.drawElementsInstanced(gl.TRIANGLES, tagData._indicesBuffer.numItems, gl.UNSIGNED_SHORT, 0, tagData.numInstances);
+            p.drawElementsInstanced(gl.TRIANGLES, tagData._indicesBuffer.numItems, gl.UNSIGNED_INT, 0, tagData.numInstances);
         }
-        gl.disable(gl.CULL_FACE);
     }
 
     drawPicking() {
@@ -496,12 +494,16 @@ class GeoObjectHandler {
     }
 
     _pickingPASS() {
-        let r = this._planet.renderer, sh = r.handler.programs.geo_object_picking, p = sh._program, u = p.uniforms,
-            a = p.attributes, gl = r.handler.gl, ec = this._entityCollection;
+        let r = this._planet.renderer,
+            sh = r.handler.programs.geo_object_picking,
+            p = sh._program,
+            u = p.uniforms,
+            a = p.attributes,
+            gl = r.handler.gl,
+            ec = this._entityCollection;
 
         sh.activate();
 
-        gl.enable(gl.CULL_FACE);
         gl.uniform3fv(u.uScaleByDistance, ec.scaleByDistance);
 
         gl.uniform1f(u.pickingScale, ec.pickingScale);
@@ -546,9 +548,8 @@ class GeoObjectHandler {
             gl.vertexAttribPointer(a.aVertexPosition, tagData._vertexBuffer.itemSize, gl.FLOAT, false, 0, 0);
 
             gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, tagData._indicesBuffer);
-            p.drawElementsInstanced(gl.TRIANGLES, tagData._indicesBuffer.numItems, gl.UNSIGNED_SHORT, 0, tagData.numInstances);
+            p.drawElementsInstanced(gl.TRIANGLES, tagData._indicesBuffer.numItems, gl.UNSIGNED_INT, 0, tagData.numInstances);
         }
-        gl.disable(gl.CULL_FACE);
     }
 
     async _loadDataTagTexture(tagData) {

package/src/og/entity/Geometry.js

@@ -4,10 +4,10 @@
 
 "use strict";
 
-import * as utils from "../utils/shared.js";
 import { Extent } from "../Extent.js";
-import { Vec4 } from "../math/Vec4.js";
 import { LonLat } from "../LonLat.js";
+import { Vec4 } from "../math/Vec4.js";
+import * as utils from "../utils/shared.js";
 
 const GeometryType = {
     POINT: 1,

package/src/og/entity/GeometryHandler.js

@@ -4,12 +4,12 @@
 
 "use strict";
 
+import { doubleToTwoFloatsV2 } from "../math/coder.js";
+import { Vec2 } from "../math/Vec2.js";
 import * as mercator from "../mercator.js";
 import * as quadTree from "../quadTree/quadTree.js";
 import { earcut, flatten } from "../utils/earcut.js";
 import { GeometryType } from "./Geometry.js";
-import { Vec2 } from "../math/Vec2.js";
-import { doubleToTwoFloatsV2 } from "../math/coder.js";
 
 const POLYVERTICES_BUFFER = 0;
 const POLYINDEXES_BUFFER = 1;

package/src/og/entity/Label.js

@@ -4,9 +4,9 @@
 
 "use strict";
 
+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 = {
@@ -346,4 +346,4 @@ class Label extends BaseBillboard {
     }
 }
 
-export { Label, ALIGN };
+export { Label, ALIGN };

package/src/og/entity/LabelHandler.js

@@ -5,9 +5,9 @@
 "use strict";
 
 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 { BillboardHandler } from "./BillboardHandler.js";
+import { ALIGN } from "./Label.js";
 import { LOCK_FREE } from "./LabelWorker.js";
 
 const PICKINGCOLOR_BUFFER = 0;
@@ -205,7 +205,6 @@ class LabelHandler extends BillboardHandler {
             ec = this._entityCollection;
 
         gl.disable(gl.CULL_FACE);
-        //gl.disable(gl.DEPTH_TEST);
 
         gl.uniform1iv(shu.fontTextureArr, r.fontAtlas.samplerArr);
         gl.uniform4fv(shu.sdfParamsArr, r.fontAtlas.sdfParamsArr);
@@ -287,6 +286,8 @@ class LabelHandler extends BillboardHandler {
 
         var rn = ec.renderNode;
 
+        gl.disable(gl.CULL_FACE);
+
         gl.uniformMatrix4fv(shu.viewMatrix, false, r.activeCamera._viewMatrix._m);
         gl.uniformMatrix4fv(shu.projectionMatrix, false, r.activeCamera.getProjectionMatrix());
         gl.uniform3fv(shu.eyePositionHigh, r.activeCamera.eyeHigh);
@@ -325,8 +326,9 @@ class LabelHandler extends BillboardHandler {
 
         gl.uniform1f(shu.depthOffset, ec.polygonOffsetUnits + window.LABEL_DEPTH_OFFSET);
 
-
         gl.drawArrays(gl.TRIANGLES, 0, this._vertexBuffer.numItems);
+
+        gl.enable(gl.CULL_FACE);
     }
 
     _removeBillboard(label) {
@@ -894,4 +896,4 @@ class LabelHandler extends BillboardHandler {
     }
 }
 
-export { LabelHandler };
+export { LabelHandler };

package/src/og/entity/Polyline.js

@@ -4,16 +4,13 @@
 
 "use strict";
 
-import {
-    makeArrayTyped,
-    makeArray,
-    htmlColorToFloat32Array,
-    htmlColorToRgba,
-    cloneArray
-} from "../utils/shared.js";
 import { Extent } from "../Extent.js";
 import { LonLat } from "../LonLat.js";
 import { Vec3 } from "../math/Vec3.js";
+import {
+    cloneArray, htmlColorToFloat32Array,
+    htmlColorToRgba, makeArray, makeArrayTyped
+} from "../utils/shared.js";
 
 window.POLYLINE_DEPTH_OFFSET = 0.0;
 
@@ -2035,6 +2032,8 @@ class Polyline {
 
             gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexesBuffer);
             gl.drawElements(gl.TRIANGLE_STRIP, this._indexesBuffer.numItems, gl.UNSIGNED_INT, 0);
+
+            gl.enable(gl.CULL_FACE);
         }
     }
 
@@ -2091,6 +2090,8 @@ class Polyline {
 
             gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexesBuffer);
             gl.drawElements(gl.TRIANGLE_STRIP, this._indexesBuffer.numItems, gl.UNSIGNED_INT, 0);
+
+            gl.enable(gl.CULL_FACE);
         }
     }
 

package/src/og/entity/Ray.js

@@ -4,10 +4,9 @@
 
 "use strict";
 
-import * as utils from "../utils/shared.js";
 import { Vec3 } from "../math/Vec3.js";
+import * as utils from "../utils/shared.js";
 import { Entity } from "./Entity.js";
-import { doubleToTwoFloats2 } from "../math/coder.js";
 
 /**
  * Ray class.

package/src/og/entity/RayHandler.js

@@ -365,6 +365,8 @@ class RayHandler {
 
         //gl.polygonOffset(ec.polygonOffsetFactor, ec.polygonOffsetUnits);
 
+        gl.disable(gl.CULL_FACE);
+
         gl.uniform1f(shu.uOpacity, ec._fadingOpacity);
 
         gl.uniformMatrix4fv(shu.viewMatrix, false, r.activeCamera.getViewMatrix());
@@ -432,6 +434,8 @@ class RayHandler {
         gl.vertexAttribPointer(sha.a_vertices, this._vertexBuffer.itemSize, gl.FLOAT, false, 0, 0);
 
         gl.drawArrays(gl.TRIANGLES, 0, this._vertexBuffer.numItems);
+
+        gl.enable(gl.CULL_FACE);
     }
 
     _pickingPASS() {