美文网首页
【从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