会話画面変更とマップ修正

 　串です。今週は会話画面の変更とマップの細かな修正を行いました。

　まず会話画面の変更ですが、下の左から右へ変更しました。

　　　　　　　

　画面中央に黒背景で表示していたものを、画面下に透過した背景とともに表示しています。キャラクターの画像も左下に移動させ、透過素材に変更しました。

左の画像ではわかりませんが、主人公とキャラクターがマップ上で重なるようになっていたため、重ならないよう変更しました。

　マップは、分かりづらいですが、繋がっていなかった壁を繋げるなどの修正を行いました。

今後やりたいこと

・フラグの設置

・サブストーリーの作成

・持ち物の管理

　前回やろうと思っていたメインストーリーの練り直しがかなり進んだので、実際にストーリーを入れたフラグなどの設置を行っていきたいと思います。サブストーリーは簡単な謎解きを行って、アイテムをもらうという流れで作っていきたいと思います。また、主人公の持ち物が増えていった時に、持ち物一覧などで参照できるページも、作れたら作っていきたいと考えています。

マップ制作で使用させていただいた素材は、ぴぽや倉庫様からお借りしています。

https://pipoya.net/sozai/

＜参考文献＞

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

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

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