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

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

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

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

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

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

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

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

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

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

このコースで学べること

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

こんな方にオススメ

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

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

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

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