《cocos2d-js教學》2cocos2d-js - particl_第1頁
《cocos2d-js教學》2cocos2d-js - particl_第2頁
《cocos2d-js教學》2cocos2d-js - particl_第3頁
《cocos2d-js教學》2cocos2d-js - particl_第4頁
《cocos2d-js教學》2cocos2d-js - particl_第5頁
已閱讀5頁,還剩29頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、Cocos2d-JS 粒子系統鮑健運 Cocos引擎技術布道師,觸控教育簡介簡介 粒子系統用于模擬一些特定的模糊現象 例如火、爆炸、煙、落葉、雪、霧、云、流星等。 粒子可以使用一個小圖片或者一個純色塊來表示 粒子可以根據設置,指定生成速度和更新間隔,在指定位置生成粒子,并初始化粒子的速度、顏色、透明度、生命周期等參數。 粒子在生命周期內,會模擬實際物理規律,不斷更新位置和速度等特性,而超出生命周期后就會自動消失。ParticleSystem類ParticleSystem類 新建一個基本ParticleSystem 光光這些是沒有任何效果的!需要對其設置這些是沒有任何效果的!需要對其設置屏幕中同

2、時存在粒子數量的上限通過圖片設置粒子的紋理ParticleSystem類 粒子系統的主要屬性 duration:發射器生存時間,即它發射粒子的時間注意:這個時間與粒子的生存時間不同,單位為秒,-1表示永遠 emissionRate: 每秒噴發的粒子數量 emitterMode:噴發器模式:重力模式(GRAVITY)和半徑模式(RADIUS) totalParticles:場景中存在的最大粒子數目一般與emissionRate配合使用 isAutoRemoveOnFinish:粒子結束時是否自動刪除ParticleSystem類 重力模式的屬性 gravity:重力 radiaAccel:粒子徑

3、向加速度(平行于重力方向) radiaAccelVar:粒子徑向加速度變化范圍即粒子徑向加速度值為(radiaAccel-radiaAccelVar)到(radiaAccel+radiaAccelVar)之間,之后類似 speed:速度 speedVar:速度變化范圍 tangentialAccel:粒子切向加速度(垂直于重力方向) tangentialAccelVar:粒子切向加速度變化范圍ParticleSystem類 半徑模式的屬性 endRadius:結束半徑 endRadiusVar:結束半徑范圍 rotatePerSecond:粒子每秒圍繞起始點的旋轉角度 rotatePerSec

4、ondVar:粒子每秒圍繞起始點的旋轉角度變化范圍 startRadius:初始半徑 startRadiusVar:初始半徑變化范圍ParticleSystem類 生命屬性 life:粒子生命,即粒子的生存時間 lifeVar:粒子生命變化范圍 大小屬性 endSize:粒子結束時的大小,-1表示與初始大小一致 endSizeVar:粒子結束大小的變化范圍 startSize:粒子初始時的大小 startSizeVar:粒子初始大小的變化范圍ParticleSystem類角度屬性angle:粒子角度angleVar:粒子角度的變化范圍顏色屬性endColor:粒子結束顏色endColorVar

5、:粒子結束顏色變化范圍startColor:粒子初始顏色startColorVar:粒子初始顏色變化范圍如不需要五顏六色效果,endColorVar與startColorVar都設置為cc.color(0,0,0,0)ParticleSystem類 位置屬性 positionType:粒子位置類型: 自由模式(Free),相對于屏幕自由,不隨粒子節點移動,如火焰、蒸汽等特效 相對模式(Relative),隨粒子節點移動而移動,如移動角色身上的特效等 打組模式(Grouped),隨粒子發射器移動而移動 posVar:發射器位置的變化范圍(橫向和縱向) sourcePosition:發射器原始坐標

6、位置ParticleSystem類 自旋屬性 endSpin:粒子結束自旋角度 endSpinVar:粒子結束自旋角度的變化范圍 startSpin:粒子開始自旋角度 startSpinVar:粒子開始自旋角度的變化范圍ParticleSystem類 發現: 自定義實現一個粒子系統,需要設置相當多的參數! 示例: 旋轉噴射五顏六色星星的實例Cocos2d-JS內置現成粒子效果內置現成粒子效果 煙花:內置現成粒子效果 火焰:內置現成粒子效果 太陽:根據需要調整縮放尺寸內置現成粒子效果 銀河:內置現成粒子效果 花:內置現成粒子效果 雪:內置現成粒子效果 雨:內置現成粒子效果 流星:內置現成粒子效果 煙:內置現成粒子效果 螺旋:內置現成粒子效果 爆炸:可視化粒子編輯器可視化粒子編輯器 在線 Particle Editor:可視化粒子編輯器可視化粒子編輯器 在代碼中加載編輯后的粒子文件 導出的文件為zip包,只取用和,放到同一資源目錄中,如/res 添加代碼:可視化粒子編輯器 效果:粒子的銷毀粒子的銷毀 針對無限循環的粒子 stopSystem 停止后,需要從節點移除粒子系統 針對播放有限次數的粒子 setAutoRemoveOnFinish 自動銷毀

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論