Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
You can join the course referral program after purchasing this course.
Let's take this course now!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
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
Preview You can preview lectures with this label
Loading

Related Courses

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで
SET COURSE

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで

5 Courses Included
Instructor: 柳井 政和
7
$17.99/mo
HTML5+CSS3 Webデザインとプログラミング講座
PRO COURSE

HTML5+CSS3 Webデザインとプログラミング講座

10h 12m Video Course
Instructor: ムラモリ コウ
4
$73.21
Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

5h 22m Video Course
Instructor: 柳井 政和
$89.99
未経験からプロのWebデザイナーに! 450レッスン完全マスターコース
PRO COURSE

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース

42h 17m Video Course
Instructor: NESTonline
139
$212.99
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 15m Video Course
Instructor: BeSomebody
204
$174.00
HTML5+CSS3 フロントエンド開発マスター講座
PRO COURSE

HTML5+CSS3 フロントエンド開発マスター講座

17h 36m Video Course
Instructor: ムラモリ コウ
$250.99
6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.99
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

Electronでつくるローカルアプリ開発講座 for Windows

3h 20m Video Course
Instructor: 柳井 政和
$89.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 28m Video Course
Instructor: BeSomebody
5
$35.99
誰でもわかる!! JavaScript 初心者向け入門講座
PRO COURSE

誰でもわかる!! JavaScript 初心者向け入門講座

3h 59m Video Course
Instructor: BeSomebody
1
$25.99
3日間でマスターする Ruby on Rails講座
PRO COURSE

3日間でマスターする Ruby on Rails講座

5h 9m Video Course
Instructor: 井上 博樹
71
$96.99
Adobe系スキルからプログラミングまで Web制作必要スキルセット講座
SET COURSE

Adobe系スキルからプログラミングまで Web制作必要スキルセット講座

8 Courses Included
Instructor: ムラモリ コウ
30
$8.99/mo