@pirireis/webglobeplugins 0.6.48-a → 0.7.0

package/util/interpolation/timetrack/web-worker.js

@@ -0,0 +1,46 @@
+import { TimeTrackInterpolator, GEOMETRY } from './timetrack-interpolator';
+
+
+const interpolator = new TimeTrackInterpolator({ geometry: GEOMETRY.CARTESIAN3D });
+
+/* eslint-disable-next-line no-restricted-globals */
+self.onmessage = function (e) {
+
+    const { geometry = null, timeTracks = null, time = null } = e.data;
+
+    if (geometry !== null) {
+        try {
+            interpolator.setGeometry(geometry);
+        } catch (error) {
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({ error: error.message });
+            return;
+        }
+    }
+
+    if (timeTracks !== null) {
+        try {
+            interpolator.setTimetracks(timeTracks);
+        } catch (error) {
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({ error: error.message });
+            return;
+        }
+    }
+
+    if (time !== null) {
+        try {
+            const result = interpolator.interpolate(time);
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage(result, [result.buffer]);
+            return;
+        } catch (error) {
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({ error: error.message });
+            return;
+        }
+    }
+    /* eslint-disable-next-line no-restricted-globals */
+    self.postMessage(true);
+}
+

package/util/programs/draw-texture-on-canvas.js

@@ -0,0 +1,103 @@
+import { createProgram } from "../webglobjectbuilders";
+import { noRegisterGlobeProgramCache } from "../../programs";
+// import { CameraUniformBlockTotemCache, CameraUniformBlockString } from "../../programs/totems";
+
+
+const vs = `#version 300 es
+precision highp float;
+
+in vec2 a_position;
+out vec2 v_texcoord;
+
+void main() {
+    gl_Position = vec4(a_position, 0.0, 1.0);
+    v_texcoord = a_position * 0.5 + 0.5;
+}`;
+
+const fs = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_texture;
+uniform float u_opacity;    
+in vec2 v_texcoord;
+out vec4 fragColor;
+
+void main() {
+    fragColor = texture(u_texture, v_texcoord);
+    fragColor.a *= u_opacity;
+}`;
+
+
+
+class TextureOnCanvasProgram {
+    constructor(globe) {
+        this.globe = globe;
+        this.gl = globe.gl;
+
+        this.vao = this.gl.createVertexArray();
+        this.buffer = this.gl.createBuffer();
+        this.gl.bindVertexArray(this.vao);
+        this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.buffer);
+        this.gl.bufferData(this.gl.ARRAY_BUFFER, new Float32Array([
+            -1, -1,
+            1, -1,
+            1, 1,
+            -1, 1
+        ]), this.gl.STATIC_DRAW);
+        this.gl.enableVertexAttribArray(0);
+        this.gl.vertexAttribPointer(0, 2, this.gl.FLOAT, false, 0, 0);
+        this.gl.bindVertexArray(null);
+        this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null);
+
+        this.program = createProgram(this.gl, vs, fs);
+
+        {
+            const { gl, program } = this;
+            this.uniforms = {
+                texture: gl.getUniformLocation(program, "u_texture"),
+                opacity: gl.getUniformLocation(program, "u_opacity"),
+            }
+        }
+        {
+            this._lastOpacity = 1.0;
+            const currentProgram = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
+            this.gl.useProgram(this.program);
+            this.gl.uniform1f(this.uniforms.opacity, this._lastOpacity);
+            this.gl.useProgram(currentProgram);
+        }
+    }
+
+
+    draw(texture, { opacity = 1.0 } = {}) {
+
+        const { gl, program, uniforms, vao } = this;
+        gl.useProgram(program);
+        gl.bindVertexArray(vao);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        gl.uniform1i(uniforms.texture, 0);
+        if (this._lastOpacity !== opacity) {
+            gl.uniform1f(uniforms.opacity, opacity);
+            this._lastOpacity = opacity;
+        }
+        gl.drawArrays(gl.TRIANGLE_FAN, 0, 4);
+        gl.bindVertexArray(null);
+    }
+
+    free() {
+        if (this._isFreed) return;
+        this.gl.deleteVertexArray(this.vao);
+        this.gl.deleteBuffer(this.buffer);
+        this.gl.deleteProgram(this.program);
+        this._isFreed = true;
+    }
+
+}
+
+const textureOnCanvasProgramCache = Object.freeze({
+    get: (globe) => noRegisterGlobeProgramCache.getProgram(globe, TextureOnCanvasProgram),
+    release: (program) => noRegisterGlobeProgramCache.releaseProgram(program)
+});
+
+
+export { textureOnCanvasProgramCache };

package/util/programs/texturetoglobe.js

@@ -4,7 +4,7 @@ import { latLongBboxtoPixelXYBbox } from "..";
 /** TODO:
  * 3d icin calistir
  */
-
+//TODO: DELETE THIS FILE. 
 
 class TextureToGlobeProgram {
     constructor(gl, globe) {

package/util/webglobe/gldefaultstates.js

@@ -1,4 +1,5 @@
 
 export function defaultblendfunction(gl) {
-    gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA)
+    gl.blendEquation(gl.FUNC_ADD); // TODO: TESTING THIS
+    gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
 }

package/waveparticles/plugin.js

@@ -54,8 +54,6 @@ export default class Plugin {
         this.gl = gl;
         this.moveParticle = new MoveParticle(gl);
         this.drawParticle = new DrawParticle(gl);
-        // this.moveParticle = glProgramCache.getProgram(gl, MoveParticle); // TODO: create with glProgramCache and free later on.
-        // this.drawParticle = glProgramCache.getProgram(gl, DrawParticle);
 
 
         this.fadeAway = new FadeAway(gl);

package/wind/index.js

@@ -3,5 +3,3 @@ import createVectorFieldImage from "./vectorfieldimage";
 import imageToMagnitude from "./imagetovectorfieldandmagnitude";
 import { createImageFromBase64 } from "../util/webglobjectbuilders";
 export { createVectorFieldImage, imageToMagnitude, WindPlugin, createImageFromBase64 };
-
-// TODO: image resmindeki degerlerden ruzgar siddetinin magnitudunun hesaplanip float32array donderen bir fonksiyonun yazilmasi gerekiyor

package/wind/plugin.js

@@ -486,7 +486,7 @@ export default class WindPlugin {
         if (gl == null) {
             throw new Error("wind plugin. setColorRampFromService is called before plugin is registered.");
         }
-        const { thresholds, values } = legendData; // TODO: values should be in hex format
+        const { thresholds, values } = legendData;
         if (thresholds.length == 0 || values.length == 0) {
             return;
         }

package/write-text/context-text3.js

@@ -86,7 +86,7 @@ export class ContextTextWriter3 {
 
     setStyle(style) {
         isTextFont(style.textFont);
-        opacityCheck(style.opacity);
+        opacityCheck(style.opacity); //TODO: use shallow copy
         this.style = style;
         this.globe.DrawRender();
     }