見出し画像

CursorでAgentに伝えるだけでミニゲームできちゃった

AIで小説を書いただけなのに、気づいたらティザーサイトやティザー動画、そしてミニゲームまで作ってしまったお話です。
AIのおかげで忙しくなってしまったご隠居志望のAKIRAです。


ゲームを作ろう

私はゲームが好きなのですが、最近のゲームはもうおじさんなのでついていけないんですよね。なのでレトロなゲームが好きで、いまだにスーパーファミコン時代のゲームが好きだったりします。

今回は、自分でレトロなゲームを作ろうということで、「クロノスサーガ」に因んだゲームを作ることにしました。

仕様をまずは考える

まずは、どんなゲームにするのかゲーム仕様を考えます。

  • なるべく簡単なものからということで横スクロールのシューティングゲームをイメージしました。

  • 次に、小説にちなんで時間を何か操る魔法で戦いたいと思いましたので、時を止めている間に弾幕を避けることを思いつきました。

  • あえて攻撃できなくして、敵の数やスピードなどで難易度をあげようと考えました。

  • 敵は雑魚とボスだけとして、クリアすると難易度が上がって周回できるようにします。

次に、どんなプラットフォームで動かすかを考えます。

  • このくらいのゲームなら特にゲームシステムなしにJavaScriptでできるだろうと思いました。

  • また画像とか用意するのがめんどくさかったので全てフォントで表現します。

  • 操作はキーボード操作としました。とりあえずサイトに設置できればいいかなと。

  • あとはベストスコアをクッキーに保存しておくのとSNSでハイスコアを共有できる機能をつけることとしました。

さて、このくらいで一回生成してもらいました。

Agentへの指示

Agentのモデルは、Claude3.7 Sonnetを選択して、上記の仕様をインプットして出力させます。

1回目はかなりシンプルな作りですが、なんとなく動くものができました。
スクショ撮っておけばよかった・・・。

さて、動くのですが、何か味気なかったのと難易度調整がシビアなので、自分で設定できるように設定画面を追加してもらいました。
サクッと出力してもらって動作確認。うん、できてます。

次に、なんかクリアした感が全くないので、ボスが時間になったら悔しがって帰るようにしました。5回その場で飛び跳ねて帰るってしたら、その通り実装されてて、本当に賢いなと思いました。

ミニゲーム(設定画面)

何度かプレイしてみては、微調整を繰り返しましたが、結構見た目をこうして欲しいとか、フォントをこれにして欲しいなど細かい調整をして完成しました。

プレイ中の画面はこんな感じですね。レトロでしょ。

ミニゲーム(プレイ画面)

ゲームオーバーになった場合とクリアした場合は同じ画面でしたが、条件分岐もきちんと対応していますし、ベストスコアの時は王冠も表示されます。

細かいところも指示すればしっかり作ってくれて嬉しいですね。
SNSの共有機能はSNSとだけ伝えたらなぜかX(Twitter)とLINEでした。
アイコンも合ったものを自動でつけてくれる親切さ。

ミニゲーム(ゲームオーバー)

あっという間に完成

おそらく1〜2時間で完成したんではないでしょうか。
昔からゲームは作ってみたかったので本当に楽しかったです。
ぜひプレイしてみてハイスコアをXで共有してもらえると嬉しいです。

まとめ

さて、このくらいのゲームならサクッと作れますよというお話でした。
スマホには未対応なので、対応を考えたいなと思います。

他にも作ってみたいレトロなゲームはいっぱいあるので、これからも作って行きたいと思います。

少しづつレベルを上げて、Unityとかのエンジンを使ったものも挑戦してみたいですね。

また、「クロノスサーガ 〜時の賢者〜」4月9日(水)から4月14日(月)まで無料ですのでA Iがどこまで小説書けるのかご確認ください。

ではでは。

いいなと思ったら応援しよう!