RPG

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を作ろう!4つのおすすめライブラリとマップツールを紹介

「ゲーム作りって大変そう。RPGのWebアプリを作ってみたいけどどうやるの?」という人もいると思います。そんな方々のために、JavaScriptで作れるRPGの作り方について解説していきます。1つ1つ丁寧に解説していきたいと思いますので、この記事を見て自分だけのオリジナルのレトロなRPGを作ってみよう! はじめに 今回紹介したいWebアプリを作るには「p5.js」と「p5.tiledmap」という […]