Simple Particle —— 简单的粒子系统，支持 dom 和 canvas 模式，动态更新粒子位置、速度、方向和颜色
Demo1:
Demo2:
点击以下区域开始/暂停运动
Demo3:
点击以下区域开始/暂停运动
Demo4:
点击以下区域开始/暂停运动
Demo5:
点击以下区域开始/暂停运动
Demo6:
options:
| 参数名 |
类型 |
默认值 |
说明 |
| mode |
string |
dom |
渲染模式：dom 或者 canvas |
| clearCanvas |
boolean |
true |
渲染方式为canvas时，每次更新是否清除屏幕，为false可创造尾巴效果，参见demo4 |
| auto |
boolean |
true |
是否自动开始运动 |
| createNew |
function |
return true |
是否持续创建新粒子 |
| particlesNum |
number |
10000 |
最大粒子数 |
| duration |
number |
20 |
更新频率 |
| effectors |
function |
[] |
附近粒子效果，参见Demo3盒子效果 |
| particle |
Particle |
|
粒子对象属性，见下表 |
| particles |
Array |
null |
初始设置粒子Particle集合(不会创建新的粒子)，Particle = $(dom).simpleParticles("createParticle", particle's option)
|
| updateProperty |
array |
[true, true] |
是否按生命比率更新[颜色,大小] |
| gravity |
array |
[0, 100] |
x、y方向的重力 |
| acceleration |
array |
[0, 100] |
x、y方向的加速度 |
| lineColor |
string |
#5B8FEF |
连线颜色 |
| initEmtr |
function |
null |
粒子发射源初始执行方法，可用于emtrTrail扩展参数。参数:（发射源Particle对象) |
| emtrTrail |
function |
null |
粒子发射源运动轨迹函数。参数:（发射源Particle对象) |
| onStart |
function |
null |
粒子渲染前执行的函数。参数：（Particles粒子集合对象, 发射源Particle对象） |
Particle options:
| 参数名 |
类型 |
默认值 |
说明 |
| position |
array |
容器中央 |
初始位置数组[x,y]，如:[[100,200], [10,30]] |
| speed |
array |
[100, 100] |
初始x,y速度大小数组[vx,vy],或指定随机范围如:[[100,200], [10,30]] |
| color |
string || array |
random |
[R,G,B]初始颜色，或指定随机范围如:[[0,0,1], [1,0,0]]，["white", "red"] |
| angle |
number || array |
[0, Math.PI * 2] |
初始x,y速度方向，范围0-2π,默认0-2π随机(3点钟方向为0度，顺时针加) |
| life |
number |
2 |
生命周期（秒），初始生命0 |
| size |
number |
8 |
粒子初始大小 |
| node |
string |
|
mode=dom时粒子dom结构 |
Method:
| 方法名 |
定义 |
说明 |
| start/stop/pause/resume/toggle |
function() |
系统开始/停止/暂停/恢复/toggle |
| settings |
function() |
动态更新参数，参见demo5 |
| createParticle |
function() |
动态创建粒子，参见demo5 |
| destory |
function() |
摧毁 |