@antv/l7-layers 2.25.7 → 2.25.10

package/lib/point/shaders/earthExtrude/earthExtrude_frag.glsl

@@ -0,0 +1,36 @@
+precision highp float;
+in vec4 v_color;
+
+#pragma include "picking"
+
+layout(std140) uniform commonUniform {
+  vec4 u_sourceColor;
+  vec4 u_targetColor;
+  float u_linearColor: 0;
+  float u_heightfixed: 0.0; // 默认不固定
+  float u_globel;
+  float u_r;
+  float u_pickLight: 0.0;
+  float u_opacitylinear: 0.0;
+  float u_opacitylinear_dir: 1.0;
+  float u_lightEnable: 1.0;
+};
+in float v_lightWeight;
+in float v_barLinearZ;
+out vec4 outputColor;
+void main() {
+
+   outputColor = v_color;
+
+  // 开启透明度渐变
+  if(u_opacitylinear > 0.0) {
+    outputColor.a *= u_opacitylinear_dir > 0.0 ? (1.0 - v_barLinearZ): v_barLinearZ;
+  }
+
+  // picking
+  if(u_pickLight > 0.0) {
+    outputColor = filterColorAlpha(outputColor, v_lightWeight);
+  } else {
+    outputColor = filterColor(outputColor);
+  }
+}

package/lib/point/shaders/earthExtrude/earthExtrude_vert.glsl

@@ -0,0 +1,118 @@
+precision highp float;
+
+#define pi 3.1415926535
+#define ambientRatio 0.5
+#define diffuseRatio 0.3
+#define specularRatio 0.2
+
+layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;
+layout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;
+layout(location = ATTRIBUTE_LOCATION_SIZE) in vec3 a_Size;
+layout(location = ATTRIBUTE_LOCATION_POS) in vec3 a_Pos;
+layout(location = ATTRIBUTE_LOCATION_NORMAL) in vec3 a_Normal;
+
+layout(std140) uniform commonUniform {
+  vec4 u_sourceColor;
+  vec4 u_targetColor;
+  float u_linearColor: 0;
+  float u_heightfixed: 0.0; // 默认不固定
+  float u_globel;
+  float u_r;
+  float u_pickLight: 0.0;
+  float u_opacitylinear: 0.0;
+  float u_opacitylinear_dir: 1.0;
+  float u_lightEnable: 1.0;
+};
+
+out vec4 v_color;
+out float v_lightWeight;
+out float v_barLinearZ;
+// 用于将在顶点着色器中计算好的样式值传递给片元
+
+
+#pragma include "projection"
+#pragma include "light"
+#pragma include "picking"
+
+float getYRadian(float x, float z) {
+  if(x > 0.0 && z > 0.0) {
+    return atan(x/z);
+  } else if(x > 0.0 && z <= 0.0){
+    return atan(-z/x) + pi/2.0;
+  } else if(x <= 0.0 && z <= 0.0) {
+    return  pi + atan(x/z); //atan(x/z) +
+  } else {
+    return atan(z/-x) + pi*3.0/2.0;
+  }
+}
+
+float getXRadian(float y, float r) {
+  return atan(y/r);
+}
+
+void main() {
+
+  // cal style mapping - 数据纹理映射部分的计算
+  vec3 size = a_Size * a_Position;
+
+  // a_Position.z 是在构建网格的时候传入的标准值 0 - 1，在插值器插值可以获取 0～1 线性渐变的值
+  v_barLinearZ =  a_Position.z;
+
+  vec3 offset = size; // 控制圆柱体的大小 - 从标准单位圆柱体进行偏移
+  if(u_heightfixed < 1.0) { // 圆柱体不固定高度
+    //
+  } else {// 圆柱体固定高度 （ 处理 mapbox ）
+    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      offset *= 4.0/pow(2.0, 21.0 - u_Zoom);
+    }
+  }
+
+
+  vec4 project_pos = project_position(vec4(a_Pos.xy, 0., 1.0));
+
+  // u_r 控制圆柱的生长
+  vec4 pos = vec4(project_pos.xy + offset.xy, offset.z * u_r, 1.0);
+
+  // 圆柱光照效果
+  float lightWeight = 1.0;
+  if(u_lightEnable > 0.0) { // 取消三元表达式，增强健壮性
+    lightWeight = calc_lighting(pos);
+  }
+  v_lightWeight = lightWeight;
+  // 设置圆柱的底色
+  if(u_linearColor == 1.0) { // 使用渐变颜色
+    v_color = mix(u_sourceColor, u_targetColor, v_barLinearZ);
+    v_color.rgb *= lightWeight;
+  } else { // 使用 color 方法传入的颜色
+     v_color = a_Color;
+  }
+  v_color.a *= u_opacity;
+
+
+  // 在地球模式下，将原本垂直于 xy 平面的圆柱调整姿态到适应圆的角度
+  //旋转矩阵mx，创建绕x轴旋转矩阵
+  float r = sqrt(a_Pos.z*a_Pos.z + a_Pos.x*a_Pos.x);
+  float xRadian = getXRadian(a_Pos.y, r);
+  float xcos = cos(xRadian);//求解旋转角度余弦值
+  float xsin = sin(xRadian);//求解旋转角度正弦值
+  mat4 mx = mat4(
+    1,0,0,0,
+    0,xcos,-xsin,0,
+    0,xsin,xcos,0,
+    0,0,0,1);
+
+  //旋转矩阵my，创建绕y轴旋转矩阵
+  float yRadian = getYRadian(a_Pos.x, a_Pos.z);
+  float ycos = cos(yRadian);//求解旋转角度余弦值
+  float ysin = sin(yRadian);//求解旋转角度正弦值
+  mat4 my = mat4(
+    ycos,0,-ysin,0,
+    0,1,0,0,
+    ysin,0,ycos,0,
+    0,0,0,1);
+
+  gl_Position = u_ViewProjectionMatrix * vec4(( my * mx *  vec4(a_Position * a_Size, 1.0)).xyz + a_Pos, 1.0);
+
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/earthFill/earthFill_frag.glsl

@@ -0,0 +1,79 @@
+in vec4 v_data;
+in vec4 v_color;
+in float v_radius;
+
+layout(std140) uniform commonUniform {
+  float u_additive;
+  float u_stroke_opacity : 1;
+  float u_stroke_width : 2;
+  float u_blur : 0.0;
+};
+#pragma include "sdf_2d"
+#pragma include "picking"
+
+out vec4 outputColor;
+
+void main() {
+  int shape = int(floor(v_data.w + 0.5));
+
+  vec4 strokeColor = u_stroke == vec4(0.0) ? v_color : u_stroke;
+
+  lowp float antialiasblur = v_data.z;
+  float r = v_radius / (v_radius + u_stroke_width);
+
+  float outer_df;
+  float inner_df;
+  // 'circle', 'triangle', 'square', 'pentagon', 'hexagon', 'octogon', 'hexagram', 'rhombus', 'vesica'
+  if (shape == 0) {
+    outer_df = sdCircle(v_data.xy, 1.0);
+    inner_df = sdCircle(v_data.xy, r);
+  } else if (shape == 1) {
+    outer_df = sdEquilateralTriangle(1.1 * v_data.xy);
+    inner_df = sdEquilateralTriangle(1.1 / r * v_data.xy);
+  } else if (shape == 2) {
+    outer_df = sdBox(v_data.xy, vec2(1.));
+    inner_df = sdBox(v_data.xy, vec2(r));
+  } else if (shape == 3) {
+    outer_df = sdPentagon(v_data.xy, 0.8);
+    inner_df = sdPentagon(v_data.xy, r * 0.8);
+  } else if (shape == 4) {
+    outer_df = sdHexagon(v_data.xy, 0.8);
+    inner_df = sdHexagon(v_data.xy, r * 0.8);
+  } else if (shape == 5) {
+    outer_df = sdOctogon(v_data.xy, 1.0);
+    inner_df = sdOctogon(v_data.xy, r);
+  } else if (shape == 6) {
+    outer_df = sdHexagram(v_data.xy, 0.52);
+    inner_df = sdHexagram(v_data.xy, r * 0.52);
+  } else if (shape == 7) {
+    outer_df = sdRhombus(v_data.xy, vec2(1.0));
+    inner_df = sdRhombus(v_data.xy, vec2(r));
+  } else if (shape == 8) {
+    outer_df = sdVesica(v_data.xy, 1.1, 0.8);
+    inner_df = sdVesica(v_data.xy, r * 1.1, r * 0.8);
+  }
+
+  if(outer_df > antialiasblur + 0.018) discard;
+
+  float opacity_t = smoothstep(0.0, antialiasblur, outer_df);
+
+  float color_t = u_stroke_width < 0.01 ? 0.0 : smoothstep(
+    antialiasblur,
+    0.0,
+    inner_df
+  );
+
+  if(u_stroke_width < 0.01) {
+    outputColor = vec4(v_color.rgb, v_color.a * u_opacity);
+  } else {
+    outputColor = mix(vec4(v_color.rgb, v_color.a * u_opacity), strokeColor * u_stroke_opacity, color_t);
+  }
+
+  if(u_additive > 0.0) {
+    outputColor *= opacity_t;
+    outputColor = filterColorAlpha(outputColor, outputColor.a);
+  } else {
+    outputColor.a *= opacity_t;
+    outputColor = filterColor(outputColor);
+  }
+}

package/lib/point/shaders/earthFill/earthFill_vert.glsl

@@ -0,0 +1,46 @@
+layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;
+layout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;
+layout(location = ATTRIBUTE_LOCATION_SIZE) in float a_Size;
+layout(location = ATTRIBUTE_LOCATION_SHAPE) in float a_Shape;
+layout(location = ATTRIBUTE_LOCATION_EXTRUDE) in vec3 a_Extrude;
+
+layout(std140) uniform commonUniform {
+  float u_additive;
+  float u_stroke_opacity : 1;
+  float u_stroke_width : 2;
+  float u_blur : 0.0;
+};
+out vec4 v_data;
+out vec4 v_color;
+out float v_radius;
+
+#pragma include "projection"
+#pragma include "picking"
+
+
+void main() {
+  vec3 extrude = a_Extrude;
+  float shape_type = a_Shape;
+  /*
+  *  setPickingSize 设置拾取大小
+  */
+  float newSize = setPickingSize(a_Size);
+  // float newSize = setPickingSize(a_Size) * 0.00001038445708445579;
+
+  // unpack color(vec2)
+  v_color = a_Color;
+
+  // radius(16-bit)
+  v_radius = newSize;
+
+  // anti-alias
+  //  float antialiased_blur = -max(u_blur, antialiasblur);
+  float antialiasblur = -max(2.0 / u_DevicePixelRatio / newSize, u_blur);
+
+  // TODP: /abs(extrude.x) 是为了兼容地球模式
+  v_data = vec4(extrude.x/abs(extrude.x), extrude.y/abs(extrude.y), antialiasblur,shape_type);
+
+  gl_Position = u_ViewProjectionMatrix * vec4(a_Position + extrude * newSize * 0.1 + vec3(u_offsets,0.0), 1.0);
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/extrude/extrude_frag.glsl

@@ -0,0 +1,29 @@
+in vec4 v_color;
+in float v_lightWeight;
+out vec4 outputColor;
+
+layout(std140) uniform commonUniforms {
+  float u_pickLight;
+  float u_heightfixed;
+  float u_r;
+  float u_linearColor;
+  vec4 u_sourceColor;
+  vec4 u_targetColor;
+  float u_opacitylinear;
+  float u_opacitylinear_dir;
+  float u_lightEnable;
+};
+
+#pragma include "scene_uniforms"
+#pragma include "picking"
+
+void main() {
+  outputColor = v_color;
+  // 开启透明度渐变
+  // picking
+  if (u_pickLight > 0.0) {
+    outputColor = filterColorAlpha(outputColor, v_lightWeight);
+  } else {
+    outputColor = filterColor(outputColor);
+  }
+}

package/lib/point/shaders/extrude/extrude_vert.glsl

@@ -0,0 +1,95 @@
+#define pi (3.1415926535)
+
+layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;
+layout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;
+layout(location = ATTRIBUTE_LOCATION_SIZE) in vec3 a_Size;
+layout(location = ATTRIBUTE_LOCATION_EXTRUDE) in vec4 a_Extrude;
+layout(location = ATTRIBUTE_LOCATION_NORMAL) in vec3 a_Normal;
+
+layout(std140) uniform commonUniforms {
+  float u_pickLight;
+  float u_heightfixed;
+  float u_r;
+  float u_linearColor;
+  vec4 u_sourceColor;
+  vec4 u_targetColor;
+  float u_opacitylinear;
+  float u_opacitylinear_dir;
+  float u_lightEnable;
+};
+out vec4 v_color;
+out float v_lightWeight;
+
+#pragma include "projection"
+#pragma include "light"
+#pragma include "picking"
+
+float getYRadian(float x, float z) {
+  if (x > 0.0 && z > 0.0) {
+    return atan(x / z);
+  } else if (x > 0.0 && z <= 0.0) {
+    return atan(-z / x) + pi / 2.0;
+  } else if (x <= 0.0 && z <= 0.0) {
+    return pi + atan(x / z); //atan(x/z) +
+  } else {
+    return atan(z / -x) + pi * 3.0 / 2.0;
+  }
+}
+
+float getXRadian(float y, float r) {
+  return atan(y / r);
+}
+
+void main() {
+  vec3 size = a_Size * a_Position;
+
+  vec3 offset = size; // 控制圆柱体的大小 - 从标准单位圆柱体进行偏移
+
+  if (u_heightfixed < 1.0) {
+    // 圆柱体不固定高度
+  } else {
+    // 圆柱体固定高度 （ 处理 mapbox ）
+    if (
+      u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT ||
+      u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET
+    ) {
+      offset *= 4.0 / pow(2.0, 21.0 - u_Zoom);
+    }
+  }
+
+  vec2 positions = a_Extrude.xy;
+  vec2 positions64Low = a_Extrude.zw;
+  vec4 project_pos = project_position(vec4(positions, 0.0, 1.0), positions64Low);
+
+  // u_r 控制圆柱的生长
+  vec4 pos = vec4(project_pos.xy + offset.xy, offset.z * u_r, 1.0);
+
+  // // 圆柱光照效果
+  float lightWeight = 1.0;
+
+  if (u_lightEnable > 0.0) {
+    // 取消三元表达式，增强健壮性
+    lightWeight = calc_lighting(pos);
+  }
+
+  v_lightWeight = lightWeight;
+
+  v_color = a_Color;
+
+  // 设置圆柱的底色
+  if (u_linearColor == 1.0) {
+    // 使用渐变颜色
+    v_color = mix(u_sourceColor, u_targetColor, a_Position.z);
+    v_color.a = v_color.a * opacity;
+  } else {
+    v_color = vec4(a_Color.rgb * lightWeight, a_Color.w * opacity);
+  }
+
+  if (u_opacitylinear > 0.0) {
+    v_color.a *= u_opacitylinear_dir > 0.0 ? 1.0 - a_Position.z : a_Position.z;
+  }
+
+  gl_Position = project_common_position_to_clipspace(pos);
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/fill/fill_frag.glsl

@@ -0,0 +1,97 @@
+layout(std140) uniform commonUniforms {
+  vec3 u_blur_height_fixed;
+  float u_stroke_width;
+  float u_additive;
+  float u_stroke_opacity;
+  float u_size_unit;
+  float u_time;
+  vec4 u_animate;
+};
+
+in vec4 v_color;
+in vec4 v_stroke;
+in vec4 v_data;
+in float v_radius;
+
+#pragma include "scene_uniforms"
+#pragma include "sdf_2d"
+#pragma include "picking"
+
+out vec4 outputColor;
+
+void main() {
+  int shape = int(floor(v_data.w + 0.5));
+  lowp float antialiasblur = v_data.z;
+  float r = v_radius / (v_radius + u_stroke_width);
+
+  float outer_df;
+  float inner_df;
+  // 'circle', 'triangle', 'square', 'pentagon', 'hexagon', 'octogon', 'hexagram', 'rhombus', 'vesica'
+  if (shape == 0) {
+    outer_df = sdCircle(v_data.xy, 1.0);
+    inner_df = sdCircle(v_data.xy, r);
+  } else if (shape == 1) {
+    outer_df = sdEquilateralTriangle(1.1 * v_data.xy);
+    inner_df = sdEquilateralTriangle(1.1 / r * v_data.xy);
+  } else if (shape == 2) {
+    outer_df = sdBox(v_data.xy, vec2(1.0));
+    inner_df = sdBox(v_data.xy, vec2(r));
+  } else if (shape == 3) {
+    outer_df = sdPentagon(v_data.xy, 0.8);
+    inner_df = sdPentagon(v_data.xy, r * 0.8);
+  } else if (shape == 4) {
+    outer_df = sdHexagon(v_data.xy, 0.8);
+    inner_df = sdHexagon(v_data.xy, r * 0.8);
+  } else if (shape == 5) {
+    outer_df = sdOctogon(v_data.xy, 1.0);
+    inner_df = sdOctogon(v_data.xy, r);
+  } else if (shape == 6) {
+    outer_df = sdHexagram(v_data.xy, 0.52);
+    inner_df = sdHexagram(v_data.xy, r * 0.52);
+  } else if (shape == 7) {
+    outer_df = sdRhombus(v_data.xy, vec2(1.0));
+    inner_df = sdRhombus(v_data.xy, vec2(r));
+  } else if (shape == 8) {
+    outer_df = sdVesica(v_data.xy, 1.1, 0.8);
+    inner_df = sdVesica(v_data.xy, r * 1.1, r * 0.8);
+  }
+
+  float opacity_t = smoothstep(0.0, antialiasblur, outer_df);
+
+  float color_t = u_stroke_width < 0.01 ? 0.0 : smoothstep(antialiasblur, 0.0, inner_df);
+
+  float PI = 3.14159;
+  float N_RINGS = 3.0;
+  float FREQ = 1.0;
+
+  if (u_stroke_width < 0.01) {
+    outputColor = v_color;
+  } else {
+    outputColor = mix(v_color, v_stroke * u_stroke_opacity, color_t);
+  }
+  float intensity = 1.0;
+  if (u_time != -1.0) {
+    //wave相关逻辑
+    float d = length(v_data.xy);
+    if (d > 0.5) {
+      discard;
+    }
+    intensity =
+      clamp(cos(d * PI), 0.0, 1.0) *
+      clamp(cos(2.0 * PI * (d * 2.0 * u_animate.z - u_animate.y * u_time)), 0.0, 1.0);
+  }
+
+  if (u_additive > 0.0) {
+    outputColor *= opacity_t;
+    outputColor *= intensity; //wave
+    outputColor = filterColorAlpha(outputColor, outputColor.a);
+  } else {
+    outputColor.a *= opacity_t;
+    outputColor.a *= intensity; //wave
+    outputColor = filterColor(outputColor);
+  }
+  // 作为 mask 模板时需要丢弃透明的像素
+  if (outputColor.a < 0.01) {
+    discard;
+  }
+}

package/lib/point/shaders/fill/fill_vert.glsl

@@ -0,0 +1,79 @@
+layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;
+layout(location = ATTRIBUTE_LOCATION_POSITION_64LOW) in vec2 a_Position64Low;
+layout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;
+layout(location = ATTRIBUTE_LOCATION_SIZE) in float a_Size;
+layout(location = ATTRIBUTE_LOCATION_SHAPE) in float a_Shape;
+layout(location = ATTRIBUTE_LOCATION_EXTRUDE) in vec3 a_Extrude;
+
+layout(std140) uniform commonUniforms {
+  vec3 u_blur_height_fixed;
+  float u_stroke_width;
+  float u_additive;
+  float u_stroke_opacity;
+  float u_size_unit;
+  float u_time;
+  vec4 u_animate;
+};
+
+out vec4 v_color;
+out vec4 v_stroke;
+out vec4 v_data;
+out float v_radius;
+
+#pragma include "projection"
+#pragma include "picking"
+#pragma include "rotation_2d"
+
+void main() {
+  // 透明度计算
+   v_stroke = stroke;
+  vec3 extrude = a_Extrude;
+  float shape_type = a_Shape;
+  /*
+  *  setPickingSize 设置拾取大小
+  *  u_meter2coord 在等面积大小的时候设置单位
+  */
+  float newSize = setPickingSize(a_Size);
+  // float newSize = setPickingSize(a_Size) * 0.00001038445708445579;
+
+
+
+  // unpack color(vec2)
+  v_color = vec4(a_Color.xyz, a_Color.w * opacity);
+
+  if(u_size_unit == 1.0) {
+    newSize = newSize  * u_PixelsPerMeter.z;
+  }
+
+   v_radius = newSize;
+
+  // anti-alias
+  //  float antialiased_blur = -max(u_blur, antialiasblur);
+  float antialiasblur = -max(2.0 / u_DevicePixelRatio / newSize, u_blur_height_fixed.x);
+
+  vec2 offset = (extrude.xy * (newSize + u_stroke_width) + u_offsets);
+
+  offset = project_pixel(offset);
+  offset = rotate_matrix(offset,rotation);
+
+  // TODP: /abs(extrude.x) 是为了兼容地球模式
+  v_data = vec4(extrude.x/abs(extrude.x), extrude.y/abs(extrude.y), antialiasblur,shape_type);
+
+  vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0), a_Position64Low);
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
+
+  float raisingHeight = u_blur_height_fixed.y;
+
+  if(u_blur_height_fixed.z < 1.0) { // false
+    raisingHeight = project_pixel(u_blur_height_fixed.y);
+  } else {
+     if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
+      raisingHeight = u_blur_height_fixed.y * mapboxZoomScale;
+    }
+  }
+
+  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, raisingHeight, 1.0));
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/fillImage/fillImage_frag.glsl

@@ -0,0 +1,23 @@
+in vec2 v_uv;// 本身的 uv 坐标
+in vec2 v_Iconuv;
+in float v_opacity;
+out vec4 outputColor;
+
+uniform sampler2D u_texture;
+layout(std140) uniform commonUniform {
+  vec2 u_textSize;
+  float u_heightfixed: 0.0;
+  float u_raisingHeight: 0.0;
+  float u_size_unit;
+};
+
+#pragma include "scene_uniforms"
+#pragma include "sdf_2d"
+#pragma include "picking"
+
+void main() {
+  vec2 pos = v_Iconuv / u_textSize + v_uv / u_textSize * 64.;
+  outputColor = texture(SAMPLER_2D(u_texture), pos);
+  outputColor.a *= v_opacity;
+  outputColor = filterColor(outputColor);
+}

package/lib/point/shaders/fillImage/fillImage_vert.glsl

@@ -0,0 +1,46 @@
+layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;
+layout(location = ATTRIBUTE_LOCATION_POSITION_64LOW) in vec2 a_Position64Low;
+layout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;
+layout(location = ATTRIBUTE_LOCATION_SIZE) in float a_Size;
+layout(location = ATTRIBUTE_LOCATION_EXTRUDE) in vec3 a_Extrude;
+layout(location = ATTRIBUTE_LOCATION_UV) in vec2 a_Uv;
+
+layout(std140) uniform commonUniform {
+  vec2 u_textSize;
+  float u_heightfixed;
+  float u_raisingHeight;
+  float u_size_unit;
+};
+
+out vec2 v_uv;
+out vec2 v_Iconuv;
+out float v_opacity;
+
+#pragma include "projection"
+#pragma include "picking"
+#pragma include "rotation_2d"
+
+void main() {
+  vec3 extrude = a_Extrude;
+  v_uv = (a_Extrude.xy + 1.0) / 2.0;
+  v_uv.x = 1.0 - v_uv.x;
+  v_uv.y = 1.0 - v_uv.y;
+  v_Iconuv = a_Uv;
+  v_opacity = opacity;
+  float newSize = a_Size;
+  if (u_size_unit == 1.0) {
+    newSize = newSize * u_PixelsPerMeter.z;
+  }
+
+  // vec2 offset = (u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);
+  vec2 offset = extrude.xy * newSize + offsets;
+
+  offset = rotate_matrix(offset, rotation);
+
+  offset = project_pixel(offset);
+
+  vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0), a_Position64Low);
+  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/image/image_frag.glsl

@@ -0,0 +1,45 @@
+layout(std140) uniform commonUniforms {
+  vec2 u_textSize;
+  float u_raisingHeight;
+  float u_heightfixed;
+};
+
+uniform sampler2D u_texture;
+
+in vec4 v_color;
+in vec2 v_uv;
+in float v_opacity;
+
+#pragma include "picking"
+
+out vec4 outputColor;
+
+void main() {
+  vec2 pos = v_uv / u_textSize + gl_PointCoord / u_textSize * 64.0;
+  vec4 textureColor;
+
+  // Y = 0.299R + 0.587G + 0.114B // 亮度提取
+
+  textureColor = texture(SAMPLER_2D(u_texture), pos);
+
+  // Tip: 去除边缘部分 mipmap 导致的混合变暗
+  float fragmengTocenter = distance(vec2(0.5), gl_PointCoord);
+  if (fragmengTocenter >= 0.5) {
+    float luma = 0.299 * textureColor.r + 0.587 * textureColor.g + 0.114 * textureColor.b;
+    textureColor.a *= luma;
+  }
+
+  if (
+    all(lessThan(v_color, vec4(1.0 + 0.00001))) && all(greaterThan(v_color, vec4(1.0 - 0.00001))) ||
+    v_color == vec4(1.0)
+  ) {
+    outputColor = textureColor;
+  } else {
+    outputColor = step(0.01, textureColor.z) * v_color;
+  }
+  outputColor.a *= v_opacity;
+  if (outputColor.a < 0.01) {
+    discard;
+  }
+  outputColor = filterColor(outputColor);
+}