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で作る「レトロ風RPG」講座
PRO COURSE

JavaScriptとHTMLで作る「レトロ風RPG」講座

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

JavaScriptを使って
Webブラウザーで動くレトロ風RPGを作りましょう!!


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

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

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

そしてゲームのデータの作成、描画やクリック/タップ入力の受け取り、音声の利用方法を学びます。

そこから先は実際のゲーム部品の作成に入ります。ウィンドウやステータス表示、メニュー表示といったUIの作成、マップやバトル画面、イベントの構築、バトルの内部計算を実装していきます。

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

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

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

このコースで学べること

  • JavaScriptを使ったWebブラウザーゲームの開発
  • 基礎的な命令から、ゲームを組み上げていく手法
  • レトロ風RPGの作り方

こんな方にオススメ

  • Webブラウザー上で動くゲームを作りたい
  • JavaScriptを使ったゲーム開発やアプリケーション開発をおこないたい
  • RPGを作りたい

レトロ風RPGは、短いプログラムで作り上げることが可能です。

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

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

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
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

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

3h 20m Video Course
Instructor: 柳井 政和
$89.99
全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-
PRO COURSE

全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-

53h 56m Video Course
Instructor: Masaaki Hatano
58
$355.36
HTML5+CSS3 フロントエンド開発マスター講座
PRO COURSE

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

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

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

23h 15m Video Course
Instructor: BeSomebody
204
$174.00
Learn CSS Transition and Animation
PRO COURSE

Learn CSS Transition and Animation

1h 8m Video Course
Instructor: Supriyo Kundu
$49.99
未経験からプロのWebデザイナーに! 450レッスン完全マスターコース
PRO COURSE

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

42h 17m Video Course
Instructor: NESTonline
139
$212.99
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 23m Video Course
Instructor: たにぐち まこと
31
$199.99
基礎から学べる! CSS/CSS3マスター講座
PRO COURSE

基礎から学べる! CSS/CSS3マスター講座

6h 37m Video Course
Instructor: NESTonline
1
$80.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 28m Video Course
Instructor: BeSomebody
5
$35.99
未経験から始める Dreamweaver CS6
PRO COURSE

未経験から始める Dreamweaver CS6

2h 26m Video Course
Instructor: Attain Corp.
1
$21.99
HTML5+CSS3 Webデザインとプログラミング講座
PRO COURSE

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

10h 12m Video Course
Instructor: ムラモリ コウ
4
$73.21