HTML5 Canvas と JavaScript を使って作る追尾サンプル

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

Pocket

HTML5 Canvas と JavaScript を使ってマウスに円が追尾するサンプルを作っていきます.

オブジェクトの更新, 描画, インターフェース(マウス)との連動など, 今後ゲームを作っていく上で基本的な部分を学ぶためのエントリーです.

jsdo.it Demo Download

PLAY LIST

動画のプレイリストはこちら.

TUTORIAL LIST

今回制作したサンプルは, OpenGL や DirectX, ActionScript, そして今回の Canvas など, 私が新たな環境で開発を始める際に毎回作っているサンプルです. 基本的な部分を学べるのでオススメです.

今回は Cnavas に触れることを目的にしたプログラムなので遊ぶことはできませんが, こういったプログラムにルールを設けることでゲームになります. 次回は enchant.js を使ってシューティングゲームを作ってみようと思います.

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT