@antv/l7-layers 2.9.18 → 2.9.21

package/lib/wind/models/windRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/wind/models/windRender.ts"],"names":["getColorRamp","colors","canvas","document","createElement","ctx","getContext","width","height","gradient","createLinearGradient","Object","keys","stop","addColorStop","fillStyle","fillRect","Uint8Array","getImageData","data","bindAttribute","gl","buffer","attribute","numComponents","bindBuffer","ARRAY_BUFFER","enableVertexAttribArray","vertexAttribPointer","FLOAT","bindFramebuffer","framebuffer","texture","FRAMEBUFFER","framebufferTexture2D","COLOR_ATTACHMENT0","TEXTURE_2D","Wind","options","glContext","imageWidth","imageHeight","fadeOpacity","speedFactor","dropRate","dropRateBump","rampColors","init","drawProgram","glUtils","createProgram","drawVert","drawFrag","fullScreenProgram","fullScreenVert","fullScreenFrag","updateProgram","updateVert","updateFrag","quadBuffer","createBuffer","Float32Array","createFramebuffer","colorRampTexture","createTexture","LINEAR","emptyPixels","backgroundTexture","NEAREST","screenTexture","particleRes","particleStateResolution","Math","ceil","sqrt","numParticles","numParticlesSize","particleState","i","length","floor","random","particleStateTexture0","particleStateTexture1","particleIndices","i$1","particleIndexBuffer","windData","windTexture","createDataTexture","image","num","uMin","uMax","vMin","vMax","isColorChanged","deleteTexture","item","key","Number","bindTexture","drawScreen","updateParticles","d","pixels","w","h","viewport","drawFullTexture","drawParticles","disable","BLEND","readPixels","RGBA","UNSIGNED_BYTE","temp","opacity","program","useProgram","a_pos","uniform1i","u_screen","uniform1f","u_opacity","drawArrays","TRIANGLES","a_index","u_wind","u_particles","u_color_ramp","u_particles_res","uniform2f","u_wind_min","u_wind_max","POINTS","u_rand_seed","u_wind_res","u_speed_factor","u_drop_rate","u_drop_rate_bump","deleteBuffer","deleteFramebuffer","deleteShader","vertexShader","fragmentShader","deleteProgram"],"mappings":"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","sourcesContent":["import * as glUtils from './utils';\nimport {\n  drawFrag,\n  drawVert,\n  fullScreenFrag,\n  fullScreenVert,\n  updateFrag,\n  updateVert,\n} from './windShader';\n\nfunction getColorRamp(colors: { [key: number]: string }) {\n  let canvas = document.createElement('canvas') as HTMLCanvasElement;\n  const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n  canvas.width = 256;\n  canvas.height = 1;\n\n  const gradient = ctx.createLinearGradient(0, 0, 256, 0);\n  for (const stop of Object.keys(colors)) {\n    gradient.addColorStop(+stop, colors[+stop]);\n  }\n\n  ctx.fillStyle = gradient;\n  ctx.fillRect(0, 0, 256, 1);\n\n  // @ts-ignore dispose canvas element\n  canvas = null;\n\n  return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);\n}\n\nfunction bindAttribute(\n  gl: WebGLRenderingContext,\n  buffer: any,\n  attribute: any,\n  numComponents: any,\n) {\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n  gl.enableVertexAttribArray(attribute);\n  gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);\n}\n\nfunction bindFramebuffer(\n  gl: WebGLRenderingContext,\n  framebuffer: any,\n  texture: any,\n) {\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  if (texture) {\n    gl.framebufferTexture2D(\n      gl.FRAMEBUFFER,\n      gl.COLOR_ATTACHMENT0,\n      gl.TEXTURE_2D,\n      texture,\n      0,\n    );\n  }\n}\n\nexport interface IWindData {\n  uMin: number;\n  uMax: number;\n  vMin: number;\n  vMax: number;\n  image: HTMLImageElement;\n}\n\nexport interface IWind {\n  width: number;\n  height: number;\n\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n\n  setWind: (windData: IWindData) => void;\n  draw: () => { d: Uint8Array; w: number; h: number };\n  updateParticelNum: (num: number) => void;\n  updateWindDir: (\n    uMin: number,\n    uMax: number,\n    vMin: number,\n    vMax: number,\n  ) => void;\n  updateColorRampTexture: (rampColors: { [key: number]: string }) => void;\n\n  reSize: (width: number, height: number) => void;\n  destroy: () => void;\n}\n\nexport interface IWindProps {\n  glContext: WebGLRenderingContext;\n  imageWidth: number;\n  imageHeight: number;\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n  rampColors: { [key: number]: string };\n}\n\nexport class Wind {\n  public width: number = 512;\n  public height: number = 512;\n\n  public pixels: Uint8Array;\n\n  public fadeOpacity: number;\n  public speedFactor: number;\n  public dropRate: number;\n  public dropRateBump: number;\n  private gl: WebGLRenderingContext;\n  private drawProgram: WebGLProgram;\n  private fullScreenProgram: WebGLProgram;\n  private updateProgram: WebGLProgram;\n\n  private rampColors: { [key: number]: string };\n\n  private numParticles: number = 65536;\n  private numParticlesSize: number;\n  private particleStateResolution: number;\n\n  private quadBuffer: WebGLBuffer | null;\n  private particleIndexBuffer: WebGLBuffer | null;\n\n  private framebuffer: WebGLFramebuffer | null;\n\n  private colorRampTexture: WebGLTexture | null;\n  private backgroundTexture: WebGLTexture | null;\n  private screenTexture: WebGLTexture | null;\n  private particleStateTexture0: WebGLTexture | null;\n  private particleStateTexture1: WebGLTexture | null;\n  private windTexture: WebGLTexture | null;\n\n  private windData: IWindData;\n\n  constructor(options: IWindProps) {\n    this.gl = options.glContext;\n    this.width = options.imageWidth;\n    this.height = options.imageHeight;\n    this.fadeOpacity = options.fadeOpacity;\n    this.speedFactor = options.speedFactor;\n    this.dropRate = options.dropRate;\n    this.dropRateBump = options.dropRateBump;\n\n    this.rampColors = options.rampColors;\n    this.init();\n  }\n\n  public init() {\n    const gl = this.gl;\n\n    this.fadeOpacity = 0.996; // how fast the particle trails fade on each frame\n    this.speedFactor = 0.25; // how fast the particles move\n    this.dropRate = 0.003; // how often the particles move to a random place\n    this.dropRateBump = 0.01; // drop rate increase relative to individual particle speed\n\n    this.drawProgram = glUtils.createProgram(\n      gl,\n      drawVert,\n      drawFrag,\n    ) as WebGLProgram;\n    this.fullScreenProgram = glUtils.createProgram(\n      gl,\n      fullScreenVert,\n      fullScreenFrag,\n    ) as WebGLProgram;\n    this.updateProgram = glUtils.createProgram(\n      gl,\n      updateVert,\n      updateFrag,\n    ) as WebGLProgram;\n\n    this.quadBuffer = glUtils.createBuffer(\n      gl,\n      new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]),\n    );\n\n    this.framebuffer = gl.createFramebuffer();\n\n    this.colorRampTexture = glUtils.createTexture(\n      this.gl,\n      this.gl.LINEAR,\n      getColorRamp(this.rampColors),\n      16,\n      16,\n    );\n\n    const emptyPixels = new Uint8Array(this.width * this.height * 4);\n\n    // screen textures to hold the drawn screen for the previous and the current frame\n\n    this.backgroundTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n    this.screenTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n\n    // we create a square texture where each pixel will hold a particle position encoded as RGBA\n    const particleRes = (this.particleStateResolution = Math.ceil(\n      Math.sqrt(this.numParticles),\n    ));\n    // particleRes size\n    this.numParticlesSize = particleRes * particleRes;\n\n    const particleState = new Uint8Array(this.numParticlesSize * 4);\n    for (let i = 0; i < particleState.length; i++) {\n      particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n    }\n    // textures to hold the particle state for the current and the next frame\n    this.particleStateTexture0 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n    this.particleStateTexture1 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n\n    const particleIndices = new Float32Array(this.numParticlesSize);\n    for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n      particleIndices[i$1] = i$1;\n    }\n    this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n  }\n\n  public setWind(windData: IWindData) {\n    this.windData = windData;\n    this.windTexture = glUtils.createDataTexture(\n      this.gl,\n      this.gl.LINEAR,\n      windData.image,\n    );\n  }\n\n  /**\n   * 更新风场粒子数量\n   * @param num\n   */\n  public updateParticelNum(num: number) {\n    const gl = this.gl;\n    if (num !== this.numParticles) {\n      this.numParticles = num; // params number\n\n      // we create a square texture where each pixel will hold a particle position encoded as RGBA\n      const particleRes = (this.particleStateResolution = Math.ceil(\n        Math.sqrt(this.numParticles),\n      ));\n      this.numParticlesSize = particleRes * particleRes;\n\n      const particleState = new Uint8Array(this.numParticlesSize * 4);\n      for (let i = 0; i < particleState.length; i++) {\n        particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n      }\n      // textures to hold the particle state for the current and the next frame\n      this.particleStateTexture0 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n      this.particleStateTexture1 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n\n      const particleIndices = new Float32Array(this.numParticlesSize);\n      for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n        particleIndices[i$1] = i$1;\n      }\n      this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n    }\n  }\n\n  /**\n   * 更新风场风向风速\n   * @param uMin\n   * @param uMax\n   * @param vMin\n   * @param vMax\n   */\n  public updateWindDir(uMin: number, uMax: number, vMin: number, vMax: number) {\n    this.windData.uMin = uMin;\n    this.windData.uMax = uMax;\n    this.windData.vMin = vMin;\n    this.windData.vMax = vMax;\n  }\n\n  /**\n   * update rampColors\n   * @param rampColors\n   */\n  public updateColorRampTexture(rampColors: { [key: number]: string }) {\n    if (this.isColorChanged(rampColors)) {\n      this.rampColors = rampColors;\n\n      const gl = this.gl;\n      gl.deleteTexture(this.colorRampTexture);\n      this.colorRampTexture = glUtils.createTexture(\n        gl,\n        gl.LINEAR,\n        getColorRamp(rampColors),\n        16,\n        16,\n      );\n    }\n  }\n\n  public isColorChanged(rampColors: { [key: number]: string }): boolean {\n    const keys = Object.keys(rampColors);\n    for (const item of keys) {\n      const key = Number(item);\n      // exist new key -> color need update\n      if (!this.rampColors[key]) {\n        return true;\n      }\n      // value changed -> color need update\n      if (this.rampColors[key] && this.rampColors[key] !== rampColors[key]) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  public reSize(width: number, height: number) {\n    if (width !== this.width || height !== this.height) {\n      const gl = this.gl;\n      gl.deleteTexture(this.backgroundTexture);\n      gl.deleteTexture(this.screenTexture);\n\n      this.width = width;\n      this.height = height;\n      const emptyPixels = new Uint8Array(width * height * 4);\n      // screen textures to hold the drawn screen for the previous and the current frame\n      this.backgroundTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n      this.screenTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n    }\n  }\n\n  public draw() {\n    if (this.windData?.image) {\n      const gl = this.gl;\n\n      glUtils.bindTexture(gl, this.windTexture as WebGLTexture, 0);\n      glUtils.bindTexture(gl, this.particleStateTexture0 as WebGLTexture, 1);\n\n      this.drawScreen(); // draw Particles into framebuffer\n      this.updateParticles();\n\n      return { d: this.pixels, w: this.width, h: this.height };\n    } else {\n      return { d: new Uint8Array([0, 0, 0, 0]), w: 1, h: 1 };\n    }\n  }\n\n  public drawScreen() {\n    const gl = this.gl;\n\n    // draw the screen into a temporary framebuffer to retain it as the background on the next frame\n    bindFramebuffer(gl, this.framebuffer, this.screenTexture);\n\n    gl.viewport(0, 0, this.width, this.height);\n\n    this.drawFullTexture(this.backgroundTexture, this.fadeOpacity);\n    this.drawParticles();\n\n    gl.disable(gl.BLEND);\n\n    this.pixels = new Uint8Array(4 * this.width * this.height);\n    gl.readPixels(\n      0,\n      0,\n      this.width,\n      this.height,\n      gl.RGBA,\n      gl.UNSIGNED_BYTE,\n      this.pixels,\n    );\n\n    bindFramebuffer(gl, null, null);\n    gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n\n    //   save the current screen as the background for the next frame\n    const temp = this.backgroundTexture;\n    this.backgroundTexture = this.screenTexture;\n    this.screenTexture = temp;\n  }\n\n  public drawFullTexture(texture: any, opacity: number) {\n    const gl = this.gl;\n    const program = this.fullScreenProgram as any;\n    gl.useProgram(program);\n\n    // bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);\n    gl.vertexAttribPointer(program.a_pos, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(program.a_pos);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, null);\n\n    glUtils.bindTexture(gl, texture, 2);\n    gl.uniform1i(program.u_screen, 2);\n    gl.uniform1f(program.u_opacity, opacity);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n    // gl.drawArrays(gl.POINTS, 0, 6);\n  }\n\n  public drawParticles() {\n    const gl = this.gl;\n    const program = this.drawProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.particleIndexBuffer, program.a_index, 1);\n    glUtils.bindTexture(gl, this.colorRampTexture as WebGLTexture, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n    gl.uniform1i(program.u_color_ramp, 2);\n\n    gl.uniform1f(program.u_particles_res, this.particleStateResolution);\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n\n    gl.drawArrays(gl.POINTS, 0, this.numParticlesSize);\n  }\n\n  public updateParticles() {\n    const gl = this.gl;\n    bindFramebuffer(gl, this.framebuffer, this.particleStateTexture1);\n    gl.viewport(\n      0,\n      0,\n      this.particleStateResolution,\n      this.particleStateResolution,\n    );\n\n    const program = this.updateProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n\n    gl.uniform1f(program.u_rand_seed, Math.random());\n    gl.uniform2f(\n      program.u_wind_res,\n      this.windData.image.width * 2,\n      this.windData.image.height * 2,\n    );\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n    gl.uniform1f(program.u_speed_factor, this.speedFactor);\n    gl.uniform1f(program.u_drop_rate, this.dropRate);\n    gl.uniform1f(program.u_drop_rate_bump, this.dropRateBump);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n    // swap the particle state textures so the new one becomes the current one\n    const temp = this.particleStateTexture0;\n    this.particleStateTexture0 = this.particleStateTexture1;\n    this.particleStateTexture1 = temp;\n\n    bindFramebuffer(gl, null, null);\n\n    // gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n  }\n\n  public destroy() {\n    // private drawProgram: WebGLProgram;\n    // private fullScreenProgram: WebGLProgram;\n    // private updateProgram: WebGLProgram;\n\n    // private quadBuffer: WebGLBuffer | null;\n    // private particleIndexBuffer: WebGLBuffer | null;\n\n    // private framebuffer: WebGLFramebuffer | null;\n\n    // private colorRampTexture: WebGLTexture | null;\n    // private backgroundTexture: WebGLTexture | null;\n    // private screenTexture: WebGLTexture | null;\n    // private particleStateTexture0: WebGLTexture | null;\n    // private particleStateTexture1: WebGLTexture | null;\n    // private windTexture: WebGLTexture | null;\n\n    this.gl.deleteBuffer(this.quadBuffer);\n    this.gl.deleteBuffer(this.particleIndexBuffer);\n\n    this.gl.deleteFramebuffer(this.framebuffer);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.fragmentShader);\n    this.gl.deleteProgram(this.drawProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.fragmentShader);\n    this.gl.deleteProgram(this.fullScreenProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.fragmentShader);\n    this.gl.deleteProgram(this.updateProgram);\n\n    this.gl.deleteTexture(this.colorRampTexture);\n    this.gl.deleteTexture(this.backgroundTexture);\n    this.gl.deleteTexture(this.screenTexture);\n    this.gl.deleteTexture(this.particleStateTexture0);\n    this.gl.deleteTexture(this.particleStateTexture1);\n    this.gl.deleteTexture(this.windTexture);\n  }\n}\n"],"file":"windRender.js"}
+{"version":3,"sources":["../../../src/wind/models/windRender.ts"],"names":["getColorRamp","colors","canvas","document","createElement","ctx","getContext","width","height","gradient","createLinearGradient","Object","keys","stop","addColorStop","fillStyle","fillRect","Uint8Array","getImageData","data","bindAttribute","gl","buffer","attribute","numComponents","bindBuffer","ARRAY_BUFFER","enableVertexAttribArray","vertexAttribPointer","FLOAT","bindFramebuffer","framebuffer","texture","FRAMEBUFFER","framebufferTexture2D","COLOR_ATTACHMENT0","TEXTURE_2D","Wind","options","glContext","imageWidth","imageHeight","fadeOpacity","speedFactor","dropRate","dropRateBump","rampColors","init","drawProgram","glUtils","createProgram","drawVert","drawFrag","fullScreenProgram","fullScreenVert","fullScreenFrag","updateProgram","updateVert","updateFrag","quadBuffer","createBuffer","Float32Array","createFramebuffer","colorRampTexture","createTexture","LINEAR","emptyPixels","backgroundTexture","NEAREST","screenTexture","particleRes","particleStateResolution","Math","ceil","sqrt","numParticles","numParticlesSize","particleState","i","length","floor","random","particleStateTexture0","particleStateTexture1","particleIndices","i$1","particleIndexBuffer","windData","windTexture","createDataTexture","image","num","uMin","uMax","vMin","vMax","isColorChanged","deleteTexture","item","key","Number","bindTexture","drawScreen","updateParticles","d","pixels","w","h","viewport","disable","BLEND","drawFullTexture","drawParticles","readPixels","RGBA","UNSIGNED_BYTE","temp","opacity","program","useProgram","a_pos","uniform1i","u_screen","uniform1f","u_opacity","drawArrays","TRIANGLES","a_index","u_wind","u_particles","u_color_ramp","u_particles_res","uniform2f","u_wind_min","u_wind_max","POINTS","u_rand_seed","u_wind_res","u_speed_factor","u_drop_rate","u_drop_rate_bump","deleteBuffer","deleteFramebuffer","deleteShader","vertexShader","fragmentShader","deleteProgram"],"mappings":"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","sourcesContent":["import * as glUtils from './utils';\nimport {\n  drawFrag,\n  drawVert,\n  fullScreenFrag,\n  fullScreenVert,\n  updateFrag,\n  updateVert,\n} from './windShader';\n\nfunction getColorRamp(colors: { [key: number]: string }) {\n  let canvas = document.createElement('canvas') as HTMLCanvasElement;\n  const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n  canvas.width = 256;\n  canvas.height = 1;\n\n  const gradient = ctx.createLinearGradient(0, 0, 256, 0);\n  for (const stop of Object.keys(colors)) {\n    gradient.addColorStop(+stop, colors[+stop]);\n  }\n\n  ctx.fillStyle = gradient;\n  ctx.fillRect(0, 0, 256, 1);\n\n  // @ts-ignore dispose canvas element\n  canvas = null;\n\n  return new Uint8Array(ctx.getImageData(0, 0, 256, 1).data);\n}\n\nfunction bindAttribute(\n  gl: WebGLRenderingContext,\n  buffer: any,\n  attribute: any,\n  numComponents: any,\n) {\n  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n  gl.enableVertexAttribArray(attribute);\n  gl.vertexAttribPointer(attribute, numComponents, gl.FLOAT, false, 0, 0);\n}\n\nfunction bindFramebuffer(\n  gl: WebGLRenderingContext,\n  framebuffer: any,\n  texture: any,\n) {\n  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);\n  if (texture) {\n    gl.framebufferTexture2D(\n      gl.FRAMEBUFFER,\n      gl.COLOR_ATTACHMENT0,\n      gl.TEXTURE_2D,\n      texture,\n      0,\n    );\n  }\n}\n\nexport interface IWindData {\n  uMin: number;\n  uMax: number;\n  vMin: number;\n  vMax: number;\n  image: HTMLImageElement;\n}\n\nexport interface IWind {\n  width: number;\n  height: number;\n\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n\n  setWind: (windData: IWindData) => void;\n  draw: () => { d: Uint8Array; w: number; h: number };\n  updateParticelNum: (num: number) => void;\n  updateWindDir: (\n    uMin: number,\n    uMax: number,\n    vMin: number,\n    vMax: number,\n  ) => void;\n  updateColorRampTexture: (rampColors: { [key: number]: string }) => void;\n\n  reSize: (width: number, height: number) => void;\n  destroy: () => void;\n}\n\nexport interface IWindProps {\n  glContext: WebGLRenderingContext;\n  imageWidth: number;\n  imageHeight: number;\n  fadeOpacity: number;\n  speedFactor: number;\n  dropRate: number;\n  dropRateBump: number;\n  rampColors: { [key: number]: string };\n}\n\nexport class Wind {\n  public width: number = 512;\n  public height: number = 512;\n\n  public pixels: Uint8Array;\n\n  public fadeOpacity: number;\n  public speedFactor: number;\n  public dropRate: number;\n  public dropRateBump: number;\n  private gl: WebGLRenderingContext;\n  private drawProgram: WebGLProgram;\n  private fullScreenProgram: WebGLProgram;\n  private updateProgram: WebGLProgram;\n\n  private rampColors: { [key: number]: string };\n\n  private numParticles: number = 65536;\n  private numParticlesSize: number;\n  private particleStateResolution: number;\n\n  private quadBuffer: WebGLBuffer | null;\n  private particleIndexBuffer: WebGLBuffer | null;\n\n  private framebuffer: WebGLFramebuffer | null;\n\n  private colorRampTexture: WebGLTexture | null;\n  private backgroundTexture: WebGLTexture | null;\n  private screenTexture: WebGLTexture | null;\n  private particleStateTexture0: WebGLTexture | null;\n  private particleStateTexture1: WebGLTexture | null;\n  private windTexture: WebGLTexture | null;\n\n  private windData: IWindData;\n\n  constructor(options: IWindProps) {\n    this.gl = options.glContext;\n    this.width = options.imageWidth;\n    this.height = options.imageHeight;\n    this.fadeOpacity = options.fadeOpacity;\n    this.speedFactor = options.speedFactor;\n    this.dropRate = options.dropRate;\n    this.dropRateBump = options.dropRateBump;\n\n    this.rampColors = options.rampColors;\n    this.init();\n  }\n\n  public init() {\n    const gl = this.gl;\n\n    this.fadeOpacity = 0.996; // how fast the particle trails fade on each frame\n    this.speedFactor = 0.25; // how fast the particles move\n    this.dropRate = 0.003; // how often the particles move to a random place\n    this.dropRateBump = 0.01; // drop rate increase relative to individual particle speed\n\n    this.drawProgram = glUtils.createProgram(\n      gl,\n      drawVert,\n      drawFrag,\n    ) as WebGLProgram;\n    this.fullScreenProgram = glUtils.createProgram(\n      gl,\n      fullScreenVert,\n      fullScreenFrag,\n    ) as WebGLProgram;\n    this.updateProgram = glUtils.createProgram(\n      gl,\n      updateVert,\n      updateFrag,\n    ) as WebGLProgram;\n\n    this.quadBuffer = glUtils.createBuffer(\n      gl,\n      new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]),\n    );\n\n    this.framebuffer = gl.createFramebuffer();\n\n    this.colorRampTexture = glUtils.createTexture(\n      this.gl,\n      this.gl.LINEAR,\n      getColorRamp(this.rampColors),\n      16,\n      16,\n    );\n\n    const emptyPixels = new Uint8Array(this.width * this.height * 4);\n\n    // screen textures to hold the drawn screen for the previous and the current frame\n\n    this.backgroundTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n    this.screenTexture = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      emptyPixels,\n      this.width,\n      this.height,\n    );\n\n    // we create a square texture where each pixel will hold a particle position encoded as RGBA\n    const particleRes = (this.particleStateResolution = Math.ceil(\n      Math.sqrt(this.numParticles),\n    ));\n    // particleRes size\n    this.numParticlesSize = particleRes * particleRes;\n\n    const particleState = new Uint8Array(this.numParticlesSize * 4);\n    for (let i = 0; i < particleState.length; i++) {\n      particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n    }\n    // textures to hold the particle state for the current and the next frame\n    this.particleStateTexture0 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n    this.particleStateTexture1 = glUtils.createTexture(\n      gl,\n      gl.NEAREST,\n      particleState,\n      particleRes,\n      particleRes,\n    );\n\n    const particleIndices = new Float32Array(this.numParticlesSize);\n    for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n      particleIndices[i$1] = i$1;\n    }\n    this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n  }\n\n  public setWind(windData: IWindData) {\n    this.windData = windData;\n    this.windTexture = glUtils.createDataTexture(\n      this.gl,\n      this.gl.LINEAR,\n      windData.image,\n    );\n  }\n\n  /**\n   * 更新风场粒子数量\n   * @param num\n   */\n  public updateParticelNum(num: number) {\n    const gl = this.gl;\n    if (num !== this.numParticles) {\n      this.numParticles = num; // params number\n\n      // we create a square texture where each pixel will hold a particle position encoded as RGBA\n      const particleRes = (this.particleStateResolution = Math.ceil(\n        Math.sqrt(this.numParticles),\n      ));\n      this.numParticlesSize = particleRes * particleRes;\n\n      const particleState = new Uint8Array(this.numParticlesSize * 4);\n      for (let i = 0; i < particleState.length; i++) {\n        particleState[i] = Math.floor(Math.random() * 256); // randomize the initial particle positions\n      }\n      // textures to hold the particle state for the current and the next frame\n      this.particleStateTexture0 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n      this.particleStateTexture1 = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        particleState,\n        particleRes,\n        particleRes,\n      );\n\n      const particleIndices = new Float32Array(this.numParticlesSize);\n      for (let i$1 = 0; i$1 < this.numParticlesSize; i$1++) {\n        particleIndices[i$1] = i$1;\n      }\n      this.particleIndexBuffer = glUtils.createBuffer(gl, particleIndices);\n    }\n  }\n\n  /**\n   * 更新风场风向风速\n   * @param uMin\n   * @param uMax\n   * @param vMin\n   * @param vMax\n   */\n  public updateWindDir(uMin: number, uMax: number, vMin: number, vMax: number) {\n    this.windData.uMin = uMin;\n    this.windData.uMax = uMax;\n    this.windData.vMin = vMin;\n    this.windData.vMax = vMax;\n  }\n\n  /**\n   * update rampColors\n   * @param rampColors\n   */\n  public updateColorRampTexture(rampColors: { [key: number]: string }) {\n    if (this.isColorChanged(rampColors)) {\n      this.rampColors = rampColors;\n\n      const gl = this.gl;\n      gl.deleteTexture(this.colorRampTexture);\n      this.colorRampTexture = glUtils.createTexture(\n        gl,\n        gl.LINEAR,\n        getColorRamp(rampColors),\n        16,\n        16,\n      );\n    }\n  }\n\n  public isColorChanged(rampColors: { [key: number]: string }): boolean {\n    const keys = Object.keys(rampColors);\n    for (const item of keys) {\n      const key = Number(item);\n      // exist new key -> color need update\n      if (!this.rampColors[key]) {\n        return true;\n      }\n      // value changed -> color need update\n      if (this.rampColors[key] && this.rampColors[key] !== rampColors[key]) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  public reSize(width: number, height: number) {\n    if (width !== this.width || height !== this.height) {\n      const gl = this.gl;\n      gl.deleteTexture(this.backgroundTexture);\n      gl.deleteTexture(this.screenTexture);\n\n      this.width = width;\n      this.height = height;\n      const emptyPixels = new Uint8Array(width * height * 4);\n      // screen textures to hold the drawn screen for the previous and the current frame\n      this.backgroundTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n      this.screenTexture = glUtils.createTexture(\n        gl,\n        gl.NEAREST,\n        emptyPixels,\n        width,\n        height,\n      );\n    }\n  }\n  public draw() {\n    if (this.windData?.image) {\n      const gl = this.gl;\n\n      glUtils.bindTexture(gl, this.windTexture as WebGLTexture, 0);\n      glUtils.bindTexture(gl, this.particleStateTexture0 as WebGLTexture, 1);\n\n      this.drawScreen(); // draw Particles into framebuffer\n      this.updateParticles();\n\n      return { d: this.pixels, w: this.width, h: this.height };\n    } else {\n      return { d: new Uint8Array([0, 0, 0, 0]), w: 1, h: 1 };\n    }\n  }\n\n  public drawScreen() {\n    const gl = this.gl;\n\n    // draw the screen into a temporary framebuffer to retain it as the background on the next frame\n    bindFramebuffer(gl, this.framebuffer, this.screenTexture);\n\n    gl.viewport(0, 0, this.width, this.height);\n\n    gl.disable(gl.BLEND);\n    this.drawFullTexture(this.backgroundTexture, this.fadeOpacity);\n    this.drawParticles();\n\n    this.pixels = new Uint8Array(4 * this.width * this.height);\n    gl.readPixels(\n      0,\n      0,\n      this.width,\n      this.height,\n      gl.RGBA,\n      gl.UNSIGNED_BYTE,\n      this.pixels,\n    );\n\n    bindFramebuffer(gl, null, null);\n    gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n\n    //   save the current screen as the background for the next frame\n    const temp = this.backgroundTexture;\n    this.backgroundTexture = this.screenTexture;\n    this.screenTexture = temp;\n  }\n\n  public drawFullTexture(texture: any, opacity: number) {\n    const gl = this.gl;\n    const program = this.fullScreenProgram as any;\n    gl.useProgram(program);\n\n    // bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, this.quadBuffer);\n    gl.vertexAttribPointer(program.a_pos, 2, gl.FLOAT, false, 0, 0);\n    gl.enableVertexAttribArray(program.a_pos);\n\n    gl.bindBuffer(gl.ARRAY_BUFFER, null);\n\n    glUtils.bindTexture(gl, texture, 2);\n    gl.uniform1i(program.u_screen, 2);\n    gl.uniform1f(program.u_opacity, opacity);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n    // gl.drawArrays(gl.POINTS, 0, 6);\n  }\n\n  public drawParticles() {\n    const gl = this.gl;\n    const program = this.drawProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.particleIndexBuffer, program.a_index, 1);\n    glUtils.bindTexture(gl, this.colorRampTexture as WebGLTexture, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n    gl.uniform1i(program.u_color_ramp, 2);\n\n    gl.uniform1f(program.u_particles_res, this.particleStateResolution);\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n\n    gl.drawArrays(gl.POINTS, 0, this.numParticlesSize);\n  }\n\n  public updateParticles() {\n    const gl = this.gl;\n    bindFramebuffer(gl, this.framebuffer, this.particleStateTexture1);\n    gl.viewport(\n      0,\n      0,\n      this.particleStateResolution,\n      this.particleStateResolution,\n    );\n\n    const program = this.updateProgram as any;\n    gl.useProgram(program);\n\n    bindAttribute(gl, this.quadBuffer, program.a_pos, 2);\n\n    gl.uniform1i(program.u_wind, 0);\n    gl.uniform1i(program.u_particles, 1);\n\n    gl.uniform1f(program.u_rand_seed, Math.random());\n    gl.uniform2f(\n      program.u_wind_res,\n      this.windData.image.width * 2,\n      this.windData.image.height * 2,\n    );\n    gl.uniform2f(program.u_wind_min, this.windData.uMin, this.windData.vMin);\n    gl.uniform2f(program.u_wind_max, this.windData.uMax, this.windData.vMax);\n    gl.uniform1f(program.u_speed_factor, this.speedFactor);\n    gl.uniform1f(program.u_drop_rate, this.dropRate);\n    gl.uniform1f(program.u_drop_rate_bump, this.dropRateBump);\n\n    gl.drawArrays(gl.TRIANGLES, 0, 6);\n\n    // swap the particle state textures so the new one becomes the current one\n    const temp = this.particleStateTexture0;\n    this.particleStateTexture0 = this.particleStateTexture1;\n    this.particleStateTexture1 = temp;\n\n    bindFramebuffer(gl, null, null);\n\n    // gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);\n  }\n\n  public destroy() {\n    // private drawProgram: WebGLProgram;\n    // private fullScreenProgram: WebGLProgram;\n    // private updateProgram: WebGLProgram;\n\n    // private quadBuffer: WebGLBuffer | null;\n    // private particleIndexBuffer: WebGLBuffer | null;\n\n    // private framebuffer: WebGLFramebuffer | null;\n\n    // private colorRampTexture: WebGLTexture | null;\n    // private backgroundTexture: WebGLTexture | null;\n    // private screenTexture: WebGLTexture | null;\n    // private particleStateTexture0: WebGLTexture | null;\n    // private particleStateTexture1: WebGLTexture | null;\n    // private windTexture: WebGLTexture | null;\n\n    this.gl.deleteBuffer(this.quadBuffer);\n    this.gl.deleteBuffer(this.particleIndexBuffer);\n\n    this.gl.deleteFramebuffer(this.framebuffer);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.drawProgram.fragmentShader);\n    this.gl.deleteProgram(this.drawProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.fullScreenProgram.fragmentShader);\n    this.gl.deleteProgram(this.fullScreenProgram);\n\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.vertexShader);\n    // @ts-ignore\n    this.gl.deleteShader(this.updateProgram.fragmentShader);\n    this.gl.deleteProgram(this.updateProgram);\n\n    this.gl.deleteTexture(this.colorRampTexture);\n    this.gl.deleteTexture(this.backgroundTexture);\n    this.gl.deleteTexture(this.screenTexture);\n    this.gl.deleteTexture(this.particleStateTexture0);\n    this.gl.deleteTexture(this.particleStateTexture1);\n    this.gl.deleteTexture(this.windTexture);\n  }\n}\n"],"file":"windRender.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-layers",
-  "version": "2.9.18",
+  "version": "2.9.21",
   "description": "L7's collection of built-in layers",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -9,6 +9,7 @@
     "./es/index.js"
   ],
   "files": [
+    "dist",
     "lib",
     "es",
     "README.md"
@@ -17,17 +18,17 @@
     "tsc": "tsc --project tsconfig.build.json",
     "clean": "rimraf dist; rimraf es; rimraf lib;",
     "build": "run-p build:*",
-    "build:cjs": "BABEL_ENV=cjs babel src --root-mode upward --out-dir lib --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "build:esm": "BABEL_ENV=esm babel src --root-mode upward --out-dir es --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "watch": "BABEL_ENV=cjs babel src --watch --root-mode upward --out-dir lib --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
+    "build:cjs": "cross-env BABEL_ENV=cjs NODE_ENV=production babel src --root-mode upward --out-dir lib --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
+    "build:esm": "cross-env BABEL_ENV=esm NODE_ENV=production babel src --root-mode upward --out-dir es --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
+    "watch": "cross-env BABEL_ENV=cjs NODE_ENV=production babel src --watch --root-mode upward --out-dir lib --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
     "sync": "tnpm sync"
   },
   "author": "xiaoiver",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "2.9.18",
-    "@antv/l7-source": "2.9.18",
-    "@antv/l7-utils": "2.9.18",
+    "@antv/l7-core": "2.9.21",
+    "@antv/l7-source": "2.9.21",
+    "@antv/l7-utils": "2.9.21",
     "@babel/runtime": "^7.7.7",
     "@mapbox/martini": "^0.2.0",
     "@turf/helpers": "^6.1.4",
@@ -57,7 +58,7 @@
     "@types/gl-matrix": "^2.4.5",
     "@types/lodash": "^4.14.138"
   },
-  "gitHead": "8f65189c3e6bcd423c4ae3481bc99527501134c9",
+  "gitHead": "e4cf36416bc5cecd569ed6814d8043ef2976a064",
   "publishConfig": {
     "access": "public"
   }

package/es/line/models/arcmini.d.ts

@@ -1,9 +0,0 @@
-import { IModel, IModelUniform } from '@antv/l7-core';
-import BaseModel from '../../core/BaseModel';
-export default class ArcMiniModel extends BaseModel {
-    getUninforms(): IModelUniform;
-    getAnimateUniforms(): IModelUniform;
-    initModels(): IModel[];
-    buildModels(): IModel[];
-    protected registerBuiltinAttributes(): void;
-}

package/es/line/models/arcmini.js

@@ -1,145 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _isNumber from "lodash/isNumber";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import { AttributeType, gl } from '@antv/l7-core';
-import { rgb2arr } from '@antv/l7-utils';
-import BaseModel from '../../core/BaseModel';
-import { LineArcTriangulation } from '../../core/triangulation';
-var line_arcmini_frag = "#define Animate 0.0\n\nuniform float u_opacity;\nuniform float u_blur : 0.9;\n// varying vec2 v_normal;\nvarying vec4 v_color;\n\nuniform float u_time;\nuniform vec4 u_aimate: [ 0, 2., 1.0, 0.2 ];\n\nuniform float segmentNumber;\nvarying float v_distance_ratio;\n\nuniform float u_linearColor: 0;\nuniform vec4 u_sourceColor;\nuniform vec4 u_targetColor;\n\n#pragma include \"picking\"\n\nvoid main() {\n\n  // \u8BBE\u7F6E\u5F27\u7EBF\u7684\u5E95\u8272\n  if(u_linearColor == 1.0) { // \u4F7F\u7528\u6E10\u53D8\u989C\u8272\n    gl_FragColor = mix(u_sourceColor, u_targetColor, v_distance_ratio);\n  } else { // \u4F7F\u7528 color \u65B9\u6CD5\u4F20\u5165\u7684\u989C\u8272\n     gl_FragColor = v_color;\n  }\n  \n \n  gl_FragColor.a *= u_opacity;\n\n  if(u_aimate.x == Animate) {\n      float animateSpeed = u_time / u_aimate.y; // \u8FD0\u52A8\u901F\u5EA6\n      float alpha =1.0 - fract( mod(1.0- v_distance_ratio, u_aimate.z)* (1.0/ u_aimate.z) + u_time / u_aimate.y);\n      alpha = (alpha + u_aimate.w -1.0) / u_aimate.w;\n      // alpha = smoothstep(0., 1., alpha);\n      alpha = clamp(alpha, 0.0, 1.0);\n      gl_FragColor.a *= alpha;\n  }\n}";
-var line_arcmini_vert = "#define Animate 0.0\n\nattribute vec4 a_Color;\nattribute vec3 a_Position;\nattribute vec4 a_Instance;\nattribute float a_Size;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform float segmentNumber;\nuniform vec4 u_aimate: [ 0, 2., 1.0, 0.2 ];\nvarying vec4 v_color;\n\nuniform float u_lineDir: 1.0;\n\n// \u504F\u79FB\u91CF\nuniform float u_thetaOffset: 0.314;\n\nuniform float u_opacity: 1.0;\nvarying float v_distance_ratio;\n\n#pragma include \"projection\"\n#pragma include \"project\"\n#pragma include \"picking\"\n\nfloat bezier3(vec3 arr, float t) {\n  float ut = 1. - t;\n  return (arr.x * ut + arr.y * t) * ut + (arr.y * ut + arr.z * t) * t;\n}\nvec2 midPoint(vec2 source, vec2 target) {\n  vec2 center = target - source;\n  float r = length(center);\n  float theta = atan(center.y, center.x);\n  float thetaOffset = u_thetaOffset;\n  float r2 = r / 2.0 / cos(thetaOffset);\n  float theta2 = theta + thetaOffset;\n  vec2 mid = vec2(r2*cos(theta2) + source.x, r2*sin(theta2) + source.y);\n  if(u_lineDir == 1.0) { // \u6B63\u5411\n    return mid;\n  } else { // \u9006\u5411\n    // (mid + vmin)/2 = (s + t)/2\n    vec2 vmid = source + target - mid;\n    return vmid;\n  }\n  // return mid;\n}\nfloat getSegmentRatio(float index) {\n    return smoothstep(0.0, 1.0, index / (segmentNumber - 1.));\n}\nvec2 interpolate (vec2 source, vec2 target, float t) {\n  // if the angularDist is PI, linear interpolation is applied. otherwise, use spherical interpolation\n  vec2 mid = midPoint(source, target);\n  vec3 x = vec3(source.x, mid.x, target.x);\n  vec3 y = vec3(source.y, mid.y, target.y);\n  return vec2(bezier3(x ,t), bezier3(y,t));\n}\nvec2 getExtrusionOffset(vec2 line_clipspace, float offset_direction) {\n  // normalized direction of the line\n  vec2 dir_screenspace = normalize(line_clipspace);\n  // rotate by 90 degrees\n   dir_screenspace = vec2(-dir_screenspace.y, dir_screenspace.x);\n  vec2 offset = dir_screenspace * offset_direction * setPickingSize(a_Size) / 2.0;\n  return offset;\n}\nvec2 getNormal(vec2 line_clipspace, float offset_direction) {\n  // normalized direction of the line\n  vec2 dir_screenspace = normalize(line_clipspace);\n  // rotate by 90 degrees\n   dir_screenspace = vec2(-dir_screenspace.y, dir_screenspace.x);\n   return reverse_offset_normal(vec3(dir_screenspace,1.0)).xy * sign(offset_direction);\n}\n\nvoid main() {\n  v_color = a_Color;\n  \n  vec2 source = a_Instance.rg;  // \u8D77\u59CB\u70B9\n  vec2 target =  a_Instance.ba; // \u7EC8\u70B9\n  float segmentIndex = a_Position.x;\n  float segmentRatio = getSegmentRatio(segmentIndex);\n\n  float indexDir = mix(-1.0, 1.0, step(segmentIndex, 0.0));\n  float nextSegmentRatio = getSegmentRatio(segmentIndex + indexDir);\n\n  v_distance_ratio = segmentIndex / segmentNumber;\n  \n  if(u_aimate.x == Animate && u_lineDir != 1.0) {\n      v_distance_ratio = 1.0 - v_distance_ratio;\n  }\n\n  vec4 curr = project_position(vec4(interpolate(source, target, segmentRatio), 0.0, 1.0));\n  vec4 next = project_position(vec4(interpolate(source, target, nextSegmentRatio), 0.0, 1.0));\n  // v_normal = getNormal((next.xy - curr.xy) * indexDir, a_Position.y);\n  //unProjCustomCoord\n  \n  vec2 offset = project_pixel(getExtrusionOffset((next.xy - curr.xy) * indexDir, a_Position.y));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * (vec4(curr.xy + offset, 0, 1.0));\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(curr.xy + offset, 0, 1.0));\n  }\n}\n";
-
-var ArcMiniModel = function (_BaseModel) {
-  _inherits(ArcMiniModel, _BaseModel);
-
-  var _super = _createSuper(ArcMiniModel);
-
-  function ArcMiniModel() {
-    _classCallCheck(this, ArcMiniModel);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ArcMiniModel, [{
-    key: "getUninforms",
-    value: function getUninforms() {
-      var _ref = this.layer.getLayerConfig(),
-          _ref$opacity = _ref.opacity,
-          opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
-          sourceColor = _ref.sourceColor,
-          targetColor = _ref.targetColor,
-          _ref$forward = _ref.forward,
-          forward = _ref$forward === void 0 ? true : _ref$forward,
-          _ref$segmentNumber = _ref.segmentNumber,
-          segmentNumber = _ref$segmentNumber === void 0 ? 30 : _ref$segmentNumber,
-          _ref$thetaOffset = _ref.thetaOffset,
-          thetaOffset = _ref$thetaOffset === void 0 ? 0.314 : _ref$thetaOffset;
-
-      var useLinearColor = 0;
-      var sourceColorArr = [0, 0, 0, 0];
-      var targetColorArr = [0, 0, 0, 0];
-
-      if (sourceColor && targetColor) {
-        sourceColorArr = rgb2arr(sourceColor);
-        targetColorArr = rgb2arr(targetColor);
-        useLinearColor = 1;
-      }
-
-      return {
-        u_thetaOffset: thetaOffset,
-        u_opacity: _isNumber(opacity) ? opacity : 1.0,
-        segmentNumber: segmentNumber,
-        u_blur: 0.9,
-        u_lineDir: forward ? 1 : -1,
-        u_linearColor: useLinearColor,
-        u_sourceColor: sourceColorArr,
-        u_targetColor: targetColorArr
-      };
-    }
-  }, {
-    key: "getAnimateUniforms",
-    value: function getAnimateUniforms() {
-      var _ref2 = this.layer.getLayerConfig(),
-          animateOption = _ref2.animateOption;
-
-      return {
-        u_aimate: this.animateOption2Array(animateOption),
-        u_time: this.layer.getLayerAnimateTime()
-      };
-    }
-  }, {
-    key: "initModels",
-    value: function initModels() {
-      return this.buildModels();
-    }
-  }, {
-    key: "buildModels",
-    value: function buildModels() {
-      var _ref3 = this.layer.getLayerConfig(),
-          _ref3$segmentNumber = _ref3.segmentNumber,
-          segmentNumber = _ref3$segmentNumber === void 0 ? 30 : _ref3$segmentNumber;
-
-      return [this.layer.buildLayerModel({
-        moduleName: 'arc2dminiline',
-        vertexShader: line_arcmini_vert,
-        fragmentShader: line_arcmini_frag,
-        triangulation: LineArcTriangulation,
-        depth: {
-          enable: false
-        },
-        blend: this.getBlend(),
-        segmentNumber: segmentNumber
-      })];
-    }
-  }, {
-    key: "registerBuiltinAttributes",
-    value: function registerBuiltinAttributes() {
-      this.styleAttributeService.registerStyleAttribute({
-        name: 'size',
-        type: AttributeType.Attribute,
-        descriptor: {
-          name: 'a_Size',
-          buffer: {
-            usage: gl.DYNAMIC_DRAW,
-            data: [],
-            type: gl.FLOAT
-          },
-          size: 1,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
-            var _feature$size = feature.size,
-                size = _feature$size === void 0 ? 1 : _feature$size;
-            return Array.isArray(size) ? [size[0]] : [size];
-          }
-        }
-      });
-      this.styleAttributeService.registerStyleAttribute({
-        name: 'instance',
-        type: AttributeType.Attribute,
-        descriptor: {
-          name: 'a_Instance',
-          buffer: {
-            usage: gl.STATIC_DRAW,
-            data: [],
-            type: gl.FLOAT
-          },
-          size: 4,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
-            return [vertex[3], vertex[4], vertex[5], vertex[6]];
-          }
-        }
-      });
-    }
-  }]);
-
-  return ArcMiniModel;
-}(BaseModel);
-
-export { ArcMiniModel as default };
-//# sourceMappingURL=arcmini.js.map

package/es/line/models/arcmini.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/line/models/arcmini.ts"],"names":["AttributeType","gl","rgb2arr","BaseModel","LineArcTriangulation","ArcMiniModel","layer","getLayerConfig","opacity","sourceColor","targetColor","forward","segmentNumber","thetaOffset","useLinearColor","sourceColorArr","targetColorArr","u_thetaOffset","u_opacity","u_blur","u_lineDir","u_linearColor","u_sourceColor","u_targetColor","animateOption","u_aimate","animateOption2Array","u_time","getLayerAnimateTime","buildModels","buildLayerModel","moduleName","vertexShader","line_arcmini_vert","fragmentShader","line_arcmini_frag","triangulation","depth","enable","blend","getBlend","styleAttributeService","registerStyleAttribute","name","type","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","data","FLOAT","size","update","feature","featureIdx","vertex","attributeIdx","Array","isArray","STATIC_DRAW"],"mappings":";;;;;;;;;;;AAAA,SACEA,aADF,EAEEC,EAFF,QAQO,eARP;AASA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,OAAOC,SAAP,MAAsB,sBAAtB;AAEA,SAASC,oBAAT,QAAqC,0BAArC;;;;IAIqBC,Y;;;;;;;;;;;;;WACnB,wBAAqC;AACnC,iBAOI,KAAKC,KAAL,CAAWC,cAAX,EAPJ;AAAA,8BACEC,OADF;AAAA,UACEA,OADF,6BACY,CADZ;AAAA,UAEEC,WAFF,QAEEA,WAFF;AAAA,UAGEC,WAHF,QAGEA,WAHF;AAAA,8BAIEC,OAJF;AAAA,UAIEA,OAJF,6BAIY,IAJZ;AAAA,oCAKEC,aALF;AAAA,UAKEA,aALF,mCAKkB,EALlB;AAAA,kCAMEC,WANF;AAAA,UAMEA,WANF,iCAMgB,KANhB;;AAUA,UAAIC,cAAc,GAAG,CAArB;AACA,UAAIC,cAAc,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAArB;AACA,UAAIC,cAAc,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAArB;;AACA,UAAIP,WAAW,IAAIC,WAAnB,EAAgC;AAC9BK,QAAAA,cAAc,GAAGb,OAAO,CAACO,WAAD,CAAxB;AACAO,QAAAA,cAAc,GAAGd,OAAO,CAACQ,WAAD,CAAxB;AACAI,QAAAA,cAAc,GAAG,CAAjB;AACD;;AAED,aAAO;AACLG,QAAAA,aAAa,EAAEJ,WADV;AAGLK,QAAAA,SAAS,EAAE,UAASV,OAAT,IAAoBA,OAApB,GAA8B,GAHpC;AAKLI,QAAAA,aAAa,EAAbA,aALK;AAMLO,QAAAA,MAAM,EAAE,GANH;AAOLC,QAAAA,SAAS,EAAET,OAAO,GAAG,CAAH,GAAO,CAAC,CAPrB;AAULU,QAAAA,aAAa,EAAEP,cAVV;AAWLQ,QAAAA,aAAa,EAAEP,cAXV;AAYLQ,QAAAA,aAAa,EAAEP;AAZV,OAAP;AAcD;;;WAED,8BAA2C;AACzC,kBAA0B,KAAKV,KAAL,CAAWC,cAAX,EAA1B;AAAA,UAAQiB,aAAR,SAAQA,aAAR;;AACA,aAAO;AACLC,QAAAA,QAAQ,EAAE,KAAKC,mBAAL,CAAyBF,aAAzB,CADL;AAELG,QAAAA,MAAM,EAAE,KAAKrB,KAAL,CAAWsB,mBAAX;AAFH,OAAP;AAID;;;WAED,sBAA8B;AAC5B,aAAO,KAAKC,WAAL,EAAP;AACD;;;WAED,uBAA+B;AAC7B,kBAEI,KAAKvB,KAAL,CAAWC,cAAX,EAFJ;AAAA,sCACEK,aADF;AAAA,UACEA,aADF,oCACkB,EADlB;;AAIA,aAAO,CACL,KAAKN,KAAL,CAAWwB,eAAX,CAA2B;AACzBC,QAAAA,UAAU,EAAE,eADa;AAEzBC,QAAAA,YAAY,EAAEC,iBAFW;AAGzBC,QAAAA,cAAc,EAAEC,iBAHS;AAIzBC,QAAAA,aAAa,EAAEhC,oBAJU;AAKzBiC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAV,SALkB;AAMzBC,QAAAA,KAAK,EAAE,KAAKC,QAAL,EANkB;AAOzB5B,QAAAA,aAAa,EAAbA;AAPyB,OAA3B,CADK,CAAP;AAWD;;;WAED,qCAAsC;AAEpC,WAAK6B,qBAAL,CAA2BC,sBAA3B,CAAkD;AAChDC,QAAAA,IAAI,EAAE,MAD0C;AAEhDC,QAAAA,IAAI,EAAE5C,aAAa,CAAC6C,SAF4B;AAGhDC,QAAAA,UAAU,EAAE;AACVH,UAAAA,IAAI,EAAE,QADI;AAEVI,UAAAA,MAAM,EAAE;AAENC,YAAAA,KAAK,EAAE/C,EAAE,CAACgD,YAFJ;AAGNC,YAAAA,IAAI,EAAE,EAHA;AAINN,YAAAA,IAAI,EAAE3C,EAAE,CAACkD;AAJH,WAFE;AAQVC,UAAAA,IAAI,EAAE,CARI;AASVC,UAAAA,MAAM,EAAE,gBACNC,OADM,EAENC,UAFM,EAGNC,MAHM,EAINC,YAJM,EAKH;AACH,gCAAqBH,OAArB,CAAQF,IAAR;AAAA,gBAAQA,IAAR,8BAAe,CAAf;AACA,mBAAOM,KAAK,CAACC,OAAN,CAAcP,IAAd,IAAsB,CAACA,IAAI,CAAC,CAAD,CAAL,CAAtB,GAAkC,CAACA,IAAD,CAAzC;AACD;AAjBS;AAHoC,OAAlD;AAwBA,WAAKX,qBAAL,CAA2BC,sBAA3B,CAAkD;AAChDC,QAAAA,IAAI,EAAE,UAD0C;AAEhDC,QAAAA,IAAI,EAAE5C,aAAa,CAAC6C,SAF4B;AAGhDC,QAAAA,UAAU,EAAE;AACVH,UAAAA,IAAI,EAAE,YADI;AAEVI,UAAAA,MAAM,EAAE;AACNC,YAAAA,KAAK,EAAE/C,EAAE,CAAC2D,WADJ;AAENV,YAAAA,IAAI,EAAE,EAFA;AAGNN,YAAAA,IAAI,EAAE3C,EAAE,CAACkD;AAHH,WAFE;AAOVC,UAAAA,IAAI,EAAE,CAPI;AAQVC,UAAAA,MAAM,EAAE,gBACNC,OADM,EAENC,UAFM,EAGNC,MAHM,EAINC,YAJM,EAKH;AACH,mBAAO,CAACD,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,EAAuBA,MAAM,CAAC,CAAD,CAA7B,EAAkCA,MAAM,CAAC,CAAD,CAAxC,CAAP;AACD;AAfS;AAHoC,OAAlD;AAqBD;;;;EAlHuCrD,S;;SAArBE,Y","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAnimateOption,\n  IEncodeFeature,\n  ILayerConfig,\n  IModel,\n  IModelUniform,\n} from '@antv/l7-core';\nimport { rgb2arr } from '@antv/l7-utils';\nimport { isNumber } from 'lodash';\nimport BaseModel from '../../core/BaseModel';\nimport { ILineLayerStyleOptions } from '../../core/interface';\nimport { LineArcTriangulation } from '../../core/triangulation';\nimport line_arcmini_frag from '../shaders/line_arcmini_frag.glsl';\nimport line_arcmini_vert from '../shaders/line_arcmini_vert.glsl';\n\nexport default class ArcMiniModel extends BaseModel {\n  public getUninforms(): IModelUniform {\n    const {\n      opacity = 1,\n      sourceColor,\n      targetColor,\n      forward = true,\n      segmentNumber = 30,\n      thetaOffset = 0.314,\n    } = this.layer.getLayerConfig() as ILineLayerStyleOptions;\n\n    // 转化渐变色\n    let useLinearColor = 0; // 默认不生效\n    let sourceColorArr = [0, 0, 0, 0];\n    let targetColorArr = [0, 0, 0, 0];\n    if (sourceColor && targetColor) {\n      sourceColorArr = rgb2arr(sourceColor);\n      targetColorArr = rgb2arr(targetColor);\n      useLinearColor = 1;\n    }\n\n    return {\n      u_thetaOffset: thetaOffset,\n\n      u_opacity: isNumber(opacity) ? opacity : 1.0,\n\n      segmentNumber,\n      u_blur: 0.9,\n      u_lineDir: forward ? 1 : -1,\n\n      // 渐变色支持参数\n      u_linearColor: useLinearColor,\n      u_sourceColor: sourceColorArr,\n      u_targetColor: targetColorArr,\n    };\n  }\n\n  public getAnimateUniforms(): IModelUniform {\n    const { animateOption } = this.layer.getLayerConfig() as ILayerConfig;\n    return {\n      u_aimate: this.animateOption2Array(animateOption as IAnimateOption),\n      u_time: this.layer.getLayerAnimateTime(),\n    };\n  }\n\n  public initModels(): IModel[] {\n    return this.buildModels();\n  }\n\n  public buildModels(): IModel[] {\n    const {\n      segmentNumber = 30,\n    } = this.layer.getLayerConfig() as ILineLayerStyleOptions;\n\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'arc2dminiline',\n        vertexShader: line_arcmini_vert,\n        fragmentShader: line_arcmini_frag,\n        triangulation: LineArcTriangulation,\n        depth: { enable: false },\n        blend: this.getBlend(),\n        segmentNumber,\n      }),\n    ];\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'size',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Size',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 1,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          const { size = 1 } = feature;\n          return Array.isArray(size) ? [size[0]] : [size as number];\n        },\n      },\n    });\n\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'instance', // 弧线起始点信息\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Instance',\n        buffer: {\n          usage: gl.STATIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 4,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4], vertex[5], vertex[6]];\n        },\n      },\n    });\n  }\n}\n"],"file":"arcmini.js"}

package/es/point/models/icon-font.d.ts

@@ -1,11 +0,0 @@
-import { IModel, IModelUniform } from '@antv/l7-core';
-import BaseModel from '../../core/BaseModel';
-export default class IconeModel extends BaseModel {
-    private texture;
-    getUninforms(): IModelUniform;
-    initModels(): IModel[];
-    clearModels(): void;
-    protected registerBuiltinAttributes(): void;
-    private updateTexture;
-    private initIconFontGlyphs;
-}

package/es/point/models/icon-font.js

@@ -1,181 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import { AttributeType, gl } from '@antv/l7-core';
-import BaseModel from '../../core/BaseModel';
-import { PointImageTriangulation } from '../../core/triangulation';
-var pointImageFrag = "\nuniform sampler2D u_texture;\nvarying vec4 v_color;\nvarying vec2 v_uv;\nuniform vec2 u_textSize;\nuniform float u_opacity : 1;\n\nvarying mat4 styleMappingMat; // \u4F20\u9012\u4ECE\u7247\u5143\u4E2D\u4F20\u9012\u7684\u6620\u5C04\u6570\u636E\n\n#pragma include \"picking\"\n\nvoid main(){\n      float opacity = styleMappingMat[0][0];\n      float size = styleMappingMat[1][0];\n      vec2 pos = v_uv / u_textSize + gl_PointCoord / u_textSize * 64.;\n      vec4 textureColor;\n\n      // Y = 0.299R + 0.587G + 0.114B // \u4EAE\u5EA6\u63D0\u53D6\n     \n      textureColor = texture2D(u_texture, pos);\n\n      // Tip: \u53BB\u9664\u8FB9\u7F18\u90E8\u5206 mipmap \u5BFC\u81F4\u7684\u6DF7\u5408\u53D8\u6697\n      float fragmengTocenter = distance(vec2(0.5), gl_PointCoord);\n      if(fragmengTocenter >= 0.5) {\n            float luma = 0.299 * textureColor.r + 0.587 * textureColor.g + 0.114 * textureColor.b;\n            textureColor.a *= luma;\n      }\n      \n      \n\n      if(all(lessThan(v_color, vec4(1.0+0.00001))) && all(greaterThan(v_color, vec4(1.0-0.00001))) || v_color==vec4(1.0)){\n            gl_FragColor= textureColor;\n      }else {\n            gl_FragColor= step(0.01, textureColor.z) * v_color;\n      }\n\n      gl_FragColor.a = gl_FragColor.a * opacity;\n      gl_FragColor = filterColor(gl_FragColor);\n}\n";
-var pointImageVert = "precision highp float;\nattribute vec3 a_Position;\nattribute vec4 a_Color;\nattribute vec2 a_Uv;\nattribute float a_Size;\nvarying vec4 v_color;\nvarying vec2 v_uv;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform vec2 u_offsets;\n\nuniform float u_opacity : 1;\n\nvarying mat4 styleMappingMat; // \u7528\u4E8E\u5C06\u5728\u9876\u70B9\u7740\u8272\u5668\u4E2D\u8BA1\u7B97\u597D\u7684\u6837\u5F0F\u503C\u4F20\u9012\u7ED9\u7247\u5143\n\n#pragma include \"styleMapping\"\n#pragma include \"styleMappingCalOpacity\"\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvoid main() {\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n  styleMappingMat = mat4(\n    0.0, 0.0, 0.0, 0.0, // opacity - strokeOpacity - strokeWidth - empty\n    0.0, 0.0, 0.0, 0.0, // strokeR - strokeG - strokeB - strokeA\n    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]\n    0.0, 0.0, 0.0, 0.0\n  );\n\n  float rowCount = u_cellTypeLayout[0][0];    // \u5F53\u524D\u7684\u6570\u636E\u7EB9\u7406\u6709\u51E0\u884C\n  float columnCount = u_cellTypeLayout[0][1]; // \u5F53\u770B\u5230\u6570\u636E\u7EB9\u7406\u6709\u51E0\u5217\n  float columnWidth = 1.0/columnCount;  // \u5217\u5BBD\n  float rowHeight = 1.0/rowCount;       // \u884C\u9AD8\n  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets\n  float id = a_vertexId; // \u7B2Cn\u4E2A\u9876\u70B9\n  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u884C\n  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u5217\n  \n  // cell \u56FA\u5B9A\u987A\u5E8F opacity -> strokeOpacity -> strokeWidth -> stroke ... \n  // \u6309\u987A\u5E8F\u4ECE cell \u4E2D\u53D6\u503C\u3001\u82E5\u6CA1\u6709\u5219\u81EA\u52A8\u5F80\u4E0B\u53D6\u503C\n  float textureOffset = 0.0; // \u5728 cell \u4E2D\u53D6\u503C\u7684\u504F\u79FB\u91CF\n\n  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);\n  styleMappingMat[0][0] = opacityAndOffset.r;\n  textureOffset = opacityAndOffset.g;\n\n  styleMappingMat[1][0] = a_Size;\n\n  vec2 textrueOffsets = vec2(0.0, 0.0);\n  if(hasOffsets()) {\n    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n\n    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n  } else {\n    textrueOffsets = u_offsets;\n  }\n\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n   v_color = a_Color;\n   v_uv = a_Uv;\n   vec4 project_pos = project_position(vec4(a_Position, 1.0));\n   \n  //  vec2 offset = project_pixel(u_offsets);\n  vec2 offset = project_pixel(textrueOffsets);\n\n  //  gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0);\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));\n  }\n  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;\n\n  setPickingColor(a_PickingColor);\n}\n";
-
-var IconeModel = function (_BaseModel) {
-  _inherits(IconeModel, _BaseModel);
-
-  var _super = _createSuper(IconeModel);
-
-  function IconeModel() {
-    var _this;
-
-    _classCallCheck(this, IconeModel);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "texture", void 0);
-
-    return _this;
-  }
-
-  _createClass(IconeModel, [{
-    key: "getUninforms",
-    value: function getUninforms() {
-      var _ref = this.layer.getLayerConfig(),
-          opacity = _ref.opacity;
-
-      return {
-        u_opacity: opacity || 1.0,
-        u_texture: this.texture,
-        u_textSize: [1024, this.iconService.canvasHeight || 128]
-      };
-    }
-  }, {
-    key: "initModels",
-    value: function initModels() {
-      var _this2 = this;
-
-      this.initIconFontGlyphs();
-      this.registerBuiltinAttributes();
-      this.updateTexture();
-      this.iconService.on('imageUpdate', function () {
-        _this2.updateTexture();
-
-        _this2.layer.render();
-      });
-      return [this.layer.buildLayerModel({
-        moduleName: 'pointiconImage',
-        vertexShader: pointImageVert,
-        fragmentShader: pointImageFrag,
-        triangulation: PointImageTriangulation,
-        primitive: gl.POINTS,
-        depth: {
-          enable: false
-        },
-        blend: this.getBlend()
-      })];
-    }
-  }, {
-    key: "clearModels",
-    value: function clearModels() {
-      var _this$dataTexture;
-
-      (_this$dataTexture = this.dataTexture) === null || _this$dataTexture === void 0 ? void 0 : _this$dataTexture.destroy();
-    }
-  }, {
-    key: "registerBuiltinAttributes",
-    value: function registerBuiltinAttributes() {
-      var _this3 = this;
-
-      this.styleAttributeService.registerStyleAttribute({
-        name: 'size',
-        type: AttributeType.Attribute,
-        descriptor: {
-          name: 'a_Size',
-          buffer: {
-            usage: gl.DYNAMIC_DRAW,
-            data: [],
-            type: gl.FLOAT
-          },
-          size: 1,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
-            var size = feature.size;
-            return Array.isArray(size) ? [size[0]] : [size];
-          }
-        }
-      });
-      this.styleAttributeService.registerStyleAttribute({
-        name: 'uv',
-        type: AttributeType.Attribute,
-        descriptor: {
-          name: 'a_Uv',
-          buffer: {
-            usage: gl.DYNAMIC_DRAW,
-            data: [],
-            type: gl.FLOAT
-          },
-          size: 2,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
-            var mapping = _this3.fontService.mapping;
-            var shape = feature.shape;
-
-            var icon = _this3.fontService.getGlyph(shape);
-
-            var _mapping$icon = mapping[icon],
-                x = _mapping$icon.x,
-                y = _mapping$icon.y;
-            return [x, y];
-          }
-        }
-      });
-    }
-  }, {
-    key: "updateTexture",
-    value: function updateTexture() {
-      var createTexture2D = this.rendererService.createTexture2D;
-      var canvas = this.fontService.canvas;
-      this.texture = createTexture2D({
-        data: canvas,
-        mag: gl.LINEAR,
-        min: gl.LINEAR,
-        width: canvas.width,
-        height: canvas.height
-      });
-    }
-  }, {
-    key: "initIconFontGlyphs",
-    value: function initIconFontGlyphs() {
-      var _this4 = this;
-
-      var _ref2 = this.layer.getLayerConfig(),
-          _ref2$fontWeight = _ref2.fontWeight,
-          fontWeight = _ref2$fontWeight === void 0 ? 'normal' : _ref2$fontWeight,
-          _ref2$fontFamily = _ref2.fontFamily,
-          fontFamily = _ref2$fontFamily === void 0 ? 'sans-serif' : _ref2$fontFamily;
-
-      var data = this.layer.getEncodedData();
-      var characterSet = [];
-      data.forEach(function (item) {
-        var _item$shape = item.shape,
-            shape = _item$shape === void 0 ? '' : _item$shape;
-        shape = shape.toString();
-
-        var icon = _this4.fontService.getGlyph(shape);
-
-        if (characterSet.indexOf(icon) === -1) {
-          characterSet.push(icon);
-        }
-      });
-      this.fontService.setFontOptions({
-        characterSet: characterSet,
-        fontWeight: fontWeight,
-        fontFamily: fontFamily,
-        fontSize: 48
-      });
-    }
-  }]);
-
-  return IconeModel;
-}(BaseModel);
-
-export { IconeModel as default };
-//# sourceMappingURL=icon-font.js.map

package/es/point/models/icon-font.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/point/models/icon-font.ts"],"names":["AttributeType","gl","BaseModel","PointImageTriangulation","IconeModel","layer","getLayerConfig","opacity","u_opacity","u_texture","texture","u_textSize","iconService","canvasHeight","initIconFontGlyphs","registerBuiltinAttributes","updateTexture","on","render","buildLayerModel","moduleName","vertexShader","pointImageVert","fragmentShader","pointImageFrag","triangulation","primitive","POINTS","depth","enable","blend","getBlend","dataTexture","destroy","styleAttributeService","registerStyleAttribute","name","type","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","data","FLOAT","size","update","feature","featureIdx","vertex","attributeIdx","Array","isArray","mapping","fontService","shape","icon","getGlyph","x","y","createTexture2D","rendererService","canvas","mag","LINEAR","min","width","height","fontWeight","fontFamily","getEncodedData","characterSet","forEach","item","toString","indexOf","push","setFontOptions","fontSize"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IEncodeFeature,\n  IModel,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\n\nimport BaseModel from '../../core/BaseModel';\nimport { PointImageTriangulation } from '../../core/triangulation';\nimport pointImageFrag from '../shaders/image_frag.glsl';\nimport pointImageVert from '../shaders/image_vert.glsl';\ninterface IIconIFontStyleOptions {\n  opacity: number;\n  fontWeight: string;\n  fontFamily: string;\n}\n\nexport default class IconeModel extends BaseModel {\n  private texture: ITexture2D;\n\n  public getUninforms(): IModelUniform {\n    const { opacity } = this.layer.getLayerConfig() as IIconIFontStyleOptions;\n    return {\n      u_opacity: opacity || 1.0,\n      u_texture: this.texture,\n      u_textSize: [1024, this.iconService.canvasHeight || 128],\n    };\n  }\n\n  public initModels(): IModel[] {\n    this.initIconFontGlyphs();\n    this.registerBuiltinAttributes();\n    this.updateTexture();\n    this.iconService.on('imageUpdate', () => {\n      this.updateTexture();\n      this.layer.render(); // TODO 调用全局render\n    });\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'pointiconImage',\n        vertexShader: pointImageVert,\n        fragmentShader: pointImageFrag,\n        triangulation: PointImageTriangulation,\n        primitive: gl.POINTS,\n        depth: { enable: false },\n        blend: this.getBlend(),\n      }),\n    ];\n  }\n\n  public clearModels() {\n    this.dataTexture?.destroy();\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'size',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Size',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 1,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          const { size } = feature;\n          return Array.isArray(size) ? [size[0]] : [size as number];\n        },\n      },\n    });\n\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          const { mapping } = this.fontService;\n          const { shape } = feature;\n          const icon = this.fontService.getGlyph(shape as string);\n          const { x, y } = mapping[icon];\n          return [x, y];\n        },\n      },\n    });\n  }\n\n  private updateTexture() {\n    const { createTexture2D } = this.rendererService;\n    const { canvas } = this.fontService;\n    this.texture = createTexture2D({\n      data: canvas,\n      mag: gl.LINEAR,\n      min: gl.LINEAR,\n      width: canvas.width,\n      height: canvas.height,\n    });\n  }\n\n  private initIconFontGlyphs() {\n    const {\n      fontWeight = 'normal',\n      fontFamily = 'sans-serif',\n    } = this.layer.getLayerConfig() as IIconIFontStyleOptions;\n    const data = this.layer.getEncodedData();\n    const characterSet: string[] = [];\n    data.forEach((item: IEncodeFeature) => {\n      let { shape = '' } = item;\n      shape = shape.toString();\n      const icon = this.fontService.getGlyph(shape);\n      if (characterSet.indexOf(icon) === -1) {\n        characterSet.push(icon);\n      }\n    });\n    this.fontService.setFontOptions({\n      characterSet,\n      fontWeight,\n      fontFamily,\n      fontSize: 48,\n    });\n  }\n}\n"],"file":"icon-font.js"}

package/es/raster/image.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=image.js.map

package/es/raster/image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"image.js"}