いろんなHTML5 canvasのフレームワークを試してみた


TFujinami codes (jsdo.it)

珍しくというか初めてニュースクリップではなくオリジナルで書きます。

EaselJSやGuryなど幾つかのHTML5 canvasのフレームワークを試してみました。

ランダムで線、四角(長方形)、丸(楕円)を描画します。画面をクリックするとローテーションします。

コード共有サイトのjsdo.itですべて公開してあります。

- EaselJS (記事)
- Gury (記事)
- oCanvas (記事) jsdo.it上では動作しないのでダウンロードしてください
- jCanvaScript (記事)
- CasualJS (記事) 4/27追加 パフォーマンス低し、使い方が間違っている?
- jCanvas (記事) 5/20追加
- Processing.js (記事) 5/24追加
- LibCanvas (記事) 6/8追加 Ellipseがエラーになるのでベジェで代用
- CAKE (記事) 7/26追加

比較のためにフレームワークを使わない版、SVG (Raphael) 版、CSS版も書きました。

- フレームワーク無し
- SVG
- CSS


Keywords : ライブラリ