Stage01のイベントの内容

前回宣言した通り、今回はStage01で発生するイベントの紹介をしていきます。
Stage01のおさらいですが、プレイヤーがStage01に入ると目の前に招き猫の様な物が動いています。
そこから1歩進むことでイベントが始まります。
イベントが始まると、招き猫の動きが止まり、プレイヤーも操作することが出来なくなります。
スペースキーを押すことでセリフが進み、本作の重要部分であるアクション要素、攻撃によって倒すという流れを作っています。






5つ目のセリフを終えると自動でイベントが終わり、招き猫が動き出してプレイヤーも動けるようになります。
招き猫にツルハシを3回当てると奥の道が開き、自動で次のイベントが始まり、これを終えると次のマップ"Stage02"に行くことが出来ます。




画像だけで少し長くなってしまったので今回はここまで。次回、コードの方を解説していきたいと思います。今回のイベントを作るだけでも、多くの失敗と妥協を重ねたのでその点も含めて話せたらなと思っています。
という訳で次回は「Stage01のイベント（コード解説編）」です。
お疲れさまでした。


参考文献

田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年
田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年
田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年

素材：
ぴぽや倉庫 https://pipoya.net/sozai/
ドット絵世界 https://yms.main.jp/

コメント

コメントを投稿

このブログの人気の投稿

今後やりたいこと、懸念点など

イメージ
という訳で整理整頓回です。長くなりますがご容赦ください。 まず、次回から行っていくことを話していきます。 前回でも触れましたが、ステージが完成したので主人公のステージ毎のセリフ、そのフラグ付けを行っていきます。その際にストーリーに関わる考察要素や、物語的終着点などを考えながら作業を進めていきます。 その後、プレイヤーが死んだ時に出る"GAME OVER"という表記を無くして、Stage01に戻る仕様に変更します。（難しすぎたら調整するかもです） その際の懸念点として、フラグ等のゲームの状態をStage01からリセットするか、死んだ後もストーリーの一環として分岐させるかで悩んでいます。例えば、「最初と同じ場所に戻されている...」という風なセリフを吐かせて、御都合的に戻った訳ではなくそういう仕組みなのだとプレイヤーに理解させる為の演出を取り入れるかという事です。ゲームとしての完成度を上げる為には、絶対的に後者の方が良いはずと思いますが、未だプログラミング初心者の私は、フラグ管理が煩雑になってしまうのではないかと邪推してしまっているため、二の足要素と化しています。とりあえず、初めはリセットされて戻るだけの仕様にしておいて、時間がありそうならその仕様を取り入れようかと思っています。 その後はゲーム全体の完成度という面でやりたいことを幾つか行っていきます。 １つ目としては、敵MOBの歩行アニメーションの追加です。元々何故やっていなかったのか疑問ですが、ただ忘れていたのとそもそも歩行アニメーション用の画像がある奴限定なので、後回しにしていたというのが本音です。 しかし、見た目も変わらずただランダムに動いてる様子は違和感でしかないので、できれば改良したい部分です。 ２つ目は、今作から導入した歩行アニメーションを前作にも取り入れることです。 ゲームとしては完全に繋がっているのに操作感が急に変わり、プレイヤーを混乱させてしまうのでできれば改善したい部分の1つです。 ３つ目はStage04の難易度調整です。 作成した当初から難しすぎるかもしれないと思っていましたが、やっぱり難しい。 なので改善案を考えました。 モアイからの攻撃力が無くなる代わりに一度でも触れると定位置にプレイヤーが戻されるという仕様です。下の様に、プレイヤーが線を越えると丸の位置にチェックポイント...
続きを読む

はじめに

イメージ
  自己紹介 東京経済大学の松井です。 今回から、ゼミの卒業研究として行うオリジナルプログラムの開発日誌をここに公開していきます。 この卒業研究では、 上に添付されているゲームを改造し、オリジナルプログラムを制作することが要件となっています。 そこで私は、前回作成した研究ノートのオリジナルプログラムを移植し、新たなゲーム性と完成度の向上を図っていこうと思います。 追記: あまりにもステージが簡素だったので、申し訳程度に地面を草として、周りを木で囲んで森のような雰囲気にしておきました。 ゲームとして完成させる時に、ここら辺のクオリティも上げたいですね。 前回作成したゲーム画面を一部貼っておきます。 このゲームのプログラムを開発してからかなりの期間が空いてしまっているので、プログラムの中身を殆ど覚えていないのが現状です。 なので、取り敢えずは復習するところから始めようと思っています。 正直、新しく完全に別のゲームにしようか今でも悩んでいますが、変に愛着がわいてしまったので、いける所まで行こうと思います。 移植するにあたっては、前回適当に書いた自分に恨みを持つことが多くなりそうですが、それも良い学習と捉えて取り組んでいこうと思います。 取り敢えず今回はこんな所で終わりたいと思います。 次回、どのようなアクション要素を取り入れるか、ストーリーとどう結びつけるかといった部分を練っていきます。 お疲れさまでした～。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年 素材： ぴぽや倉庫  https://pipoya.net/sozai/ ドット絵世界  https://yms.main.jp/
続きを読む

Stage03

イメージ
  予定通り今回はStage03の紹介をしていきます。 "Stage01"で登場したまねき猫が内側両サイドに2体、"Stage02"で登場した金＆銀の女神像が外側に一体ずつ配置してあります。また、"Stage01"及び"Stage02"に登場していた時よりも少しだけ体力とスピードが上がっており、難易度も上がっています。 4体を倒すと、真っ直ぐ正面の木が消えて道が開き、"Stage04"に進みます。 本来このステージは"Stage04"とする予定でしたが、元々制作していた"Stage03"の制作が難航してしまったことと、想定していた難易度を遥かに超えてしまい、このステージを取り急ぎ制作し"Stage03"としました。 さて、短いですが今回はこんな感じで紹介は以上となります。 "Stage04"の制作はもう殆ど終わっているのですが、やはりもう少し難易度を下げるべきが未だに検討中です。 "Stage05"については特定の条件さえ気付けば簡単にクリアできるような仕様にしようと考えているのですが、面白いアイデアが思い付かず少し困っています... 取り敢えず、あまり無茶苦茶なことはせず、ストーリー性や世界観を壊さない程度のギミックボス的なものを目指します。 次回はStage04の紹介になると思います。お疲れさまでした。 参考文献 田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年 田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年 田中賢一郎『ゲームで学ぶ JavaScript 入門 増補改訂版〜ブラウザゲームづくりでHTML&CSSも身につく！』インプレス, 2022 年 素材： ぴぽや倉庫  https://pipoya.net/sozai/ ドット絵世界  https://yms.main.jp/
続きを読む