キャラクターの追加とメインストーリー

 串です。今週は下記を行いました。

・サブストーリーやモブのキャラクターの追加

・メインストーリーの選択肢の追加


 まず一つ目についてですが、今までイベントやストーリーに直接かかわりのあるメインキャラクターは追加していましたが、何気ないキャラクターは追加していませんでした。画像を用意したので、それをゲーム内へ追加したのと、それに合わせて台詞も追加しました。



 二つ目についてですが、前に少し書いたようにメインストーリーの最後の部分では主人公が選択肢から選ぶ場面が非常に多いです。主人公とかかわりのあったキャラクター全てに選択肢を表示させるようにして、ある選択肢を選んだ場合には台詞が変わるようにしています。

 そのため、選択肢を選んだ後なのかどうかをキャラクターごとに管理する必要があり、ここの部分を作りました。


var cn = {3:0, 112:0, 127:0, 128:0, 601:0, 602:0, 603:0, 604:0};


 cnはcharacter number の略です。この文でオブジェクトを作成しています。左側の数字はキャラクターの番号で、:の右側の値をペアにしています。0をキャラクターの初期値として、主人公が選択肢を選んだ後では、1に変えています。


cn[evnum]=1;


 evnumはevent number の略で、キャラクターの番号と一致しています。この文は、主人公がある選択肢を選んだときのみに実行され、ブランケット記述法でキャラクターの値を取り出し、1を代入しています。オブジェクトを作ることで各キャラクターごとに設定するのではなく、すべてのキャラクターを一つの文でそれぞれ管理できるようにしています。




 ここで選択肢を選びます。



 上のように、台詞が変化します。


今後やっていきたいこと

・メインストーリーの完成

・装飾の追加


 課題の提出期限が迫ってきているので、本格的に完成に向けてラストスパートをかけていきたいと思います。メインストーリーは後少しで終わりそうなのでそんなに心配はしていませんが、ゲームの見栄えをよくするためにも装飾は時間の許す限り追加していきたいと思います。


 最初のころは一つの関数を少し変えるだけで一日が潰れていましたが、少しずつ早くなってきていると信じたいです...!テストも迫ってきているので、本当に時間との闘いになってくると思いますが、出来る限り理想の状態に近づけられるようにしていきたいと思います。



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


https://pipoya.net/sozai/


<参考文献>

・侍エンジニア 「JavaScriptのオブジェクトはこう書け!使い方の基本を徹底解説!」、(https://www.sejuku.net/blog/61326 閲覧日:2026年1月7日)

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

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

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

このブログの人気の投稿

はじめていきます

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

マップ(仮)作成と今後の予定