• 07 «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • » 09
ASOK?
ActionScriptでFlashつくるよ
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
page top

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

コメント

管理者にだけ表示を許可する
 

トラックバック
TB*URL
Copyright © 2005 ASOK?. all rights reserved.

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。