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

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

外部のライブラリを使わずに、JavaScriptとHTML5の基本機能だけを使って、Webブラウザー上で動くゲームを作る方法を学びます。

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


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

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

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

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

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

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

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

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

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

このコースで学べること

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

こんな方にオススメ

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

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

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

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

About the Instructor

柳井 政和
クロノス・クラウン合同会社 代表社員

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆を行う。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。

See more

Course content

Total 3 hours 30 minutes
Preview You can preview lectures with this label
Loading ..

Related Courses