JAVASCRIPT MOTION TWEEN

JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」の紹介。

デモサイト、解説ページを見てみてください。これまで見たことがないJavaScriptアニメーション表現を見ることが出来ます。

次のようなTweenクラスがあって、それを使うことでこういったアニメーションが実現できるということかなり便利そう。

var t = new Tween(object,property,easing,start,end,duration,suffixe);

次のJavaScriptソースコードが提供されています。
Tween.js 、ColorTween.js 、OpacityTween.js 、TextTween.js 、Sequence.js 、Parallel.js

名前を見るとなんとなく分かりますが、必要に応じてファイルを読み分ける感じでしょうか。
JavaScriptのアニメーションライブラリも色々出てきましたね。今回のJSTweenは久しぶりに感動したアニメーションライブラリでした。

関連エントリ

• 軽量JavaScriptフレームワーク「SimpleJS」
• JavaScriptアニメーションフレームワークライブラリ「Run」
• JavaScript用アニメーション作成ライブラリまとめ
• JavaScriptライブラリ/アニメーション - JavaScriptist