【从0开始学Laya】14-2D粒子

项目中经常会使用到粒子，比如做雨滴，拖尾特效等。
原理就是使用单张图片，通过不断的变换参数，来生成大量的不同参数的原图片。
这节我们来学习laya的2d粒子，以及各个粒子参数的具体定义

首先，新建一个粒子文件

新建粒子文件

接下来，具体看下laya的2d粒子参数

1.常用

textureName：粒子元贴图
textureCount：贴图个数
maxPartices：最大粒子数
backColor：背景色
bg：背景贴图

2.通用

duration：单个粒子持续时间 0~20 （单位：秒）
ageAddScale：粒子生存时间随机比例 0~10,（如果大于0，某些粒子的持续时间会小于其他粒子,并具有随机性）
emitterVelocitySensitivity：粒子速度敏感度 0~100 （需在自定义发射器中编码设置）

3.尺寸设置

minStartSize：起始最小尺寸 0~100
maxStartSize：起始最大尺寸 0~100
minEndSize：结束最小尺寸 0~100
maxEndSize：结束最大尺寸 0~100

4.发射范围

positionVariance
0：x范围
1：y范围
2：z范围

5.重力模式参数

minHorizontalV：最小水平速度
maxHorizontalV：最大水平速度
minVerticalVelo：最小垂直速度
mVerticalVelo：最大垂直速度
endVelocity：结束速度比例

gravity
0：重力x
1：重力y
2：重力z

6.半径模式参数

半径参数
minRotateSpeed：最小旋转速度
maxRotateSpeed：最大旋转速度
minStartRadius：起始最小半径 0~500
maxStartRadius：起始最大半径 0~500
minEndRadius：结束最小半径 0~500
maxEndRadius：结束最大半径 0~500

开始弧度
minHorizontalStartRadian：最小水平弧度
maxHorizontalStartRadian：最大水平弧度
minVerticalStartRadian：最小垂直弧度
maxVerticalStartRadian：最大垂直弧度

结束弧度
useEndRadian：结束与起始弧度保持一致（false），使用结束弧度（true）
minHorizontalEndRadian：最小水平弧度
maxHorizontalEndRadian：最大水平弧度
minVerticalEndRadian：最小垂直弧度
maxVerticalEndRadian：最大垂直弧度

7.颜色变化参数

minStartColor：起始最小颜色
maxStartColor：起始最大颜色
minEndColor：结束最小颜色
maxEndColor：结束最大颜色

apha：透明度 0~1
red：红色通道 0~1
green：绿色通道 0~1
blue：蓝色通道 0~1
可以自行根据0~255的颜色值来换算比例

8.其他

blendState：混合模式,待调整，引擎中暂无BlendState抽象
colorComponentInter：RGBA整体插值（false），分量插值（true）
disableColor：使用上述自定义的颜色参数（false），使用元图颜色数据（true）

9.使用粒子

通过加载粒子文件->获取粒子发射器->发射粒子->播放粒子

private loadPartical()
{
    Laya.loader.load("partical.part", Laya.Handler.create(this, this.onAssetsLoaded), null, Laya.Loader.JSON);
}

public onAssetsLoaded(settings: Laya.ParticleSetting): void {
    var sp = new Laya.Particle2D(settings) as Laya.Particle2D;
    //粒子发射器开始发射粒子
    sp.emitter.start();
    sp.play();
    Laya.stage.addChild(sp);

    sp.x = Laya.stage.width / 2;
    sp.y = Laya.stage.height / 2;
}

从代码中可以看出，2d粒子初始化的时候需要传入粒子参数Laya.ParticleSetting，所以如果想要自己用代码的方式创建粒子，只要手动写一个粒子参数Laya.ParticleSetting即可，个人不推荐哈，毕竟可视化调节还是比较直观方便。

10.自定义发射器

emitterType
如果有细心点的小伙伴，肯定发现了一个问题，那就是2d粒子的发射器没法设置，默认为null，
然而查看引擎代码，发现发射器类型有4种,"point","box","sphere","ring"，点发射器、盒发射器、球发射器、环发射器，这个属于3d粒子参数，后续会更新

最后编辑于：2020.05.03 20:11:24