Tag ‘Canvas’についての一覧

わずか8KBで直感的にCanvasを使えるjQueryプラグイン「jCanvas」が良さそうだったのでご紹介。

Canvasの描画を簡単にできるライブラリ「oCanvas」

Canvasでグラフやインタラクティブなコンテンツを作るのに便利そうだったのでご紹介。

これはちょっと使いたいかも。Canvasを手軽に扱えるライブラリです。

iPhone,iPad,Androidで動くように最適化されているので、スマートフォン用のHTMLアプリを作る際に便利ですね。

コードは以下にご紹介。

「PhiloGL」はオープンソースのWebGLフレームワークです。
データの視覚化や3Dゲーム開発に使えそうです。

かなり高機能な作りになっており、非常にレベルの高いデモを見る事ができます。

ちなみにWebGLとは、Canvas上で3D表示ができる技術なのですが
まだSafariやFirefox等の一部ブラウザでしか動作しないのが現状です。

本のページをめくるエフェクトを実装したい。
そんな方におすすめなのがCanvasを使用した本のページめくりの実装方法を記載した「Case Study: Page Flip Effect from 20thingsilearned.com」という記事のご紹介。

「canvasXpress」はHTML5タグのcanvasで使えるグラフライブラリです。
棒グラフ、円グラフ、散布図、ヒートマップ、3D図などに対応しています。

以下は動作デモの一部です。

HTML5とCanvasで作られたゲームもなんだか沢山出てきたように思います。

本日はHTML5のゲームをまとまた「Showcase of Games Developed Using HTML5 Canvas」というエントリーのご紹介。

いくつかご紹介

JavaScriptで出来たパーティクルエンジンをご紹介。
コード量も多くないので、カスタマイズして使えそうです。