@pirireis/webglobeplugins 1.5.5 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pirireis/webglobeplugins",
-    "version": "1.5.5",
+    "version": "1.6.0",
     "main": "index.js",
     "author": "Toprak Nihat Deniz Ozturk",
     "license": "MIT",
@@ -15,4 +15,4 @@
     "peerDependencies": {
         "@pirireis/webglobe": "6.2.51^"
     }
-}
+}

package/vectorfield/waveparticles/plugin.js

@@ -69,6 +69,10 @@ export default class Plugin {
     _ableToUseSpeedField = false;
     _initialSpeedFieldData = null;
     __adaptiveOpacity = 1;
+    // Holds the framebuffer the globe was rendering into when draw3D was called.
+    // The globe may render to its own FBO (e.g. for depth-buffered 3D mode), so the
+    // plugin must restore it instead of forcing the default framebuffer (null).
+    _prevFBO = null;
     constructor(id, options) {
         this.id = id;
         this.options = { ...this.options, ...options };
@@ -142,9 +146,13 @@ export default class Plugin {
     draw3D() {
         if (this._isFreed)
             return;
-        const { gl, moveParticle, drawParticle, bufferManager, globeShellWiggle, waveUbo, fadeAway, _rgVectorFieldTexture } = this;
+        const { gl, moveParticle, drawParticle, bufferManager, globeShellWiggle, waveUbo, fadeAway, _rgVectorFieldTexture, globe } = this;
         if (!gl || !bufferManager || !globeShellWiggle || !waveUbo || !fadeAway || !_rgVectorFieldTexture)
             return;
+        // Save the framebuffer the globe is currently rendering into and restore it
+        // when we are done. The globe may render to its own FBO (3D depth-buffered
+        // mode), so we must not force the default framebuffer (null).
+        this._prevFBO = gl.getParameter(gl.FRAMEBUFFER_BINDING);
         gl.disable(gl.DEPTH_TEST);
         switch (this._stepIndex) {
             case 0:
@@ -158,8 +166,8 @@ export default class Plugin {
                 gl.bindFramebuffer(gl.FRAMEBUFFER, this._frameBuffer);
                 gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[this.____drawIndex], 0);
                 drawParticle.draw(bufferManager, _rgVectorFieldTexture, waveUbo, this._colorFieldTexture, this._speedFieldTexture);
-                gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-                gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
+                gl.bindFramebuffer(gl.FRAMEBUFFER, this._prevFBO);
+                gl.viewport(0, 0, globe.api_ScrW(), globe.api_ScrH());
                 break;
             case 2:
                 gl.viewport(0, 0, this._drawTextureResolution.width, this._drawTextureResolution.height);
@@ -168,15 +176,17 @@ export default class Plugin {
                 gl.blendFunc(gl.ONE, gl.ZERO);
                 gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._drawTextures[1 - this.____drawIndex], 0);
                 fadeAway.draw(this._drawTextures[this.____drawIndex], this.options.fadeOpacity);
-                gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+                gl.bindFramebuffer(gl.FRAMEBUFFER, this._prevFBO);
                 defaultblendfunction(gl);
-                gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
+                gl.viewport(0, 0, globe.api_ScrW(), globe.api_ScrH());
                 break;
         }
         globeShellWiggle.setTexture(this._drawTextures[this.____drawIndex]);
         globeShellWiggle.draw();
         this._step();
         gl.enable(gl.DEPTH_TEST);
+        // Restore the globe's framebuffer in case any internal step changed it.
+        gl.bindFramebuffer(gl.FRAMEBUFFER, this._prevFBO);
     }
     setCycleStepCount(value) {
         if (value < 3) {
@@ -339,7 +349,6 @@ export default class Plugin {
             console.error("Speed field data length does not match the specified dataWidth and dataHeight.");
             return;
         }
-        console.log(data);
         gl.bindTexture(gl.TEXTURE_2D, this._speedFieldTexture);
         gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, this.options.flipY);
         gl.texImage2D(gl.TEXTURE_2D, 0, gl.R32F, this.options.dataWidth, this.options.dataHeight, 0, gl.RED, gl.FLOAT, data);
@@ -357,7 +366,6 @@ export default class Plugin {
         this.waveUbo?.updateSingle("min_magnitude_threshold", new Float32Array([value]));
     }
     setMaxSpeedThreshold(value) {
-        console.log("setMaxSpeedThreshold called with value:", value);
         this.options.maxSpeedThreshold = value;
         this.waveUbo?.updateSingle("max_magnitude_threshold", new Float32Array([value]));
     }