FC2ブログ
ASOK?
ActionScriptでFlashつくるよ

EaselJSと同じくgkskinner作、メソッドチェーンで書けるJSトゥイーンライブラリ。

TweenJS: A Tweening & Animation Library for Javascript & HTML5.

Timeline

機能

  • 複数のTweenをまとめて扱う
  • 特定の時間位置にラベルをつけて扱う

コンストラクタ パラメータ

tweens
Tweenインスタンスの配列。
labels
ラベル指定Object。{<ラベル名>:<時間>}のフォーマット。時間はミリ秒単位または、フレーム単位。
props
設定用。loop、useTicks、ignoreGlobalPauseの3つが指定できる。

サンプル

気づいたこと

  • 例えばxとyでイージングを変えてトゥイーンしたい→Tween.play()かTimelineを使う。
  • 並列にトゥイーンしたい→Tween.play()かTimelineを使う。
  • scaleX,scaleYへのset()が正しく動作しないみたいなので、to()で代用する。
    (.to({scaleX:0.2,scaleY:0.2})でOK)
  • ボタンなどでTweenが重なると正しく動作しない場合は、overrideをtrueに。
スポンサーサイト



page top
Copyright © 2005 ASOK?. all rights reserved.