HTML5 はじめにCanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。調べたブラウザの各バージョ... 続きを読む
HTML5 Canvas Cheat Sheet http://blog.nihilogic.dk/ HTML5 Canvas Cheat Sheet v1.x Canvas element Attributes Name Type Default 続きを読む
マイクロソフトは23日、次期WebブラウザInternet Explorer 9(以下、IE9)について3つ目の開発者向けプレビュー「Third Internet Explorer 9 Platform Preview」を公開した。Test Driveページから入手できる。Canvas要素などHTML5サポートが強化され、Test Driv... 続きを読む
仕事でCanvas要素を使う機会があったので情報をまとめとく。 これはいい!と思ったのが、canvas要素に対してtoDataURL()メソッドを使うと、生データが取れる点。あとはimg要素に流しこめば画像として複製出来るし。 現状、IEが対応してないので、ExplorerCanvas... 続きを読む
JavaScriptでNESエミュを作ってみました。 2009/04/17追記:NESエミュ テストページを作ってみました。http://twoseater.bob.buttobi.net/ 続きを読む
HTML, JavaScriptCanvasで背景(星屑)テストCanvasで星を作って動かして遊んでて、背景で動かしたら面白いかなと思って作ってみた。ちょっと(?)ケバいけどね:-Pランダム要素が入っているので毎回少しずつ違った背景になる。うるさくない程度に改良すれば何かのア... 続きを読む
The JUI 2009 Returns で Paul が CSS Transforms をプッシュしていたので、それにつられてデモを一つ作ってみました。http://gyu.que.jp/giftbox/google/見てのとおり、普通の検索ボックスです。普通にクエリ入力できます普通に検索結果を見られます箱の中にま... 続きを読む
JavaScript, spinoff, Silverlight, canvas先ほど Windows XP 上で調べました。Mac や Linux だとちょっと違うかもしれません。upaa-excanvas.js ver 0.3 は開発中のバージョンです。 凡例 o: 実装されており、他のブラウザの描画結果と互換性がある(使える) #:... 続きを読む
gyuqueさんのJavaScript 3Dが熱い! Google Chromeのキラーアプリに!? gyuque さんのピュア JavaScript の 3D デモが熱すぎるのでご紹介。 各デモの再生は、Google Chrome を強く推奨です。 Google Chrome の速さは、JIT 搭載の V8 だけでなくて、 描画エン... 続きを読む
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書... 続きを読む
javascriptFirefox、Opera、WebKitで確認。けっこう楽しい。 javascript:(function(){ var canvas = document.createElement("canvas"); canvas.width = Math.max(document.documentElement.scrollWidth, window.innerWidth); canvas.height = Math.max(documen... 続きを読む
JavaScript でドット絵アニメーション的な物を作ってみようと思った。 で、こういうのができた。 バージョン 1.0 http://jugyoo.org/pixel/ 「run」ボタンを押して再生。 下のテキストがアニメーションのデータ。 「1」が黒。 それ以外は無色。 ちなみに、Firef... 続きを読む