[JS]HTML5/Canvasを手軽に扱えるようになる実用的なスクリプト -gury

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

top of page

©2018 coliss