Class ANIMATE_APP.classes.Animation
Defined in: anime.js.
Constructor Attributes | Constructor Name and Description |
---|---|
ANIMATE_APP.classes.Animation(target, option)
photoのアニメーション
targetのimg0番目のwidth()を取得するので、非表示になっていないことが前提。非表示に鳴っている場合はoption.viewSizeで指定する。
|
Method Attributes | Method Name and Description |
---|---|
changeDirection(reverse)
再生方向を変える
|
|
forward()
先頭に戻る
|
|
逆再生か
|
|
アニメの枚数を取得
|
|
next()
次のコマを表示
|
|
pause()
停止
|
|
play(option)
開始
|
|
prev()
前のコマを表示
|
|
stop()
停止して戻る
|
|
to(destination)
指定のコマを表示
|
Class Detail
ANIMATE_APP.classes.Animation(target, option)
photoのアニメーション
targetのimg0番目のwidth()を取得するので、非表示になっていないことが前提。非表示に鳴っている場合はoption.viewSizeで指定する。
- Parameters:
- target
- {Object} 対象の要素
- option Optional
- {Object} オプション
- option.repeat Optional, Default: -1
- {Number} 再生回数(-1: 制限なし)
- option.interval Optional, Default: 166.6
- {Number} アニメーション間隔(166.6=約6fps)
- option.immediatePlay Optional, Default: true
- {Boolean} 即時再生するか
- option.vertical Optional, Default: false
- {Boolean} スプライト、またはインナーが縦向きか
- option.viewSize Optional
- {Number} 表示する幅を指定(hidden属性などで幅が正確に取得できない場合など)
Method Detail
changeDirection(reverse)
再生方向を変える
- Parameters:
- reverse
- {int} 0: 通常、1: 逆再生
forward()
先頭に戻る
{Boolean}
getIsReverse()
逆再生か
- Returns:
- {Boolean} 逆再生ならtrue
{Number}
getTotalFrames()
アニメの枚数を取得
- Returns:
- {Number}
next()
次のコマを表示
pause()
停止
play(option)
開始
- Parameters:
- option Optional
- {Object} オプション
- option.repeat Optional, Default: -1
- {Number} 再生回数(-1: 制限なし)
- option.interval Optional, Default: 166.6
- {Number} アニメーション間隔(166.6=約6fps)
- option.reverse Optional, Default: 0
- {int} 再生方向(0: 通常、1: 逆再生)
prev()
前のコマを表示
stop()
停止して戻る
to(destination)
指定のコマを表示
- Parameters:
- destination
- {int} コマID(0~)