マップの新設

就職活動で忙しく、前回の投稿からまた期間が空いてしまいました。

今回は、また新たにマップを追加したので、そちらを紹介していきます。

今回追加したマップは、犬小屋がある部屋と中庭です。

犬小屋がある部屋

犬小屋の画像は、フリー素材のサイトになかったので(たぶん)、自分でペイントアプリで描きました。

また、近くには注意書きの看板があり、それも自分で描きました。

注意書きの看板

設定としては、犬小屋の中に凶暴な犬が寝ていて、近くで大きな音を立てると中から犬が出てきて周囲の壁を壊す、という感じにしようかなと考えています。

そのため、今後大きな音を立てる物を追加して、音を鳴らすと犬が壁を壊すようにできたらいいなと思います。

そして、もう一つ追加したマップが中庭です。

真ん中に大きな噴水と、左下に地面に穴が開いてるところがあります。

中庭

穴の近くには男の子が立っていて、おもちゃを穴に落としてしまった、という設定にしています。

男の子に話しかけたときの画面

主人公がどこかでバケツのようなものを手に入れ、噴水で水を汲み、それを穴に流しておもちゃをゲットする、といった感じにしていこうかなと考えています。

今後は、今回追加したマップの設定に沿うようなアイテムやイベントを追加していきます。

参考文献

田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年

田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年

田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版～ブラウザゲームづくりで HTML&CSS も身につく！』インプレス, 2022年

使用した素材サイト

ぴぽや倉庫

https://pipoya.net/sozai/

DOTOWN

https://dotown.maeda-design-room.net/