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


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

IT/WEB業界への転職なら求人サイトGreen

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

20100512-01

デモ

これはすごいですね。

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

ソースコードも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 – 動きません

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly