@pirireis/webglobeplugins 0.15.0-alpha → 0.15.1-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pirireis/webglobeplugins",
-    "version": "0.15.0-alpha",
+    "version": "0.15.1-alpha",
     "main": "index.js",
     "author": "Toprak Nihat Deniz Ozturk",
     "license": "MIT",

package/range-tools-on-terrain/circle-line-chain/plugin.js

@@ -252,6 +252,24 @@ export class CircleLineChainPlugin {
         this._updateTexts(chainKeys, textWriterIDs);
         this.globe?.DrawRender();
     }
+    setDefaultSemiPluginColor(semiPluginName, color) {
+        switch (semiPluginName) {
+            case "circleOnTerrain":
+                this._semiPluginOptions.circleOnTerrainOptions.defaultColor = color;
+                this.circlePlugin?.setDefaultColor(color);
+                break;
+            case "arcOnTerrain":
+                this._semiPluginOptions.arcOnTerrainOptions.defaultColor = color;
+                this.arcPlugin?.setDefaultColor(color);
+                break;
+            case "line":
+                this._semiPluginOptions.lineOptions.defaultColor = color;
+                this.linePlugin?.setDefaultColor(color);
+                break;
+            default:
+                throw new Error(`Unknown semi-plugin name: ${semiPluginName}`);
+        }
+    }
     // IMPLICIT METHODS
     _checktextWritersMap(textWritersMap) {
         if (!(textWritersMap instanceof Map))

package/semiplugins/lightweight/line-plugin.js

@@ -81,6 +81,15 @@ export class LinePlugin {
         this._options.defaultColor[3] = opacity; // Update the default color's alpha channel
         this.globe?.DrawRender();
     }
+    setDefaultColor(color) {
+        if (!this.globe || !this.gl) {
+            console.warn("Globe or WebGL context is not initialized.");
+            return;
+        }
+        this._options.defaultColor = color;
+        this._uboHandler?.updateSingle("u_color", new Float32Array(color));
+        this.globe?.DrawRender();
+    }
     // GLOBE INTERACTION METHODS
     draw3D() {
         if (this._freed) {

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

@@ -112,6 +112,15 @@ export class ArcOnTerrainPlugin {
         this._opacity = opacity;
         this.globe.DrawRender();
     }
+    setDefaultColor(color) {
+        if (!this.globe || !this.gl) {
+            console.warn("Globe or WebGL context is not initialized.");
+            return;
+        }
+        this._options.defaultColor = color;
+        this._arcUBOHandler?.updateSingle("u_color", new Float32Array(color));
+        this.globe.DrawRender();
+    }
     setCameraAttraction(isOn) {
         if (!this.globe || !this.gl) {
             console.warn("Globe or WebGL context is not initialized.");

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

@@ -177,6 +177,14 @@ export class CircleOnTerrainPlugin {
         this._opacity = opacity;
         this.globe.DrawRender();
     }
+    setDefaultColor(color) {
+        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();
+    }
     // IMPLICIT METHODS
     _buildCircles() {
         // @ts-ignore

package/util/webglobjectbuilders.js

@@ -211,8 +211,8 @@ export function decodeBase64(data) {
  * @returns An HTMLImageElement with the image data loaded.
  */
 export function createImageFromBase64(encodedData) {
-    const bytes = decodeBase64(encodedData);
-    const blob = new Blob([bytes], { type: "image/png" });
+    const source = decodeBase64(encodedData).buffer;
+    const blob = new Blob([source], { type: "image/png" });
     const urlCreator = window.URL || window.webkitURL;
     const imageUrl = urlCreator.createObjectURL(blob);
     const image = new Image();