API Docs for: 1.2
Show:

AnimationSprite Class

Extends GameObject

支援播放連續圖片的Sprite

Constructor

AnimationSprite

(
  • options
)

Parameters:

  • options Object

    options.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為非必要項

Methods

resume

()

繼續播放AnimationSprite, 若未曾停止, 則不會發生任何事情

start

(
  • options
)

開始播放設定好的AnimationSprite

Parameters:

  • options Object

    options.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, 若已經停止, 則不會發生任何事情

Properties

height

Number

Inherited from GameObject:

絕對寬度的getter/setter

Default: 0

lowerLeft

Number

Inherited from GameObject:

絕對位置左下角的getter

Default: 0

lowerRight

Number

Inherited from GameObject:

絕對位置右下角的getter

Default: 0

position

Object

Inherited from GameObject:

相對位置的getter/setter

Default: { x: 0, y: 0 }

rotation

Number

Inherited from GameObject:

相對旋轉角度的getter/setter

Default: 0

scale

Number

Inherited from GameObject:

相對放大縮小的getter/setter

Default: 1

upperLeft

Number

Inherited from GameObject:

絕對位置左上角的getter

Default: 0

upperRight

Number

Inherited from GameObject:

絕對位置右上角的getter

Default: 0

width

Number

Inherited from GameObject:

絕對寬度的getter/setter

Default: 0