今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blog

はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね！」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。 canvasってなんぞ？ 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 とりあえずつかってみる 早速何か描いてみましょう。 こういうことは実践あるのみです。 処理にはJavascriptを使います。 canvasに描画を行うときは、canvas要素からcontextを取得して、

[three_ce003]

canvasの基礎

[yuripapageno]

FPSクラスは使える。

[masaru_superx]

Canvas まだ良く見てないサイト あとでみる。

[japanrock]

図を書き込めるhtml要素

[hysa]

Canvas入門。

[yamazakiccs]

macbook + firefoxのやつすげぇwww感動したwwwこんなんできるんだー

[lizy]

生で使うのは厳しいので、ラッパーライブラリ待ちか

[tanakaBox]

入門。わかりやすい。

[Cherenkov]

いざ応用しようとMDCを眺めてもあっという間に数時間が経ち何も成果が出せない。初めの頃は素のcanvasはそこそこにしてprocessing.jsとかcontextfree.jsで作った方がいいと思う。まだ実践してないけど。

[hatakazu93]

技術,HTML

[teramako]

『今更聞けない』ってまだHTML5はドラフト段階なのに...

[richard_raw]

canvasでアニメーションとか加速度検知とか出来るんだ……。

[raimon49]

MozOrientation サンプル

[confuru]

CANVASタグの基本操作

[lucky-bag]

[for:@twitter]

[kei_tanaka_des]

今更聞けないCanvasの基礎

[hiro-rock]

KAYACのCANVASに関するエントリー

[sw_lucchini]

canvasのサンプル

[kdaiba]

canvasの使い方

[luccafort]

あとで読む

[hokaccha]

おもろい

[ago_kyo]

Thinkpad T61+Firefox3.6で動いた＞加速度