JavaScriptとHTMLで作る「タワーディフェンス」講座

JavaScriptを使って Webブラウザーで動く
「タワーディフェンス」ゲームを作りましょう!!

JavaScriptとHTML5を使えば、Webブラウザー上で動くアプリケーションやゲームを作ることができます。

本講座では外部のライブラリを使わずに、JavaScriptとHTML5の基本機能だけを使って、Webブラウザー上で動く「タワーディフェンス」ゲームを作る方法を学びます。

まずはじめに、ゲームの構造と素材、HTMLファイルやJSファイルなどの構成を確認します。

そしてゲームの素材の読み込み、アニメーション処理、描画やクリック/タップ入力の受け取りの方法を学びます。

そこから先は実際のゲーム部品の作成に入ります。

基本的な描画や、弾、塔、敵の描画や処理、盤面の生成や各種計算を実装していきます。

本講座を学ぶことで、JavaScriptの基本的な命令を利用して、ゲームの部品を作り、組み立てていく方法が分かります。

また改造することで、自作のゲームやアプリケーションも作れるようになるでしょう。

※本講座では、変数や関数といった基礎的なJavaScriptの知識を習得しているものとして話を進めます。

このコースで学べること

• JavaScriptを使ったWebブラウザーゲームの開発
• 基礎的な命令から、ゲームを組み上げていく手法
• 「タワーディフェンス」ゲームの作り方

こんな方にオススメ

• Webブラウザー上で動くゲームを作りたい
• JavaScriptを使ったゲーム開発やアプリケーション開発をおこないたい
• 「タワーディフェンス」のようなマップ配置型ゲームを作りたい

「タワーディフェンス」ゲームは、シンプルな実装で作ることが可能です。

サンプルのゲームは、コメントを豊富に記入した状態で、64KBほどで全てを実装しています。

一通り学べば、すぐに応用できるでしょう。