AnimationSprite Class
支援播放連續圖片的Sprite
Constructor
AnimationSprite
(
-
options
Parameters:
-
options
Objectoptions.url為要載入的圖片, 當url為一個Array時表示為零散的多張圖片, 當為string時表示是一張大張的連續動作圖, 故需要在提供大張連續圖的row和col. options.speed可以設定這個Sprite播放的速度(fps), options.loop 則可以設定這個Sprite是否需要不斷重複播放
Example:
new Framework.AnimationSprite({url:['image1.png', 'image2.bmp']}); //多張圖片
new Framework.AnimationSprite({url:' bigImage.png', col: 10 , row: 7 , loop: true , speed: 6}); //只有一張大型的連續動作圖,speed和loop為非必要項
Item Index
Properties
Methods
resume
()
繼續播放AnimationSprite, 若未曾停止, 則不會發生任何事情
start
(
-
options
開始播放設定好的AnimationSprite
Parameters:
-
options
Objectoptions.from和options.to表示要從第幾張播放到第幾張, 若to < from表示要倒著播放, 可以在此設定要被播放的速度和是否重複播放, finishPlaying可以設定播放完畢後是否要有callback (loop: true時, 此callback永遠不會被執行)
Example:
start({from:3, to: 5}); //從第三張圖片播放到第五張
start({from:6, to: 1}); //倒著從第六張圖片播放到第一張
start({from:6, to: 1, loop: false, speed: 1, finishPlaying: function(){
console.log('finish');
}});
stop
()
停止播放AnimationSprite, 若已經停止, 則不會發生任何事情