作り方

JavaScriptでRPGを作ろう!壁やキャラクタへの衝突判定

「ゲーム作りって大変そう。RPGのWebアプリを作ってみたいけどどうやるの?」そんな疑問に答えていきます!前回はNPCが自由に歩き回るようになりました。今回はプレイヤー,NPC同士の衝突や壁などの境界への衝突について解説していきます。 前回の記事を見逃した方は「JavaScriptでRPGを作ろう!自由に歩き回るNPCも登場」をご覧ください。 今回の記事の完成版はこちらで確認できます。[デモ] H […]

JavaScriptでRPGを作ろう!自由に歩き回るNPCも登場

「ゲーム作りって大変そう。RPGのWebアプリを作ってみたいけどどうやるの?」そんな疑問に答えていきます!前回は主人公の描画とマップがスクロールするところまで解説していきましたが、今回はNPC(ノンプレイヤーキャラクター)を描画して、そのNPCが自由に歩き回るところまで解説していきます。 前回の記事を見逃した方は「JavaScriptでRPGを作ろう!主人公のアニメーションとマップスクロールを解説 […]

JavaScriptでRPGを作ろう!主人公のアニメーションとマップスクロールを解説

「ゲーム作りって大変そう。RPGのWebアプリを作ってみたいけどどうやるの?」そんな疑問に答えていきます!前回はマップをブラウザに表示するとこまででしたが、今回は主人公の表示・操作・アニメーション、それにマップがスクロールするところまで実際のJavaScriptの書き方について解説していきます。 前回の記事を見逃した方は「JavaScriptでRPGを作ろう!自作したマップをブラウザに表示しよう! […]

JavaScriptでRPGを作ろう!自作したマップをブラウザに表示しよう!

前回の記事では、Tiled Map EditorでRPG用マップの作り方について解説しましたが、自作したマップを実際にブラウザに表示するところまで、実際のJavaScriptの書き方について解説していきます。「ゲーム作りって大変そう。RPGのWebアプリを作ってみたいけどどうやるの?」という疑問にお答えします! 前回の記事を見逃した方は「JavaScriptでRPGを作ろう!Tiled Map E […]

JavaScriptでRPGを作ろう!Tiled Map Editorを使ったマップの作り方を解説

「ゲーム作りって大変そう。RPGのWebアプリを作ってみたいけどどうやるの?」という方のために、今回はレトロなRPGマップの作り方について解説していきます。素材となるマップチップの入手方法やマップを作成できるTiled Map Editorというツールの使い方まで解説していきます。作成したマップはそのままJavaScriptマップファイルとしてJavaScriptから読み込むことができます。 この […]