アケオメー!! 画像を使わずに HTML5 Canvas, CSS, SVG それぞれで年賀状を作ってみた.

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

みなさんアケオメー!!

プログラマはアナログなことはやらないのだー!! ってことでもうハガキは書かなくなっちゃったので, 代わりにみなさんへ HTML5 Canvas, CSS, SVG それぞれでハガキを作りました.

Read More

JavaScript で HTML5 Audio を使ってサウンド再生. 連続再生対策してるからゲームの SE にも使えるよん♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

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

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

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

Read More

HTML5 Canvas で Polygon(多角形)描画

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

今, JavaScript のゲームライブラリを制作しています.

まだ公開前ではありますが, 整理がてら その中からチョコチョコと機能を晒していこうと思います.

では早速, 今回は Polygon(多角形) を描画するサンプルを作りました. この多角形描画処理を使えば簡単に下図のようなキレイな三角形や色々な多角形を描画することができます.

Read More

HTML5 Canvas と JavaScript を使って作る追尾サンプル 03 – Circle に, 手前の Circle を追尾する処理を追加

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

今回は, 円を追尾する処理を追加します. また見た目の調整も行います.

Read More