投稿

12月, 2025の投稿を表示しています

Stage03及び04のイベント内容と変更点諸々

イメージ
まずはStage03、04のイベント内容です。 前回同様、プログラム自体はほぼ変わらないので幾つかのシーンのみの簡単な紹介となります。 Stage04に関しては敵を倒す必要がない(というか倒せない)ので、 ある地点まで進むことが出来たらイベントが発生するようになっています。 Stage03: Stage04: 抜粋ですがこんな感じです。 また、前回までは複数回敵に触れられると画面にGAME OVERと表示されて、ゲーム自体が終了してしまう仕様でしたが、全体的な難易度も鑑みて、それを無くしてステージ自体を再読み込みしてリセットする仕様に変更しました。変更に伴い、Stage01でプレイヤーがやられると、死んだ時用のセリフが出るようにもしました。欲を言えばステージ全体でプレイヤーが初めて倒された時にのみ出るセリフにしたかったのですが、ステージ毎に別でhtmlファイルを使っているので、その情報を同期させることが難しかったです。 挙動としてはこんな感じです。 Stage01の仕様を実現させるために、Stage01はStage01.html、Stage01(revived).html、Stage01(revived2).htmlの3つのhtmlファイルを使っています。Stage01.htmlでプレイヤーが倒されるとStage01(revived).htmlに飛び、セリフイベントが発生します。ここで更にプレイヤーが倒されてしまった場合の為に、セリフも全く無く独立して循環するStage01(revived2).htmlに飛ぶようになっています。 こんな感じで、初めてプレイヤーが倒された時のみ出るセリフイベントを作っています。確実にもっと良いやり方があるのだろうと思いますが、試行錯誤の結果なのでご容赦を。 今回はここまで。 前回の投稿から少し期間は空いてしまいましたが、Stage3・4のイベント内容と全体的な仕様の見直しに時間がかかってしまいました。 次回はいよいよ最後のステージと物語的帰着までを作っていきます。期限も残りあと僅かなので悔いの残らぬよう、満足する所まで持っていけるよう最後まで作っていきます。 それではお疲れさまでしたー。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+C...

Stage02のイベント内容

イメージ
 という訳で今回はStage02のイベント内容の紹介です。 と言っても、基本的なプログラムは前回と同じで内容だけが変わっています。 なので、簡単な紹介のみとしたいと思います。 前回同様、ステージに入って一歩進むとイベントが始まり、プレイヤーと敵は動けなくなります。セリフを最後まで進めると自動でイベントが終わり、敵もプレイヤーも動けるようになります。 欲を言うと、もっと演出を加えたイベントの始め方をしたいのですが、いつかの宿題とします。 こちらも前回同様、全ての敵を倒すと次のイベントが始まり、会話を最後まで進めるとイベントが終わり、次のステージへ進めるようになります。 ここで、プレイヤーはある程度の操作に慣れてくるはずなので、これ以降難易度が上がっていきます。 プログラムの内容は前回とほぼ同じなので省略します。 という訳で、短いですが今回は終わります。 次回はStage03のイベント内容についてですが、特にStage01及び02とセリフ以外は殆ど変わらないのでStage03は今回よりも更に簡単な紹介に抑えて、Stage04もまとめて紹介しようかなと思っています。 安定の予定は未定という事で... お疲れさまでしたー 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく!』インプレス, 2022 年 素材: ぴぽや倉庫  https://pipoya.net/sozai/ ドット絵世界  https://yms.main.jp/