記事の中を歩けるドット絵RPG｜Canvasでフィールド自作

子どものころ、日曜の朝からテレビの前に座って、ひたすら草原を歩いていました。

目的地に向かっていたはずなのに、気がつくと町の人に3回くらい同じ話を聞いている。

あの時間の使い方が、いまでもいちばん贅沢だった気がします。

そんな昔のRPGのフィールドを、画像も素材も使わず、HTML・CSS・JavaScriptのCanvasだけで作りました。

宝箱・やくそう・たいまつ・洞くつのぬしまで入っています。

フィールドの歩き方

まず画面をクリック（スマホはタップ）してから操作してください。

スマホの場合は、画面の下に十字ボタンとA・Bボタンが出ます。

戦いかた

草むら・森・丘を歩くと、ときどき魔物が出ます。

やられても、お金が半分になるだけで城の前に戻されます。

昔のRPGと同じ、あの優しくて厳しい仕様です。

ぬしを倒すと「ふるい せきばん」が手に入り、王様の話が変わります。

このフィールドのつくり

見た目重視で作ったので、しくみは簡単なメモだけにしておきます。

外部ライブラリも画像素材も使っていません。既存ゲームの絵や音は一切含んでいません。

いちばん時間を使ったのは地形の分け方でした。

標高だけで決めると、山か海しかない島になります。

湿り気の乱数をもう1つ重ねて森を生やしたところで、ようやく「歩きたくなる地図」になりました。