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

本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. | TM Life へ返信する コメントをキャンセル

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

COMMENT