オリジナルのブラウザ3Dリズムゲーム「BIT ENCOUNTER」を作りました。

特別ゲーム開発をやろうと思っていたわけではなく、もともとは自分で制作していた楽曲「BIT ENCOUNTER」がスタート地点です。

曲を作って、ビジュアルを作って、映像を作っているうちに、

「これ、そのまま音ゲーにしたら面白いんじゃない？」

と思ったのが始まりでした。

PCでもスマホでも遊べるブラウザ3Dリズムゲーム

BIT ENCOUNTERは、ブラウザ上で動作するシンプルな3Dリズムゲームです。

アプリのインストールは必要ありません。

PCはもちろん、スマートフォンにも対応しています。

PCではキーボード、スマートフォンでは画面を横向きにしてタッチ操作でプレイできます。

画面奥から流れてくるノーツを、音楽に合わせてタイミングよくヒットしていくシンプルなルールです。

PC版の操作は6レーン。

S / D / F / J / K / L

キーボードのホームポジションに近い配置なので、基本的には両手を置いたままプレイできます。

スマートフォンでは、横画面いっぱいに広がるゲーム画面を直接タップして操作します。

Webページを開けばそのまま遊べるので、PCでもスマートフォンでも気軽に試してもらえます。

▶ BIT ENCOUNTER
https://kitsunebilamp.com/bit-encounter/

楽曲もビジュアルもゲームも、生成AIを使って制作

今回面白かったのは、制作工程のかなり広い範囲で生成AIを使っていることです。

楽曲制作、歌詞のブラッシュアップ、ビジュアル制作、映像表現、ゲームの仕様整理、そして実装。

AIに全部作らせたというより、

「自分が考える → AIと相談する → 作る → 確認する → 気に入らないので直す」

をひたすら繰り返しています。

このあたりは普段のWeb制作とあまり変わりません。

むしろ生成AIを使うようになってから、「何を作りたいのか」「何が気に入らないのか」を人間側が明確に判断する必要性は以前より大きくなった気がします。

ゲーム開発経験がなくても、ここまで作れる

自分の本業はWeb制作なので、WebサイトのHTML、CSS、JavaScriptなどは普段から扱っています。

ただし、本格的なゲーム開発を専門にやってきたわけではありません。

今回のBIT ENCOUNTERでは、AIコーディングをかなり積極的に利用しました。

「6レーンのリズムゲームにしたい」

「3D空間の奥からノーツを流したい」

「PCはS / D / F / J / K / Lで操作したい」

「スマートフォンでは横画面のタッチ操作に対応させたい」

「この曲に合わせたい」

といった形で、まず人間側でゲームの仕様や体験を決め、それを実装可能な形へ落とし込んでいきます。

実装されたものを実際に触って、

「違う」

「遅い」

「見づらい」

「スマホだと操作しにくい」

「もっとこうしたい」

と修正していく。

この繰り返しです。

AIによってプログラムを書くハードルが下がったというより、アイデアから実際に動くものまでの距離が一気に短くなったという感覚の方が近いかもしれません。

Webサイトとゲームの境界も曖昧になってきた

今回作っていて特に感じたのがこれです。

Webサイトを作る技術。

音楽を作る技術。

映像を作る技術。

ゲームを作る技術。

以前なら、それぞれ別の専門領域としてかなり距離がありました。

でも生成AIとAIコーディングを間に挟むことで、その境界が急速に薄くなっています。

「曲を作ったからMVを作る」

だけではなく、

「曲を作ったから、その世界に入って遊べるものを作る」

という選択肢まで個人制作の延長線上に入ってきました。

しかも今回のようにWeb技術をベースにすれば、専用アプリとして配布しなくても、URL一つでPCとスマートフォンの両方に届けられます。

これは結構面白い変化だと思っています。

BIT ENCOUNTERはまだ実験中

現時点のBIT ENCOUNTERは、完成された商用ゲームというより実験作品です。

だから今後、ゲームバランスや演出、操作感、PC・スマートフォンそれぞれのUIなども変えていくかもしれません。

ただ、「自分で作った曲を、自分で作った世界の中で遊べる」というところまでは実現できました。

Web制作をやっていた人間が、生成AIを使いながら音楽、画像、映像、そしてゲームまで一つにつなげてみる。

そんな実験として遊んでもらえたら嬉しいです。

BIT ENCOUNTER

Browser-based 3D Rhythm Game
PC / Smartphone Supported

https://kitsunebilamp.com/bit-encounter

Created by kitsunebilamp / 狐火らんぷ