108 lines
2.6 KiB
Markdown
108 lines
2.6 KiB
Markdown
|
## 初始化
|
|||
|
|
|
|||
|
|
通过RES模块获得 GravityParticleSystem 所需要的纹理以及配置，然后创建particle.GravityParticleSystem对象。注：纹理和配置需要加载过的
|
|||
|
|
|
|||
|
|
``` typescript
|
|||
|
|
var texture = RES.getRes("texture");
|
|||
|
|
var config = RES.getRes("texture_json");
|
|||
|
|
this.system = new particle.GravityParticleSystem(texture, config);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 配置文件
|
|||
|
|
|
|||
|
|
* GravityParticleSystem 构造函数所传入的配置是一个Object对象，包含了 GravityParticleSystem 所需的各个参数，这些参数都是都是必须的。
|
|||
|
|
|
|||
|
|
* 配置文件可以是json，通过RES模块加载之后可以直接使用。也可以是从服务端请求的数据对象，还可以是xml或者其他格式的配置文件通过自定义解析生成的数据对象。
|
|||
|
|
|
|||
|
|
下面以json的配置文件为例，配置文件中的参数命名基本上和 GravityParticleSystem 中的属性名称一致
|
|||
|
|
|
|||
|
|
``` typescript
|
|||
|
|
{
|
|||
|
|
"emitter": {
|
|||
|
|
"x": 240,
|
|||
|
|
"y": 600
|
|||
|
|
},
|
|||
|
|
"emitterVariance": {
|
|||
|
|
"x": 104,
|
|||
|
|
"y": 0
|
|||
|
|
},
|
|||
|
|
"gravity": {
|
|||
|
|
"x": 0,
|
|||
|
|
"y": 0
|
|||
|
|
},
|
|||
|
|
"maxParticles": 500,
|
|||
|
|
"speed": 90,
|
|||
|
|
"speedVariance": 30,
|
|||
|
|
"lifespan": 2000,
|
|||
|
|
"lifespanVariance": 1900,
|
|||
|
|
"emitAngle": 270,
|
|||
|
|
"emitAngleVariance": 15,
|
|||
|
|
"startSize": 70,
|
|||
|
|
"startSizeVariance": 50,
|
|||
|
|
"endSize": 10,
|
|||
|
|
"endSizeVariance": 0,
|
|||
|
|
"startRotation": 0,
|
|||
|
|
"startRotationVariance": 0,
|
|||
|
|
"endRotation": 0,
|
|||
|
|
"endRotationVariance": 0,
|
|||
|
|
"radialAcceleration": 0,
|
|||
|
|
"radialAccelerationVariance": 0,
|
|||
|
|
"tangentialAcceleration": 0,
|
|||
|
|
"tangentialAccelerationVariance": 0
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 启动
|
|||
|
|
|
|||
|
|
通过 start 函数启动粒子系统
|
|||
|
|
|
|||
|
|
``` typescript
|
|||
|
|
this.system.start();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 停止
|
|||
|
|
|
|||
|
|
通过 `stop` 函数停止粒子系统
|
|||
|
|
|
|||
|
|
``` typescript
|
|||
|
|
this.system.stop();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 更换纹理
|
|||
|
|
|
|||
|
|
通过 `changeTexture` 函数更换粒子纹理
|
|||
|
|
|
|||
|
|
``` typescript
|
|||
|
|
var newTexture = RES.getRes("newTexture");
|
|||
|
|
this.system.changeTexture(newTexture);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 创建示例
|
|||
|
|
|
|||
|
|
通过以下代码可以创建粒子系统并启动
|
|||
|
|
|
|||
|
|
``` typescript
|
|||
|
|
//获取纹理
|
|||
|
|
var texture = RES.getRes("texture");
|
|||
|
|
|
|||
|
|
//获取配置
|
|||
|
|
var config = RES.getRes("texture_json");
|
|||
|
|
|
|||
|
|
//创建 GravityParticleSystem
|
|||
|
|
this.system = new particle.GravityParticleSystem(texture, config);
|
|||
|
|
|
|||
|
|
//启动粒子库
|
|||
|
|
this.system.start();
|
|||
|
|
|
|||
|
|
//将例子系统添加到舞台
|
|||
|
|
this.addChild(this.system);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 粒子系统相关链接
|
|||
|
|
|
|||
|
|
[粒子系统传统显示示例](http://edn.egret.com/cn/article/index/id/43)
|
|||
|
|
|
|||
|
|
[粒子系统WebGL显示示例](http://static.egret-labs.org/egret-game/example/webgl/particle/index.html)
|
|||
|
|
|
|||
|
|
[粒子系统示例源码](https://github.com/egret-labs/egret-game-library/tree/master/particle)
|