Hello there! 開発終了してもTweenerを愛する安藤です。

TweenerのパラメータでonCompleteは知ってるけどonStartを知らない、という人が意外といたので紹介します。

お察しの通りonStartは「トゥイーンが始まる時に呼ぶ関数を指定」するパラメータです。例えばトゥイーンを開始すると同時に音を鳴らす等の場合に使用します。

 

この例では、addTween()関数のプロパティにて
  • delay:3で3秒待つ
  • time:5で5秒間のトゥイーン
  • onStart:onTweenStartで、トゥイーン開始時にonTweenStart関数を実行
  • onComplete:onTweenCompleteで、トゥイーン終了時にonTweenComplete関数を実行

という設定をしています。onStartはトゥイーン開始と同時発火するので、アニメーションと音のシンクロに効果的です。

onStart、onCompleteの他にonUpdateなんていうプロパティもありますが、あとはGoogle先生におまかせします・・・

HTML5飯