风场可视化：随机重置

引子

在绘制轨迹的效果中，过一段时间就会发现，最后只剩下固定的几条轨迹，原文中也提到了这种现象，也提供了解决思路，个人还是想结合源码再看看。

• 源库：webgl-wind

• Origin

• My GitHub

原因

随着时间推移，有些粒子产生的偏移超过了范围就会消失，所以需要随机重置消失的风粒子。

解决方案

需要考虑的问题有：

• 什么时候重置？
• 重置的判断条件是什么？
• 重置的方式是什么？

什么时候重置？

在绘制轨迹中，我们知道了产生的偏移是在最后更新粒子纹理信息阶段，这个时机判断保留新的粒子状态还是重置比较合适。

重置的判断条件是什么？

相关的主要逻辑如下：

const updateFrag = `
uniform float u_rand_seed;
uniform float u_drop_rate;
uniform float u_drop_rate_bump;

// pseudo-random generator
const vec3 rand_constants = vec3(12.9898, 78.233, 4375.85453);
float rand(const vec2 co) {
    float t = dot(rand_constants.xy, co);
    return fract(sin(t) * (rand_constants.z + t));
}

void main() {
  vec4 color = texture2D(u_particles, v_tex_pos);
  vec2 pos = vec2(
      color.r / 255.0 + color.b,
      color.g / 255.0 + color.a); // decode particle position from pixel RGBA

  vec2 velocity = mix(u_wind_min, u_wind_max, lookup_wind(pos));
  float speed_