WEB業界に入る前からの夢だったゲーム制作

久々の更新の内容は新しい制作物報告です。

Phaser3.jsというゲーム制作に特化したJavaScriptのフレームワークです。

僕がWEB制作をそもそも始めたのは、ゲーム業界に入る技術がなくて、それでも何か近いことがやりたくて色々調べていたら

「WEB制作に使われるJavaScriptというプログラムでゲームも作れる」

という情報を知って、

「じゃあWEB制作しながらJavaScript勉強してゲーム作ればいいんじゃね？」と思ったのが始まりですからね。

ある意味悲願ですよ。

実は中学生の頃からの夢だったんですよ、ゲーム開発。



それでも技術的な不安と、モチベーションやら仕事の忙しさやらで今までなかなか作にまで至らなかったですが

公開していませんがNext.jsで勤怠管理アプリも開発していましたが、そっちがひと段落して、ようやく重い腰を上げたというか

「よし、やるか！」となったので、色々調べて着手し始めました。

元々、「javascriptでもゲーム制作が出来る」という希望を持ち続けてweb制作を続けていたので、技術選定はJavaScript / TypeScript一択でした。

その昔、数年前に「phina.js」というこれまたJavaScriptのゲーム開発用フレームワークをすこーしだけ触ったことがあったんですが、当時はJavaScriptがまだまだひよっこ（今もですが）だったので、とても作りきれる気がしなかったので、一度挫折しています。

あとはAI先生のサポートが手厚いのも開発のしやすさの１つでした。

正直、Phaser3に関しても参考資料や参考ゲームは殆ど海外のもので、それでも先述のphina.jsよりは比べ物にならないぐらい多いんですが、なかなか調べものをするにも難しかったので

日本語で気軽にヒントを得られるAIは非常に有用でした。

バイヴコーディングではなく、ヒントだけ聞いて自分で書いていたので、効率はあまりよくないと思いますが。

そもそも学習欲の方が上なので特に苦ではなかったですし、むしろ1つ1つ出来上がっていく楽しさはやはり何事にも代えられないものがありますね。

つたないながらも作り上げた処女作

そんなこんなでチュートリアルを経てから約2週間で完成しました！

いくつか考えたうちの1つですが、そんな凝った内容でもなく、比較的シンプルにわかりやすいゲームになっているかと思います。

「ハードルを上げすぎて途中で挫折する事」が回避すべき最重要事項だったので、比較的簡単なゲーム性且つ基本的なPhaser3のメソッドやロジックが学べるようなところを目指しました。

↑※画像のリンクからゲームがプレイできます。

タイトルはそれっぽいのを付けただけですが

「制限時間内にハンバーガーを1つでも多く売り上げる」ゲームです。

制限時間は30秒、ハンバーガーの出来栄えがPerfectだとタイムボーナスが少しもらえたり

逆にBadだとペナルティでタイムが-1秒されるので、間違えずに素早く作らないといけません。

操作は操作パネルのボタンをタップするだけの単純なものなので、どなたでもサクッと遊べると思います。

反面、内容はそんなにないのでボリュームは物足りないと思いますが処女作なので大目に見てください。

基本的にはハイスコア目指してひたすらスコアアタックするだけのゲームです。

今後の展望

ひとまず自分の技術力でオリジナルでゲームを作れることが分かったので

今後もいくつかクソゲーを量産して、Phaserに慣れたらもうちょっとボリュームのある中規模程度のゲームを数か月単位で開発しようかなと思っています。

ブラウザで昔やってた古のFFエンドレスバトルとかめちゃくちゃ好きだったので、テキストベースのローグライク形式のゲームとかも作ってみたさがあります。

アクションゲームなんかはハードルが一気に上がると思うので、作る時は集大成かなと思います。

ARC SYSTEM WORKSさんのブレイブルーの2Dのアクションゲーム（エントロピーエフェクトだったかな）ぐらいのが2Dゲーム最高峰クラスだと思うので

さすがに個人で目指すのは無謀だと思いますが、憧れを持つ分にはいいのかなと。

Holo Indieなんかでも2Dのインディーズゲームが短期スパンで出ているので、結構感化されてというか、モチベーションに繋がっている部分もあるので

色々見てプレイしてアイデア吸収して、もっと高クオリティのゲームが開発できるよう精進していきたいですね。