前回書いた『enchant.js 用プラグイン DummySprite を作ってみた.』に引き続き enchant.js についてのエントリーです.

今回はマウスクリック, タッチによるプレイヤー移動についてのサンプルを制作しました. キーボードやマウスクリック, タッチによる挙動はゲームを作る際の根幹となる部分なのでぜひ参考にしてみてください.

enchant.js で簡単にオブジェクトの表示確認ができる Sprite 『DummySprite』 を作りました.

普通の Sprite クラスとの違いは, デフォルトで四角形が表示されます. 本チャン画像がないけど作り出したいってときや, 簡単な動作確認をしたいって時などにご使用下さい.

以前, 『HTML5 Audio を JavaScript で使う方法』というエントリーを書かせていただきました.

が, ゲームに使うにはまだまだ不十分だったので少し改良したやつを作ってみました. 連続再生してもある程度耐えうる作りになっています. Canvas でゲームを作るときなんかに使ってみてください.

※Chrome version 16 は Audio 関係がウンコちゃんになっているので何度も再生すると音が鳴らなくなるバグがあります. version 17 で解消されることを期待しましょう!!

Google のトップページがまた面白い感じになっていたので思わずキャプチャしちゃいました. ロゴの下にあるボタンを押すとそれぞれ音がなりクリスマスっぽいロゴが出現し, 全て押すと最後にジングルベルが再生されます.

Google 先生は『let it snow』と検索すると雪が降ってきたりと色々と楽しませてくれますねぇ～.

クリスマスが近づくにつれて, 昔書いたエントリー『CSS3 とほんのちょっとの JavaScript で雪を降らす』へのアクセス数が増えてってたので, クリスマスバージョンを作って見ました.(とはいってもジングルベルが流れるだけですが…)

-webkit-animation を使っているので webkit 系(chrome や safari)でしか動作しません.

Google Chart API は Google 大先生のサービスのひとつで, URL にパラメータを指定することでグラフ画像を生成してくれます. 現在は, 折れ線グラフや棒グラフ, ベン図, QRコードなどに対応していてこれらの画像を簡単に生成することができます.

その中でも今回取り上げるのは LaTeX です. LaTeX にも対応していることはあまり知られていないようで, wikiでも漏れていましたw

最近, 数式をページに埋め込みたい場面がちょくちょく出てきたので LaTeX を打ち込むと, それを画像として生成するツールを作ってみました.