15、探索粒子轨迹的多彩世界与移动设备交互

探索粒子轨迹的多彩世界与移动设备交互

1. 为粒子轨迹赋予不同颜色和形状

我们可以在之前示例的基础上，开始对粒子轨迹的颜色和形状进行实验。为点状流场添加颜色的最简单方法，是在 Particle 类中添加一个颜色变量，并使用随机颜色对其进行初始化。

constructor() {
    // as before...
    this.color = [random(0, 255), 50, random(120, 255)];
}

display() {
    // add a consistent fill color to the dot
    fill(this.color);
    // as before...
}

通过修改 Particle 类的构造函数和显示函数，为粒子的点添加了一致的填充颜色，最终呈现出从粉色到紫色再到蓝色的点状轨迹。

接下来，我们可以创建一个更有趣的调色板。我们可以预先选择一系列有趣的颜色，并为每种颜色赋予一个权重。这样，某些颜色在调色板中出现的频率会更高。

// selected colors as RGB values
let color1 = [255, 64, 85],
    color2 = [26, 40, 89],
    color3 = [26, 78, 91],
    color4 = [44, 91, 99],
    color5 = [123, 54,