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