@pirireis/webglobeplugins 0.15.24 → 0.15.26

package/package.json

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

package/point-tracks/plugin.js

@@ -168,6 +168,11 @@ class PointTracksPlugin {
      */
     deleteTrack(trackID) {
         const pointList = this._tracksToPointsMap.get(trackID);
+        if (!pointList) {
+            console.warn(`Track with ID ${trackID} does not exist.`);
+            return;
+        }
+        ;
         const points = Array.from(pointList);
         const { _bufferOrchestrator, _bufferManagersMap } = this;
         _bufferOrchestrator.deleteBulk(points.map((pointID) => keyMethod(trackID, pointID)), _bufferManagersMap);

package/wind/imagetovectorfieldandmagnitude.js

@@ -47,9 +47,10 @@ export function imageToRadianAngle(imageData) {
         const g = data[i + 1];
         const u = uMin + (uDiff * r) / 255;
         const v = vMin + (vDiff * g) / 255;
-        const angle = Math.atan2(v, u);
+        // North-oriented angle: 0 = North, π/2 = East, π = South, 3π/2 = West
+        const angle = Math.atan2(u, v);
         const index = i / 4;
-        angleArray[index] = angle;
+        angleArray[index] = angle < 0 ? (angle + 2 * Math.PI) : angle;
     }
     return angleArray;
 }

package/wind/plugin.js

@@ -54,6 +54,9 @@ varying vec2 v_tex_pos;
 void main() {
     vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
     // a hack to guarantee opacity fade out even with a value close to 1.0
+    if ( color.a < 0.005) {
+        discard;
+    }
     gl_FragColor = vec4( floor(255.0 * color * u_opacity) / 255.0);
 }
 
@@ -82,15 +85,15 @@ float rand(const vec2 co) {
 
 // wind speed lookup; use manual bilinear filtering based on 4 adjacent pixels for smooth interpolation
 vec2 lookup_wind(const vec2 uv) {
-    // return texture2D(u_wind, uv).rg; // lower-res hardware filtering
-    vec2 px = 1.0 / u_wind_res;
-    vec2 vc = (floor(uv * u_wind_res)) * px;
-    vec2 f = fract(uv * u_wind_res);
-    vec2 tl = texture2D(u_wind, vc).rg;
-    vec2 tr = texture2D(u_wind, vc + vec2(px.x, 0)).rg;
-    vec2 bl = texture2D(u_wind, vc + vec2(0, px.y)).rg;
-    vec2 br = texture2D(u_wind, vc + px).rg;
-    return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);
+    return texture2D(u_wind, uv).rg; // lower-res hardware filtering
+    // vec2 px = 1.0 / u_wind_res;
+    // vec2 vc = (floor(uv * u_wind_res)) * px;
+    // vec2 f = fract(uv * u_wind_res);
+    // vec2 tl = texture2D(u_wind, vc).rg;
+    // vec2 tr = texture2D(u_wind, vc + vec2(px.x, 0)).rg;
+    // vec2 bl = texture2D(u_wind, vc + vec2(0, px.y)).rg;
+    // vec2 br = texture2D(u_wind, vc + px).rg;
+    // return mix(mix(tl, tr, f.x), mix(bl, br, f.x), f.y);
 }
 
 void main() {
@@ -218,13 +221,16 @@ void main() {
         color.r / 255.0 + color.b,
         color.g / 255.0 + color.a);
     
-
-    if ( v_particle_pos.y < 0.0265 || v_particle_pos.y > 0.9735 ) {
+    
+    // if ( v_particle_pos.y < 0.0265 || v_particle_pos.y > 0.9735 ) {
+    float y = v_particle_pos.y - 0.0055;//a
+    if ( y > 0.9735 || y < 0.0265 ) {
         gl_Position = vec4(-2.0, -2.0, -2.0, 1.0);
         return;
     }
-    vec3 pos = u_bbox_matrix * vec3(v_particle_pos.x, v_particle_pos.y, 1.0);
-    
+    // vec3 pos = u_bbox_matrix * vec3(v_particle_pos.x, v_particle_pos.y, 1.0);
+    vec3 pos = u_bbox_matrix * vec3(v_particle_pos.x, y, 1.0);
+
 
     float xRad = PI * (2.0 * pos.x - 1.0);
     float yRad = pos.y * PI;
@@ -267,12 +273,12 @@ void main() {
     v_particle_pos = vec2(
         color.r / 255.0 + color.b,
         color.g / 255.0 + color.a);
-
-    if ( v_particle_pos.y < 0.0265 || v_particle_pos.y > 0.9735 ) {
+    float y = v_particle_pos.y - 0.0055;//a
+    if ( y < 0.0265 || y > 0.9735 ) {
         gl_Position = vec4(-2.0, -2.0, -2.0, 1.0);
         return;
     }
-    vec3 pos = u_bbox_matrix * vec3(v_particle_pos.x, v_particle_pos.y, 1.0);
+    vec3 pos = u_bbox_matrix * vec3(v_particle_pos.x, y, 1.0);
     
     float x = (2.0 * pos.x - 1.0);
     float mercator_x = x * POLE;
@@ -505,6 +511,7 @@ export default class WindPlugin {
         gl.uniform2f(this.updateProgram.u_wind_min, this.windData.uMin, this.windData.vMin);
         gl.uniform2f(this.updateProgram.u_wind_max, this.windData.uMax, this.windData.vMax);
         this.setGeometry();
+        console.log("windData bbox", windData.bbox);
         const minXY = this._latLongToPixelXY(windDataMeta.bbox[1], windDataMeta.bbox[0]);
         const maxXY = this._latLongToPixelXY(windDataMeta.bbox[3], windDataMeta.bbox[2]);
         this._loadBoundingBoxData(minXY.x, minXY.y, maxXY.x, maxXY.y);
@@ -537,16 +544,22 @@ export default class WindPlugin {
      */
     getTexturePointSampler(type = `magnitude`) {
         if (type == `magnitude`) {
-            if (!this.texturePointSampler)
+            if (!this.texturePointSampler) {
                 this._createTexturePointSampler();
+                this._setCoorcinatesDataCalculatorData();
+            }
             return this.texturePointSampler;
         }
         else if (type == `angle`) {
-            if (!this.texturePointSamplerAngle)
+            if (!this.texturePointSamplerAngle) {
                 this._createTexturePointSamplerAngle();
+                this._setCoorcinatesDataCalculatorData();
+            }
             return this.texturePointSamplerAngle;
         }
-        this._setCoorcinatesDataCalculatorData();
+        else {
+            throw new Error(`WindPlugin.getTexturePointSampler: type must be either 'magnitude' or 'angle'.`);
+        }
     }
     _createTexturePointSamplerAngle() {
         const { bbox, width, height } = this._windDataMeta;