Sの卒研ブログ

 無事ゲームが完成し、最後のブログ更新となりました。 昨年の夏から少しずつ進めていきましたが、今思えば非常に短い期間でした。 私生活や学業面で忙しく時間をやりくりしていたため、こうできれば、ああできればといった思いがないわけではありません。コーディングの際のトラブルで実装を断念したものもいくつかありました。 しかし、まったく学びがなかったわけではありません。ゲーム作成中に思いもよらない問題に、いかに対処するかを学ぶことができました。 この学びは、今年の春から社会人として働く中で必ず役に立つものだと思っています。 今年度でこのゼミや大学から離れることは少し寂しいですが、大学の経験を生かして社会人として活躍したいと思います。

 最後のマップにイベントを追加しました このマップにいる女性に話しかけることで書きの画像の通りゲームクリアとなります。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年 素材 前田デザイン室「DOTTOWN｝（https://dotown.maeda-design-room.net/閲覧⽇：2026 年 1 ⽉ 19 ⽇）ぴぽ「ぴぽや倉庫」（https://pipoya.net/sozai/#google_vignette閲覧日:2025年1月19日） ゲーム作成にあたり上記のサイトから画像をお借りしています。ありがとうございます。

 一部画像を差し替えました。 ゲームを作成する際に本体のプログラムを優先していました。そのため、主人公や敵などの固有グラフィックはゼミで配布されたものを流用していました。 このままでは味気ないため一部画像を差し替えることにしました。 下記のとおりです。 主人公のbefor after befor after 敵キャラのbefor after befor after ゲーム作成中はbeforの方に見慣れていたので新鮮です。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年 素材 前田デザイン室「DOTTOWN｝（https://dotown.maeda-design-room.net/閲覧⽇：2026 年 1 ⽉ 19 ⽇） ぴぽ「ぴぽや倉庫」（https://pipoya.net/sozai/#google_vignette閲覧日:2025年1月19日） ゲーム作成にあたり上記のサイトから画像をお借りしています。ありがとうございます。

 先日作成した敵の出現するマップをクリアすることで行ける最終マップを追加しました。 敵出現マップに最終マップを連結しています。処理は以下の通りです。 このマップにいるキャラクターに話しかけることでイベントが発生しゲームクリアになります。 このマップでは、背景の切り替えが必要ないかつ、イベントが発生するのでfieldworkのコードを改造し作成しました。改造にあたり、fieldworkで必要な関数や機能を削除したりこのマップで必要な機能を追加したりなどしたため、コーディングがうまくいかないことが多々ありました。 マップの背景やキャラクターが描写されないといった問題が起きましたが、コンソールなどを頼りに少しずつ解決していきこの最終マップが完成しました。 諸トラブルに見舞われたものの無事完成させることができました。 あとは細かい調整などを行う予定です。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年 素材 前田デザイン室「DOTTOWN｝（https://dotown.maeda-design-room.net/閲覧⽇：2026 年 1 ⽉ 19 ⽇）ぴぽ「ぴぽや倉庫」（https://pipoya.net/sozai/#google_vignette閲覧日:2025年1月19日） ゲーム作成にあたり上記のサイトから画像をお借りしています。ありがとうございます。  

 夏ごろに開発していた研究ノートのプログラムに、敵が出現するマップを連結しました。 研究ノートのmap７の二次元配列の要素30の部分を踏むと別のHTMLファイルに移動するようプログラムを作成しました。 下の画像の通りです。 あとは敵が出現するマップをクリアすることで、さらに別のHTMLファイルに移動するようにする予定です。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年

学業面や私生活で立て込んでおり、久しぶりの更新になりました。  敵が出現するマップを五つ作成しました。 進むごとに障害物（岩）　や敵の数が増えていきます。 これらのマップごとに、クリアした際に奥に道が開く差分を用意しています。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年 素材 ぴぽ「ぴぽや倉庫」（https://pipoya.net/sozai/#google_vignette閲覧日:2025年1月17日） ゲーム作成にあたり上記のサイトから画像をお借りしています。ありがとうございます。