第四章：粒子运动 灯

粒子系统：

游戏大作业里，环境下粒子系统可以用来描述烟雾，火花等，但那次特效制作后我就觉得自己做不好，因为不仅仅是代码效果像，还要很有想象力。

现在我还记得当时有个爆炸效果我做的只有一些粒子模拟爆炸散开

。

而人家做的是：外层烟花，内层火花，冲击波，灰尘，烟雾。。。。

所以。。技术再好。没有美感的培养怎么好，东西再做也是丑。于是这一次，我不追求技术了，就用简单的原理把效果，颜色搞得漂亮一点

结果如下：

5.png

粒子本身的行为很简单，向上运动就好，再模拟一下重力与浮力，但是效果不大

灯光效果还是得一点东西的嘛：

主要是渲染那种模糊的感觉，既然是模糊，就高斯模糊咯

Particle.prototype.updateLight = function () {

this.distance = 125 + this.amplitude * sin(this.aliveTime / this.period);

for (var y = 0; y < this.image.height; y++) {

for (var x = 0; x < this.image.width; x++) {

var distance = (sq(this.center - x) + sq(this.center - y)) / this.distance;

var id = (x + y * this.image.width) * 4;

this.image.pixels[id] = 80 / distance;

this.image.pixels[id + 1] = 30 / distance;

this.image.pixels[id + 2] = 10 / distance;

this.image.pixels[id + 3] = 255 / distance;

}

}

this.image.updatePixels();

};