[B! JavaScript][canvas] kmonのブックマーク

kmon id:kmon

JavaScriptとcanvasに関するkmonのブックマーク (2)

JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。まずは簡単なフレー
kmon 2010/03/14
javascript

canvas

html5
リンク
[HTML5] - 個人事業主のつぶやき
http://pluswing.net/html5/canvas.html ということで、テトリスを実装してみた。テトリス自体(tetris.js)は小一時間でてきとーに実装したので、ブロックの回転とかが微妙な感じ。 ※FirefoxはCanvasがもっさりしてるので、Chromeでプレイすることをオススメします。それは置いておいて、なんでHTML5のCanvasを使おうかと思ったのかというと、 ChromeのCanvasが恐ろしく速いという事実。*1 これは、ゲームが作れるぞ！という興奮から。 (僕がゲームを作ってたのは7年ほど前になるけど、その頃のそこらにあるマシン並に速度出てそうな勢い。Chromeは。) 実はテトリスは副産物で、 Canvasを使うにあたり、ライブラリが無いとねーということで、描画周りのライブラリをひととおり作りました。一個くらい作ってみないとライブラリ
kmon 2010/03/12
google chrome

canvas

HTML5

javascript

game

library
リンク
1