Canvasベースのアニメーションフレームワーク「jcotton」

「jcotton」はCanvasベースのjavascript用アニメーションフレームワークです。
オブジェクトを描画して動かしたり、テキストをレンダリングしたりする事が簡単にできるようです。

デモはクリックでボムが爆発するアニメーションが始まります。

デモ

これはすごいですね。

チュートリアルも充実しているので、コードの修正も行えそうです。

ソースコードもjQueryと似たコーディングスタイルでした。

tutorialCanvas.add(
  jcotton.rect(0, 0, 50, 50)
    .position(125, 125)
    .animate({xposition: 25}, 1000)
)

気になる動作ブラウザですが、以下のようになっていました。

• Firefox 3 – 100%
• Chrome 5 – 100%
• Safari 4 – 100%
• Opera 10 – 文字のレンダリングに制限あり
• Mobile Safari- 文字のレンダリングに制限あり
• IE – 動きません