見出し画像

【#AIとはじめてみた】イラストが動き出す!GeminiとAntigravityで作る「団地を走るゲームアプリ」

プログラミング無知ですがゲームを作ってみた


こんにちは、toyajiです。

会社員をしながら現在大学1年生。趣味でRuning & Outdoorアパレルブランド「10Mountain(テンマウンテン)」を展開している私ですが、

今回はnoteのお題「 #AIとはじめてみた 」に乗っかって、少しばかり新しい挑戦をしたお話をしたいと思います。

それは、ブランドのデザインである世界観をベースにした、オリジナルWEBゲームを作ってみました!

カラスと車を避けながら走れ🏃‍➡️


まずは、完成したゲームをぜひ見てみてください。

🎮 ゲームURL : Danchi Runner
(※PC、またはスマホの横画面で遊べる横スクロールのアクションゲーム「Danchi Runner」です)


アパレルのグラフィックを「体験」に変えたい


なぜアパレルブランドがゲーム開発を?と思われるかもしれません。その原点は、10Mountainの商品デザインとして描いた「i was born and raised in 団地(団地生まれ、団地育ち♪)」というイラストにあります。

私が団地育ち


10Mountainはランニングやアウトドアで「機能的でリアルなトレーニングや日常に根ざしたウェア」を提案するブランドです。その中で「団地」というモチーフは、無機質でありながらも人の温もりが詰まった幾何学的な建物の連なりであり、私自身のルーツでもあります。この機能美と生活感が混ざり合ったデザインは、ブランドの中でも非常に思い入れのあるものです。

ランニングやアクティビティにフィットした素材

これまで10Mountainとしては、「静止画(プロダクト)」として表現してきたこの団地の世界観。それを「もっとアクティブに、ユーザー自身が動かして体感できる形にできないか?」と考えたのが、ゲーム化への第一歩でした。

最強の相棒「Google Gemini」と「Antigravity」


とはいえ、私は普段Illustratorでデザインを描いたり、子供達のスポーツへのサポート、もちろん会社員としての仕事をしております。現在は41歳から大学で学び始めたところでもあり、本格的なゲームプログラミングを一から組み上げるのは至難の業。そこで立ち上がったのが、生成AI「Google Gemini」でした。


開発環境・エンジンとして「Antigravity」を組み合わせ、Geminiと対話しながらコードを書いていく、バイブコーディングスタイルを採用しました。


開発のプロセスは、まるで有能なエンジニアとペアプログラミングをしているような感覚です。

「横スクロールで、団地を背景にキャラクターが走って障害物を避けるゲームを作りたい」

「スマホのブラウザでも遊べるように、画面を横向き(ランドスケープ)に固定したい」

「ジャンプの落下速度をもっと自然にしてほしい」

illustratorでカラーリングしてAIに投げる

こういった自然言語の要望をGeminiに投げかけると、即座にコードとして返してくれます。もちろん、最初から完璧に動くわけではありません。キャラが画面外に消えたり、ジャンプの挙動がおかしくなったりと、数々のバグにも遭遇しました。


しかし、「エラーメッセージ」や「現状の動きの違和感」をそのままGeminiに伝えると、文句一つ言わずに的確な修正案を提示してくれます。

Anitigravityの画面


「AI」がクリエイティビティの壁を壊してくれた


この開発を通して一番感動したのは、自分が描いた「i was born and raised in 団地」のグラフィックが、コードという魔法を与えられて画面の中を生き生きと走り出した瞬間です。

スマホを横に持ち替えるだけで、まるで昔の携帯ゲーム機のように左右の移動とジャンプを駆使して遊べる操作性にもこだわりました。

これまで「ゲームを作る」というのは、特別なスキルを持った一部の人だけの特権だと思っていました。しかし、AIという相棒がいることで、「こんな世界を表現したい」という頭の中のアイデアから、実際に形にするまでの距離が圧倒的に短くなりました。

現在、ZEN大学でもAI技術や情報学を学んでいる最中ですが、こうした「自分の作りたいものを形にする実践」こそが、何よりの深い学びになると実感しています。

「#AIとはじめてみた」というテーマですが、私にとってのAIはすでに、アパレルのコピーライティングや業務効率化の枠を超え、「新しい表現の扉を開く鍵」になっています。

もし「自分のイラストを動かしてみたい」「こんなゲームがあったらいいな」というアイデアを持っている方がいたら、ぜひAIと一緒に一歩を踏み出してみてください。想像以上に楽しい世界が待っていますよ!

「Danchi Runner」、
ぜひ一度プレイしてみてください!

🎮 ゲームURL : Danchi Runner
(※PC、またはスマホの横画面で遊べる横スクロールのアクションゲーム「Danchi Runner」です)

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

この記事が参加している募集