[JS]HTML5/Canvasを手軽に扱えるようになる実用的なスクリプト -gury
Post on:2011年2月17日
HTML5/Canvasを使用して簡単にオブジェクトの描画したり、アニメーションを加えたり、ゲームなどのインタラクションコンテンツも実装できる、実用的でシンプルなJavaScriptを紹介します。

gury - an html5 canvas utility library
デモ
[ad#ad-2]
guryはHTML5/Canvasでウェブアプリケーションの作成を簡単にできるようにサポートすることを目的に設計されたもので、ページにオブジェクトを加え、リサイズ、スタイル、アニメーションなどを簡単に与えることができます。
サイトでは現在、下記のデモを楽しめます。

回転する正方形のオブジェクト

さめがめ(ゲーム)
[ad#ad-2]

バウンドするボールのオブジェクト(クリックで静止)

回転する正方形のオブジェクトのカラーを変更するColor Chooser

モザイクのアニメーション
guryのダウンロード
ダウンロードは、GitHubからできます。
guryの動作には「jquery.js」が必要です。
sponsors