【從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粒子參數,后續會更新

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,882評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,208評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,746評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,666評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,477評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,960評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,047評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,200評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,726評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,617評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,807評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,327評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,049評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,425評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,674評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,432評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,769評論 2 372