@antv/l7-layers 2.9.24 → 2.9.26-alpha.0

package/lib/wind/models/windRender.js

@@ -1,262 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/wind/models/windRender.ts
-var windRender_exports = {};
-__export(windRender_exports, {
-  Wind: () => Wind
-});
-module.exports = __toCommonJS(windRender_exports);
-var glUtils = __toESM(require("./utils"));
-var import_windShader = require("./windShader");
-function getColorRamp(colors) {
-  let canvas = document.createElement("canvas");
-  const ctx = canvas.getContext("2d");
-  canvas.width = 256;
-  canvas.height = 1;
-  const gradient = ctx.createLinearGradient(0, 0, 256, 0);
-  for (const stop of Object.keys(colors)) {
-    gradient.addColorStop(+stop, colors[+stop]);
-  }
-  ctx.fillStyle = gradient;
-  ctx.fillRect(0, 0, 256, 1);
-  canvas = null;
-  return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);
-}
-function bindAttribute(gl, buffer, attribute, numComponents) {
-  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-  gl.enableVertexAttribArray(attribute);
-  gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);
-}
-function bindFramebuffer(gl, framebuffer, texture) {
-  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-  if (texture) {
-    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
-  }
-}
-var Wind = class {
-  constructor(options) {
-    this.width = 512;
-    this.height = 512;
-    this.numParticles = 65536;
-    this.gl = options.glContext;
-    this.width = options.imageWidth;
-    this.height = options.imageHeight;
-    this.fadeOpacity = options.fadeOpacity;
-    this.speedFactor = options.speedFactor;
-    this.dropRate = options.dropRate;
-    this.dropRateBump = options.dropRateBump;
-    this.rampColors = options.rampColors;
-    this.init();
-  }
-  init() {
-    const gl = this.gl;
-    this.fadeOpacity = 0.996;
-    this.speedFactor = 0.25;
-    this.dropRate = 3e-3;
-    this.dropRateBump = 0.01;
-    this.drawProgram = glUtils.createProgram(gl, import_windShader.drawVert, import_windShader.drawFrag);
-    this.fullScreenProgram = glUtils.createProgram(gl, import_windShader.fullScreenVert, import_windShader.fullScreenFrag);
-    this.updateProgram = glUtils.createProgram(gl, import_windShader.updateVert, import_windShader.updateFrag);
-    this.quadBuffer = glUtils.createBuffer(gl, new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]));
-    this.framebuffer = gl.createFramebuffer();
-    this.colorRampTexture = glUtils.createTexture(this.gl, this.gl.LINEAR, getColorRamp(this.rampColors), 16, 16);
-    const emptyPixels = new Uint8Array(this.width * this.height * 4);
-    this.backgroundTexture = glUtils.createTexture(gl, gl.NEAREST, emptyPixels, this.width, this.height);
-    this.screenTexture = glUtils.createTexture(gl, gl.NEAREST, emptyPixels, this.width, this.height);
-    const particleRes = this.particleStateResolution = Math.ceil(Math.sqrt(this.numParticles));
-    this.numParticlesSize = particleRes * particleRes;
-    const particleState = new Uint8Array(this.numParticlesSize * 4);
-    for (let i = 0; i < particleState.length; i++) {
-      particleState[i] = Math.floor(Math.random() * 256);
-    }
-    this.particleStateTexture0 = glUtils.createTexture(gl, gl.NEAREST, particleState, particleRes, particleRes);
-    this.particleStateTexture1 = glUtils.createTexture(gl, gl.NEAREST, particleState, particleRes, particleRes);
-    const particleIndices = new Float32Array(this.numParticlesSize);
-    for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {
-      particleIndices[i$1] = i$1;
-    }
-    this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);
-  }
-  setWind(windData) {
-    this.windData = windData;
-    this.windTexture = glUtils.createDataTexture(this.gl, this.gl.LINEAR, windData.image);
-  }
-  updateParticelNum(num) {
-    const gl = this.gl;
-    if (num !== this.numParticles) {
-      this.numParticles = num;
-      const particleRes = this.particleStateResolution = Math.ceil(Math.sqrt(this.numParticles));
-      this.numParticlesSize = particleRes * particleRes;
-      const particleState = new Uint8Array(this.numParticlesSize * 4);
-      for (let i = 0; i < particleState.length; i++) {
-        particleState[i] = Math.floor(Math.random() * 256);
-      }
-      this.particleStateTexture0 = glUtils.createTexture(gl, gl.NEAREST, particleState, particleRes, particleRes);
-      this.particleStateTexture1 = glUtils.createTexture(gl, gl.NEAREST, particleState, particleRes, particleRes);
-      const particleIndices = new Float32Array(this.numParticlesSize);
-      for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {
-        particleIndices[i$1] = i$1;
-      }
-      this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);
-    }
-  }
-  updateWindDir(uMin, uMax, vMin, vMax) {
-    this.windData.uMin = uMin;
-    this.windData.uMax = uMax;
-    this.windData.vMin = vMin;
-    this.windData.vMax = vMax;
-  }
-  updateColorRampTexture(rampColors) {
-    if (this.isColorChanged(rampColors)) {
-      this.rampColors = rampColors;
-      const gl = this.gl;
-      gl.deleteTexture(this.colorRampTexture);
-      this.colorRampTexture = glUtils.createTexture(gl, gl.LINEAR, getColorRamp(rampColors), 16, 16);
-    }
-  }
-  isColorChanged(rampColors) {
-    const keys = Object.keys(rampColors);
-    for (const item of keys) {
-      const key = Number(item);
-      if (!this.rampColors[key]) {
-        return true;
-      }
-      if (this.rampColors[key] && this.rampColors[key] !== rampColors[key]) {
-        return true;
-      }
-    }
-    return false;
-  }
-  reSize(width, height) {
-    if (width !== this.width || height !== this.height) {
-      const gl = this.gl;
-      gl.deleteTexture(this.backgroundTexture);
-      gl.deleteTexture(this.screenTexture);
-      this.width = width;
-      this.height = height;
-      const emptyPixels = new Uint8Array(width * height * 4);
-      this.backgroundTexture = glUtils.createTexture(gl, gl.NEAREST, emptyPixels, width, height);
-      this.screenTexture = glUtils.createTexture(gl, gl.NEAREST, emptyPixels, width, height);
-    }
-  }
-  draw() {
-    var _a;
-    if ((_a = this.windData) == null ? void 0 : _a.image) {
-      const gl = this.gl;
-      glUtils.bindTexture(gl, this.windTexture, 0);
-      glUtils.bindTexture(gl, this.particleStateTexture0, 1);
-      this.drawScreen();
-      this.updateParticles();
-      return { d: this.pixels, w: this.width, h: this.height };
-    } else {
-      return { d: new Uint8Array([0, 0, 0, 0]), w: 1, h: 1 };
-    }
-  }
-  drawScreen() {
-    const gl = this.gl;
-    bindFramebuffer(gl, this.framebuffer, this.screenTexture);
-    gl.viewport(0, 0, this.width, this.height);
-    gl.disable(gl.BLEND);
-    this.drawFullTexture(this.backgroundTexture, this.fadeOpacity);
-    this.drawParticles();
-    this.pixels = new Uint8Array(4 * this.width * this.height);
-    gl.readPixels(0, 0, this.width, this.height, gl.RGBA, gl.UNSIGNED_BYTE, this.pixels);
-    bindFramebuffer(gl, null, null);
-    gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);
-    const temp = this.backgroundTexture;
-    this.backgroundTexture = this.screenTexture;
-    this.screenTexture = temp;
-  }
-  drawFullTexture(texture, opacity) {
-    const gl = this.gl;
-    const program = this.fullScreenProgram;
-    gl.useProgram(program);
-    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);
-    gl.vertexAttribPointer(program.a_pos, 2, gl.FLOAT, false, 0, 0);
-    gl.enableVertexAttribArray(program.a_pos);
-    gl.bindBuffer(gl.ARRAY_BUFFER, null);
-    glUtils.bindTexture(gl, texture, 2);
-    gl.uniform1i(program.u_screen, 2);
-    gl.uniform1f(program.u_opacity, opacity);
-    gl.drawArrays(gl.TRIANGLES, 0, 6);
-  }
-  drawParticles() {
-    const gl = this.gl;
-    const program = this.drawProgram;
-    gl.useProgram(program);
-    bindAttribute(gl, this.particleIndexBuffer, program.a_index, 1);
-    glUtils.bindTexture(gl, this.colorRampTexture, 2);
-    gl.uniform1i(program.u_wind, 0);
-    gl.uniform1i(program.u_particles, 1);
-    gl.uniform1i(program.u_color_ramp, 2);
-    gl.uniform1f(program.u_particles_res, this.particleStateResolution);
-    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);
-    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);
-    gl.drawArrays(gl.POINTS, 0, this.numParticlesSize);
-  }
-  updateParticles() {
-    const gl = this.gl;
-    bindFramebuffer(gl, this.framebuffer, this.particleStateTexture1);
-    gl.viewport(0, 0, this.particleStateResolution, this.particleStateResolution);
-    const program = this.updateProgram;
-    gl.useProgram(program);
-    bindAttribute(gl, this.quadBuffer, program.a_pos, 2);
-    gl.uniform1i(program.u_wind, 0);
-    gl.uniform1i(program.u_particles, 1);
-    gl.uniform1f(program.u_rand_seed, Math.random());
-    gl.uniform2f(program.u_wind_res, this.windData.image.width * 2, this.windData.image.height * 2);
-    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);
-    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);
-    gl.uniform1f(program.u_speed_factor, this.speedFactor);
-    gl.uniform1f(program.u_drop_rate, this.dropRate);
-    gl.uniform1f(program.u_drop_rate_bump, this.dropRateBump);
-    gl.drawArrays(gl.TRIANGLES, 0, 6);
-    const temp = this.particleStateTexture0;
-    this.particleStateTexture0 = this.particleStateTexture1;
-    this.particleStateTexture1 = temp;
-    bindFramebuffer(gl, null, null);
-  }
-  destroy() {
-    this.gl.deleteBuffer(this.quadBuffer);
-    this.gl.deleteBuffer(this.particleIndexBuffer);
-    this.gl.deleteFramebuffer(this.framebuffer);
-    this.gl.deleteShader(this.drawProgram.vertexShader);
-    this.gl.deleteShader(this.drawProgram.fragmentShader);
-    this.gl.deleteProgram(this.drawProgram);
-    this.gl.deleteShader(this.fullScreenProgram.vertexShader);
-    this.gl.deleteShader(this.fullScreenProgram.fragmentShader);
-    this.gl.deleteProgram(this.fullScreenProgram);
-    this.gl.deleteShader(this.updateProgram.vertexShader);
-    this.gl.deleteShader(this.updateProgram.fragmentShader);
-    this.gl.deleteProgram(this.updateProgram);
-    this.gl.deleteTexture(this.colorRampTexture);
-    this.gl.deleteTexture(this.backgroundTexture);
-    this.gl.deleteTexture(this.screenTexture);
-    this.gl.deleteTexture(this.particleStateTexture0);
-    this.gl.deleteTexture(this.particleStateTexture1);
-    this.gl.deleteTexture(this.windTexture);
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Wind
-});

package/lib/wind/models/windShader.js

@@ -1,183 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/wind/models/windShader.ts
-var windShader_exports = {};
-__export(windShader_exports, {
-  drawFrag: () => drawFrag,
-  drawVert: () => drawVert,
-  fullScreenFrag: () => fullScreenFrag,
-  fullScreenVert: () => fullScreenVert,
-  updateFrag: () => updateFrag,
-  updateVert: () => updateVert
-});
-module.exports = __toCommonJS(windShader_exports);
-var drawVert = `
- precision mediump float;
-
- attribute float a_index;
-
- uniform sampler2D u_particles;
- uniform float u_particles_res;
-
- varying vec2 v_particle_pos;
-
- void main() {
-     vec4 color = texture2D(u_particles, vec2(
-         fract(a_index / u_particles_res),
-         floor(a_index / u_particles_res) / u_particles_res)
-     );
-
-     // decode current particle position from the pixel's RGBA value
-     v_particle_pos = vec2( color.r / 255.0 + color.b, color.g / 255.0 + color.a);
-
-     gl_PointSize = 1.0;
-     gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
- }`;
-var drawFrag = `
- precision mediump float;
-
- uniform sampler2D u_wind;
- uniform vec2 u_wind_min;
- uniform vec2 u_wind_max;
- uniform sampler2D u_color_ramp;
-
- varying vec2 v_particle_pos;
-
- void main() {
-     vec2 velocity = mix(u_wind_min, u_wind_max, texture2D(u_wind, v_particle_pos).rg);
-     float speed_t = length(velocity) / length(u_wind_max);
-
-     // color ramp is encoded in a 16x16 texture
-     vec2 ramp_pos = vec2( fract(16.0 * speed_t), floor(16.0 * speed_t) / 16.0);
-
-     gl_FragColor = texture2D(u_color_ramp, ramp_pos);
- }`;
-var updateVert = `
- precision mediump float;
-
- attribute vec2 a_pos;
-
- varying vec2 v_tex_pos;
-
- void main() {
-     v_tex_pos = a_pos;
-     gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-     // framebuffer \u59CB\u7EC8\u7528\u94FA\u6EE1\u5C4F\u5E55\u7684 texture
- }`;
-var updateFrag = `
- precision highp float;
-
- uniform sampler2D u_particles;
- uniform sampler2D u_wind;
- uniform vec2 u_wind_res;
- uniform vec2 u_wind_min;
- uniform vec2 u_wind_max;
- uniform float u_rand_seed;
- uniform float u_speed_factor;
- uniform float u_drop_rate;
- uniform float u_drop_rate_bump;
-
- varying vec2 v_tex_pos;
-
- // pseudo-random generator
- const vec3 rand_constants = vec3(12.9898, 78.233, 4375.85453);
- float rand(const vec2 co) {
- float t = dot(rand_constants.xy, co);
-     return fract(sin(t) * (rand_constants.z + t));
- }
-
- // 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);
- }
-
- void main() {
-     vec4 color = texture2D(u_particles, v_tex_pos);
-     vec2 pos = vec2(
-         color.r / 255.0 + color.b,
-         color.g / 255.0 + color.a); // decode particle position from pixel RGBA
-     vec2 velocity = mix(u_wind_min, u_wind_max, lookup_wind(pos));
-     float speed_t = length(velocity) / length(u_wind_max);
-
-     // take EPSG:4236 distortion into account for calculating where the particle moved
-     float distortion = cos(radians(pos.y * 180.0 - 90.0));
-     vec2 offset = vec2(velocity.x / distortion, -velocity.y) * 0.0001 * u_speed_factor;
-
-     // update particle position, wrapping around the date line
-     pos = fract(1.0 + pos + offset);
-
-     // a random seed to use for the particle drop
-     vec2 seed = (pos + v_tex_pos) * u_rand_seed;
-
-     // drop rate is a chance a particle will restart at random position, to avoid degeneration
-     float drop_rate = u_drop_rate + speed_t * u_drop_rate_bump;
-     float drop = step(1.0 - drop_rate, rand(seed));
-
-     vec2 random_pos = vec2(
-         rand(seed + 1.3),
-         rand(seed + 2.1));
-         pos = mix(pos, random_pos, drop);
-
-     // encode the new particle position back into RGBA
-     gl_FragColor = vec4(
-         fract(pos * 255.0),
-         floor(pos * 255.0) / 255.0);
- }`;
-var fullScreenVert = `
-     precision mediump float;
-
-     attribute vec2 a_pos;
-
-     varying vec2 v_tex_pos;
-
-     void main() {
-         v_tex_pos = a_pos;
-         gl_Position = vec4(1.0 - 2.0 * a_pos, 0.0, 1.0);
-         gl_PointSize = 100.0;
- }`;
-var fullScreenFrag = `
- precision mediump float;
-
- uniform sampler2D u_screen;
- uniform float u_opacity;
- 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
-     gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
- }`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  drawFrag,
-  drawVert,
-  fullScreenFrag,
-  fullScreenVert,
-  updateFrag,
-  updateVert
-});

package/lib/wind/shaders/wind_frag.glsl

@@ -1,9 +0,0 @@
-precision mediump float;
-uniform float u_opacity: 1.0;
-uniform sampler2D u_texture;
-varying vec2 v_texCoord;
-void main() {
-  vec4 color = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y));
-  gl_FragColor = color;
-  gl_FragColor.a *= u_opacity;
-}

package/lib/wind/shaders/wind_vert.glsl

@@ -1,17 +0,0 @@
-precision highp float;
-uniform mat4 u_ModelMatrix;
-uniform mat4 u_Mvp;
-attribute vec3 a_Position;
-attribute vec2 a_Uv;
-varying vec2 v_texCoord;
-#pragma include "projection"
-void main() {
-   v_texCoord = a_Uv;
-   vec4 project_pos = project_position(vec4(a_Position, 1.0));
-   // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));
-   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
-      gl_Position = u_Mvp * (vec4(project_pos.xy,0., 1.0));
-   } else {
-      gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));
-   }
-}