前言

在Cocos Creator游戲開(kāi)發(fā)的過(guò)程中我們進(jìn)行需要使用動(dòng)畫(huà)效果，雖然可以通過(guò)動(dòng)畫(huà)編輯器編輯動(dòng)畫(huà)效果，但是有時(shí)候用戶想更靈活的控制幀動(dòng)畫(huà)的效果，就需要自己封裝幀動(dòng)畫(huà)組件。

一、幀動(dòng)畫(huà)播放組件

1: creator播放幀動(dòng)畫(huà)需要通過(guò)動(dòng)畫(huà)編輯器去制作;

2: 為了方便控制和使用加入幀動(dòng)畫(huà)代碼播放組件;

3: 屬性設(shè)置:

1. sprite_frames: 幀動(dòng)畫(huà)所用到的所有的幀;

2. duration: 每幀的時(shí)間間隔;

3. loop: 是否循環(huán)播放;

4. play_onload: 是否加載組件的時(shí)候播放;

4: 接口設(shè)置:

1. play_once(end_func); // 播放結(jié)束后的回掉函數(shù);

2. play_loop(); // 循環(huán)播放;

二、幀動(dòng)畫(huà)播放原理

1: 對(duì)的時(shí)間播放顯示對(duì)的圖片:

假設(shè)以三幀動(dòng)畫(huà)為例，時(shí)間間隔就是duration,

三、自己封裝幀動(dòng)畫(huà)組件

四、測(cè)試封裝的幀動(dòng)畫(huà)組件

勾選PlayOnLoad和去掉的區(qū)別，勾選Loop和去掉的區(qū)別，可以發(fā)現(xiàn)預(yù)加載和循環(huán)播放。如何在代碼中控制？

新建GameMgr.ts掛載到Canvas節(jié)點(diǎn)上****。

附：更多教學(xué)視頻及源碼素材
https://www.bycwedu.com/promotion_channels/829468798