2011/03/01
HTML5+Canvasタグによるアニメーションユーティリティ「gury」
guryはjQuery/HTML5/JavaScriptによるオープンソース・ソフトウェア。HTML5の登場以来、期待が高まっているのがCanvasタグを使った図形描画だ。これまでは画像やFlashでしか作れなかったような描画がJavaScriptのみで、さらにインタラクティブに動かせるものが作成できる。 0
ゲームのデモ
0
とは言え実際にどのようなことができるのかは実体験を通してからしか学べない。こんなことまでできるのか、という衝撃を覚えれば自分でも作ろうと思うだろう。そんなCanvasタグの操作を身近にしてくれるのがguryだ。 0
guryはjQueryを使ったCanvas用ユーティリティライブラリだ。多数のデモが登録されている。例えばボールが飛び交うもの、色が変わるモザイク、同じ色の隣り合ったブロックを消していくゲーム、回転する四角形、それがさらにカラーピッカーで動的に色が変わるものなどだ。 0
回転するオブジェクト
0
回転や飛んでいるデモはボタンによって動きを止めたり、消したりする事もできる。こうしたインタラクティブ性が特徴的だ。Canvasの描き方からオブジェクトの配置までgury上でできるようになっている。Canvasを使ったドロー、アニメーションを実装したい時には使ってみよう。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート