Webブラウザの機能がアップし、さらにハードウェアの性能が向上するのに合わせて実行速度も速くなっています。ちょっと前のゲームレベルであれば十分にWebブラウザ上でこなせるようになっています。 そんなWebブラウザを活用してゲーム開発を行えるのがhitagi.jsです。 hitagi.jsの使い方 hitagi.jsを使ったデモです。 Canvasを使って描画しています。 new hitagi.World() から処理がはじまっています。 Flappy Bird風ゲームもあります。これくらいのゲームであればWebブラウザでも十分です。 ちゃんとクリックで遊べるようになっています。 hitagi.jsはCanvasへの描画なので性能が良いのがポイントです。また、Canvasさえ使えればブラウザに関係なく利用できるのも利点と言えるのではないでしょうか。hitagi.jsは2D系ゲームに使えるよう

案の定というか突然というか、Google Codeの終了がアナウンスされました。もちろんGitHubに比べると圧倒的に流行っていなかった訳で、止め時だったのかも知れません。とはいえソースコードはオープンソース・ソフトウェアの開発者にとって重要であり、無料だから止めていいという訳ではありません。この辺りのGoogleの割り切りは毎度がっかりさせられます。 ということで既存のGoogle Codeプロジェクトは移転先を選ぶ必要があります。GitHubでもいいのですが、GitHubすら恒久的に続くわけではありませんので、自分で立ててもいいのかも知れません。ということでオープンソースの選択肢を紹介します。 Google Codeクローン プロジェクト管理に使えそうなGoogle CodeのProject Hostingクローン·Longhouse MOONGIFT Google Codeライクなソ

Googleマップをはじめて操作した時の驚きは今も覚えています。マウスでドラッグして無制限に動かせたり、マウススクロールでズームイン、ズームアウトさせることができました。この凄さに驚いた開発者がこぞって同じような操作ができるライブラリを開発しました。 Scrollerはその一つの試みで、HTMLに加えてCanvasでもズームイン、ズームアウト操作ができるライブラリです。 Scrollerの使い方 こちらはDOM版。左側の四角の範囲でスクロールしたり、拡大/縮小ができます。 こちらがめいっぱい縮小したところ。 縮小すると文字がぼやけています。 拡大しても文字がぼやけています。 Canvas版。こちらはくっきりと表示されています。 パンしてもくっきり。 Scrollerはズームイン/ズームアウトの他、スクロールができます。さらにXまたはY軸方向のみに固定したり、スナップを有効にしてグリッドに合

canvizはCanvasを使ってDOTファイルをグラフ化するソフトウェアです。 フローチャートなど複雑なグラフを描くのに適しているのにDOT言語が知られています。通常、Graphvizを使って画像化するのですが、今回はcanvizを紹介します。なんとDOTファイルを読み込み、Webブラウザ上にCanvasタグで描き出してくれます。 例。かなり複雑な関係性を表示しています。 別なグラフ。こちらも関係性が複雑です。 レイアウトを変更するとグラフも全く別物になります。 表示の大きさは自由に変えられます。 こんな図も。 複数線がつながっている、そんな表示も実現します。 色付きの枠。 グルーピング。 グルーピングでさらに色付き。 ノード自体が色付き。 14の頂点で相互につながっています。 同じグラフもレイアウトを変えるとこんな感じに。 Graphvizを使う場合は主に個人用途、もしくは変換後の画像

fxHttpdはFirefoxアドオンとして提供されるHTTPサーバです。 先日、Google ChromeをWebサーバ化してしまうソフトウェアであるChrome simple HTTP Serverというソフトウェアがありましたが、fxHttpdはFirefoxをWebサーバ化するFirefoxアドオンになります。 インストールします。 設定画面です。 開始しました。 例です。localhos:8090でサーバが立ち上がっています。 指定したパスの場合に指定したファイルを表示することもできます。 fxHttpdは指定したディレクトリをルートとしてHTMLファイルを表示する他、指定したパスにアクセスした際に指定したファイルを表示したり、CGIのようにレスポンスを動的に生成することもできます。 fxHttpdはFirefox用のオープンソース・ソフトウェア（Mozilla Public L