@pirireis/webglobeplugins 0.15.17-alpha → 0.15.18-alpha

package/semiplugins/shape-on-terrain/circle-plugin.js

@@ -68,15 +68,16 @@ export class CircleOnTerrainPlugin {
     _vao = null;
     _dobuild = true; // This is used to trigger the build of circles when the camera position changes.
     _staticDynamicStrategy = null;
-    _styleOptions = {
+    _options = {
         variativeColorsOn: false,
         defaultColor: [0.1, 0.1, 0.1, 1], // Default color in RGBA format
-        defaultHeightFromGroundIn3D: 30.0
+        defaultHeightFromGroundIn3D: 30.0,
+        isMSL: false
     };
     constructor(id, styleOptions = null) {
         this.id = id;
         if (styleOptions) {
-            this._styleOptions = { ...this._styleOptions, ...styleOptions };
+            this._options = { ...this._options, ...styleOptions };
         }
     }
     init(globe, gl) {
@@ -92,8 +93,8 @@ export class CircleOnTerrainPlugin {
         this.bufferManagerMap.set("position3d", {
             bufferManager: new BufferManager(gl, (CIRCLE_POINTS_COUNT + 1) * 3, { initialCapacity }), // plus 1 is for butting linestrips
             adaptor: (item) => {
-                const { longLatArr, height = this._styleOptions.defaultHeightFromGroundIn3D } = item;
-                const result = globe3Dcoordinates(globe, height)(longLatArr, { paddingCount: 1, paddingValue: NaN });
+                const { longLatArr, height = this._options.defaultHeightFromGroundIn3D, msl = this._options.isMSL } = item;
+                const result = globe3Dcoordinates(globe, longLatArr, height, msl, { paddingCount: 1, paddingValue: NaN });
                 return result;
             }
         });
@@ -105,7 +106,7 @@ export class CircleOnTerrainPlugin {
                 return result;
             }
         });
-        if (this._styleOptions.variativeColorsOn) {
+        if (this._options.variativeColorsOn) {
             this.bufferManagerMap.set("color", {
                 bufferManager: new BufferManager(gl, (CIRCLE_POINTS_COUNT + 1) * 4, { initialCapacity }),
                 adaptor: (item) => {
@@ -116,17 +117,17 @@ export class CircleOnTerrainPlugin {
                     }
                     else {
                         for (let i = 0; i < CIRCLE_POINTS_COUNT; i++) {
-                            _colorArray.set(this._styleOptions.defaultColor, i * 4);
+                            _colorArray.set(this._options.defaultColor, i * 4);
                         }
                     }
                     return _colorArray;
                 }
             });
         }
-        this._vao = this.lineProgram.createVAO(createBufferAndReadInfo(this.bufferManagerMap.get("position3d")?.bufferManager.buffer), createBufferAndReadInfo(this.bufferManagerMap.get("position2d")?.bufferManager.buffer), this._styleOptions.variativeColorsOn ?
+        this._vao = this.lineProgram.createVAO(createBufferAndReadInfo(this.bufferManagerMap.get("position3d")?.bufferManager.buffer), createBufferAndReadInfo(this.bufferManagerMap.get("position2d")?.bufferManager.buffer), this._options.variativeColorsOn ?
             createBufferAndReadInfo(this.bufferManagerMap.get("color")?.bufferManager.buffer) : null);
         this._circleUBOHandler = this.lineProgram.createUBO();
-        this.setDefaultColor(this._styleOptions.defaultColor);
+        this.setDefaultColor(this._options.defaultColor);
         this._cameraUniformBlock = CameraUniformBlockTotemCache.get(globe);
     }
     insertBulk(circles) {
@@ -175,22 +176,40 @@ export class CircleOnTerrainPlugin {
             }
         }
     }
-    setPluginOpacity(opacity) {
+    setPluginOpacity(opacity, drawRender = false) {
         if (!this.globe || !this.gl) {
             console.warn("Globe or WebGL context is not initialized.");
             return;
         }
         opacityCheck(opacity);
         this._opacity = opacity;
-        this.globe.DrawRender();
+        if (drawRender) {
+            this.globe.DrawRender();
+        }
+    }
+    setElevationMode(mode) {
+        switch (mode) {
+            case "msl":
+                this._options.isMSL = true;
+                break;
+            case "agl":
+                this._options.isMSL = false;
+                break;
+            default:
+                throw new Error(`Unknown elevation mode: ${mode}`);
+        }
+        this._buildCircles();
+        this.globe?.DrawRender();
     }
-    setDefaultColor(color) {
+    setDefaultColor(color, drawRender = false) {
         if (!this.globe || !this.gl) {
             console.warn("Globe or WebGL context is not initialized.");
             return;
         }
         this._circleUBOHandler?.updateSingle("u_color", new Float32Array(color));
-        this.globe.DrawRender();
+        if (drawRender) {
+            this.globe.DrawRender();
+        }
     }
     // IMPLICIT METHODS
     _buildCircles() {
@@ -215,7 +234,8 @@ export class CircleOnTerrainPlugin {
         const data = [{
                 key: "",
                 longLatArr: [],
-                height: null
+                height: null,
+                msl: null
             }];
         const lookAtPosition = _cameraUniformBlock.getLookAtVector();
         const cameraPosition = _cameraUniformBlock.getNormalizedCameraVector();
@@ -225,7 +245,7 @@ export class CircleOnTerrainPlugin {
         const currentLOD = globe.api_GetCurrentLODWithDecimal();
         const circlePointsLongLat = new Float64Array((CIRCLE_POINTS_COUNT) * 2);
         for (const [key, circle] of this.circleMap.entries()) {
-            const [{ radius, center, height = null }, circleForAzimuthCalc] = circle;
+            const [{ radius, center, height = null, msl = null }, circleForAzimuthCalc] = circle;
             const closestAzimuthAngle = CircleMethods.closestAzimuthAngle(circleForAzimuthCalc, cameraPosition);
             const stregthLevel = defineStregthLevel(currentLOD, radius);
             if (stregthLevel < 0) {
@@ -237,6 +257,7 @@ export class CircleOnTerrainPlugin {
             data[0].key = key;
             data[0].longLatArr = circlePointsLongLat;
             data[0].height = height;
+            data[0].msl = msl;
             // Add to buffer orchestrator
             this.bufferOrchestrator.insertBulk(data, bufferManagerMap, ["position3d", "position2d"]);
         }
@@ -252,7 +273,8 @@ export class CircleOnTerrainPlugin {
                 key: "",
                 longLatArr: [],
                 height: null,
-                color: [1, 1, 1, 1]
+                color: [1, 1, 1, 1],
+                msl: false
             }];
         // ensure buffer orchestrotrator have enough capacity
         // all circles are build with even sampling, AttractionLevel = 0
@@ -262,12 +284,13 @@ export class CircleOnTerrainPlugin {
             const circlePointsLongLat = new Float64Array((CIRCLE_POINTS_COUNT) * 2);
             bufferOrchestrator.resetWithCapacity(bufferManagerMap, circleMap.size);
             for (const [key, circle] of this.circleMap.entries()) {
-                const [{ radius, center, height = null, color = null }, _] = circle;
+                const [{ radius, center, height = null, color = null, msl = undefined }, _] = circle;
                 CircleCDF.globeFindPointByPolarHalfCircle(circlePointsLongLat, globe, center[0], center[1], radius, zeroRotation, templateAngles);
                 data[0].key = key;
                 data[0].longLatArr = circlePointsLongLat;
                 data[0].height = height;
-                data[0].color = color || this._styleOptions.defaultColor;
+                data[0].color = color || this._options.defaultColor;
+                data[0].msl = msl;
                 this.bufferOrchestrator.insertBulk(data, bufferManagerMap);
             }
         }
@@ -281,13 +304,14 @@ export class CircleOnTerrainPlugin {
                     console.warn(`CircleOnTerrainPlugin: Circle ${key} not found in circleMap.`);
                     continue;
                 }
-                const [{ radius, center, height = null, color = null }, _] = this.circleMap.get(key);
+                const [{ radius, center, height = null, color = null, msl = undefined }, _] = this.circleMap.get(key);
                 const circlePointsLongLat = new Float64Array((CIRCLE_POINTS_COUNT) * 2);
                 CircleCDF.globeFindPointByPolarHalfCircle(circlePointsLongLat, globe, center[0], center[1], radius, zeroRotation, templateAngles);
                 data[0].key = key;
                 data[0].longLatArr = circlePointsLongLat;
                 data[0].height = height;
-                data[0].color = color || this._styleOptions.defaultColor;
+                data[0].color = color || this._options.defaultColor;
+                data[0].msl = msl;
                 this.bufferOrchestrator.insertBulk(data, bufferManagerMap);
             }
         }
@@ -299,7 +323,8 @@ export class CircleOnTerrainPlugin {
             !bufferManagerMap || !_vao || !_circleUBOHandler) {
             return;
         }
-        this._buildCircles();
+        if (globe.api_IsScreenMoving())
+            this._buildCircles();
         const drawOptions = {
             drawRange: {
                 first: 0,