「Third」開発日誌

 串です。今週は下記を行いました。 ・メインストーリーに必要なフラグの設置 ・flag以外の変数iを利用した処理 ・持ち物参照ページの作成 　フラグの設置に関してですが、現在予定しているフラグ数21に対して、18までの設置が完了しました。かなり終盤に入っていますが、ここからの処理がかなり複雑になってきそうです。フラグ設置に関してはこれまでとそれほど変わりがないため割愛します。 　次に変数iの利用についてですが、ストーリーの途中で道に置いてある武器を無力化して進む場面があり、すべてにフラグを使用するよりも別の変数を設置した方が見やすいと考えたため使ってみました。 　このステージに来るまではフラグで処理しているため、このステージに来ている段階で前のフラグ状況は関係ないものとして考えています。新たに変数iを定義して、武器を一つ無力化すごとにiが加算されていくようにしています。iの値に応じてプレイヤーが進めるかどうかを判定しています。 　変数を新たにすることで、flag19が何番目の樽で、のように考える必要がなく、一つ目の樽を無力化したらi=1のようにシンプルに考えることができました。 　持ち物参照ページについてですが、以前ｗキーを押してページが出てくるところまで作成していましたが、ちゃんと持ち物が増えた場合には持ち物ページにアイテムが追加される処理を追加しました。 　mtmn[]という配列を用意して、プレイヤーが新たなアイテムを入手するごとに、     mtmn.push("・アイテム名") で入手したアイテムを配列の後ろに追加しています。 　持ち物の数に応じて、黒い背景部分のｙ座標も変化するようにしています。今はまだ参照するだけのページですが、今後使用するかどうかをプレイヤーに問う処理も追加していきたいと考えています。 今後やっていきたいこと ・選択肢の追加 ・サブストーリーの作成 ・ページ切り替え 　メインストーリーの最後の方では、プレイヤーにアイテムの使用の可否を訪ねる場面や、キャラクターの質問にはいかいいえで答えるといったものを入れたいため、選択肢を画面上に表示し、方向キーなどで選択できるようにしたいと考えています。 　メインストーリーにかなり目途がついてきていて、上記の選択肢の設置が出来ないと進まない状態であるため、サブストーリーにも...

　 串です。今週はフラグの設置のみを行いました。 　 　先週に引き続き、メインストーリーに関わるフラグの設置を行いました。現在予定しているフラグ数は21個で、16個目までの設置が終わりました。半分以上は進んだように思いますが、これからが複雑になってくるので、もっとフラグ数は増えていくと思います。 　マップの用意だけ済んでいて、移動することのできなかった場所と繋がってきました。下はメインストーリー後半で行くことになる地下牢です。 　ヒロインも一緒に閉じ込められています。壁際のヒロインと同じ高さの場所にくると、自動的にヒロインと会話できるようにしています。 今後やっていきたいこと ・フラグの設置 ・タイマー処理とマップ切り替え 　フラグの設置は引き続き行っていきます。タイマー処理についてですが、この地下牢に来る前に王様と話すイベントがあり、そこで王様と話してから数秒後に地下牢のあるマップへと移動させようと考えています。setTimeoutを使って処理を実行しようと試しているのですが、現状は上手くいっておらずプレイヤーが自ら地下に飛び込むような形になっています。ステージの切り替えはfieldkeydown関数内で行っており、この中でsetTimeoutを使おうとしているために上手く動かなのではと仮説を立てていますが、解決策が思いついていないので、これも後々改良していきたいと考えています。 　前の更新から二週間後の更新ですが、あまり目立った進展は作れませんでした。来週以降もメインストーリーの制作を主に進めて、他のことにも早く取り掛かれるようにしていきたいと思います。 マップ制作で使用させていただいた素材は、ぴぽや倉庫様からお借りしています。 https://pipoya.net/sozai/ ＜参考文献＞ ・田中賢一郎『ゲームで学ぶJavaScript 入門』インプレス、2015年 ・田中賢一郎『ゲームを作りながら楽しく学べるHTML5+JavaScript 入門』インプレス、2017年 ・田中賢一郎『ゲームで学ぶJavaScript 入門　増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく！』インプレス、2022年