粒子系统 - 烟囱烟雾运动方向

时间:2013-04-24 23:22:21

标签: javascript css particle-system

所以我一直在寻找并改变这个粒子系统上的代码一段时间

FIDDLE

我尝试使用以下方法来计算粒子运动:

'left' : canvas_width * Math.floor(Math.random() * 101) / 100,
'top' : canvas_height * Math.floor(Math.random() * 101) / 100, 

但到目前为止,只能让圈子上下移动。

我想做的是让圈子(将在CSS中使用云图像)向上移动到正确的运动,模拟从烟囱冒出的烟雾。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我相信这只是起始位置,你想改变听起来的速度。它的电流随机上下左右。如果您只想要向上和向右,请尝试更类似的内容:

'x-velocity' : getRandomInt(0, max_velocity*100) / 100, 
'y-velocity' : getRandomInt(-max_velocity*100, 0) / 100 }

所以现在x速度只会是正(右),而y速度只会是负(向上)。

http://jsfiddle.net/BMwnf/1/