美文网首页
【从0开始学Laya】14-2D粒子

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

作者: 会奔跑的蘑菇 | 来源:发表于2020-05-03 19:26 被阅读0次

项目中经常会使用到粒子,比如做雨滴,拖尾特效等。
原理就是使用单张图片,通过不断的变换参数,来生成大量的不同参数的原图片。
这节我们来学习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粒子参数,后续会更新

相关文章

网友评论

      本文标题:【从0开始学Laya】14-2D粒子

      本文链接:https://www.haomeiwen.com/subject/wjqjghtx.html