ヒートマップの色を作成してHTML5のcanvasに描画するサンプル - 蟻の実験工房（別館ラボ）
今回はヒートマップの色作成からHTML5のcanvas描画までのサンプルです。 今作っているモノがjavascriptでヒートマップの色を作成する必要があったのですが、色々とサンプルを探した結果見つからなかったので、それじゃあ自分で作ってみよう。 というのが今回のサンプル作成の動機です。 java版でヒートマップを作られている方がいらしたので、色のグラデーションの考え方はこちらの記事を参考にしています。 http://tomott.cocolog-nifty.com/blog/2009/04/java5-12f1.html HTML側はこんな感じ javascriptはこんな感じ var canvas; function init() { canvas = document.getElementById( 'canvas' ); drawHeatMap(); } function draw
これはすごい！ゲーム開発に最適な高性能JavaScriptアニメーションフレームワーク「CAAT」 - Chrome Life
前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。 誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。 これを機会に自分でもゲームを作ってみたいと思った方もいるのではないでしょうか？筆者もそのうちの一人です。 しかし、フルスクラッチで作るとなるとそれなりに経験が必要ですし、高度な動きを実現するにはどうやって作れば良いのかも分かりません。 そこで今回ご紹介するのは、ゲーム作りに最適な、高性能JavaScriptアニメーションフレームワーク「CAAT」です。（CAATは、Canvas Advanced Animation Tookitの略） 「CAAT」は完全なゲームフレームワークとして様々な機能が提供されています。 CAATの機能と特徴 オンスクリーン
Mozilla Japan、更新プロセスと開発ツールを改善した「Firefox 12」のベータ版をリリース
新たに採用された更新プロセスでは、Firefoxの更新時に、Windowsの「ユーザーアカウント制御」（UAC）ダイアログが表示されないようになっている。なお、PCへ新規にFirefoxをインストールする場合には、従来通り「ユーザーアカウント制御」ダイアログを表示する。 その他の改良点としては、HTML5 video/audio要素のコントローラを改良し、ブラウザ上での動画・音声再生時の操作性を高めている。また、巨大なJavaScriptコードを使用しているページでは、コンパイルを分割して行うことによってページ表示を高速化するとともに、ページの読み込みが完了している画像は、デコード時にプログレッシブ表示せず、即座に描画するよう変更した。 さらに、MacではCoreGraphics Azureバックエンドを、LinuxではSkiaバックエンドを実装することで、Canvasの描画速度を改善する
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
ExplorerCanvas
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages. Overview Sample pages using the canvas tag are included with the source code. For more information about the canvas tag,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5で遊ぼう、動画で積み木を作る - 蟻の実験工房（別館ラボ）
Canvas Cycle: True 8-bit Color Cycling with HTML5
