2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Gemini 3 × Antigravityでマイクラのクローンを作ってみた!(ブラウザで動く簡易的なもの)

Posted at

はじめに:Gemini3.0によるマイクラのクローン作成ポスト

先日、X(旧Twitter)でWes Roth氏のポストを見かけました。
ついこの間リリースされたGemini3.0の進化が凄まじくマインクラフトのクローンをあっという間に完成させたというものでした。
Wes Roth氏のポスト
マイクラポスト.png

引用元: https://x.com/WesRothMoney/status/1989077051530441032
「これはすごい!やってみたい!」と思ったのですが、調べてみるとちょっと事情が思っていたものと違いました。
このポストのものはOasisという環境で動作していて、NVIDIA H100のような超高性能GPUや専用チップ「Sohu」がないとまともに動かないらしいのです。
Oasis参考サイト: https://recruit-it-remote-works.com/remomaga/oasis-ai-game-possibilities-challenges/
私の一般的なPCでは、逆立ちしても動きません。
「ハイスペックな環境がないと、マイクラクローンは作れないのか……?」
諦めかけたその時、ふと思いました。
「AI(Oasis)そのものを動かすのは無理でも、今のGoogleのGemini3.0なら簡易的なマイクラのクローンなら作成できるのではないかと」
そこで今回は、Gemini 3 にプロンプト(指示書)を考えてもらい、GoogleのAIエージェント Antigravity に実装してもらうという流れで、ブラウザで動くMinecraftクローンを作ってみました。

完成したもの

まずは完成品をご覧ください。
HTMLファイル1つだけで動作し、ブラウザがあれば誰でも遊べます。
🎮 デモサイト (GitHub Pages)
https://fe2030.github.io/minecraft-clone/
💻 ソースコード (GitHub)
https://github.com/fe2030/minecraft-clone
プレイ画面1(image.png

プレイ画面2image.png

実装された機能

  • 無限に近いワールド: パーリンノイズによる地形生成
  • ブロック操作: 設置・破壊が可能
  • テクスチャ: AIがCanvas APIで動的に生成(画像ファイル不要!)
  • 物理演算: 簡易的な重力と当たり判定
    これがたった1つのHTMLファイルで動いています。

開発プロセス:AI同士の連携プレー

今回は私は一切コードを書いていません。私の役割は「AI同士の仲介役」です。

Step 1: Gemini 3 に「開発指示書」を書いてもらう

まず、Gemini 3に対して、以下のように相談しました。

「Oasisみたいなのは無理でも、普通のPCのブラウザで動くマイクラ風ゲームを作りたい。Antigravity(コーディングが得意なAI)に渡すための、完璧なプロンプトを考えて」
すると、Gemini 3は以下のような要件定義をしてくれました。

  • 技術選定: Three.js(軽量な3Dライブラリ)を使う
  • 構成: index.html 1ファイルにまとめる(扱いやすくするため)
  • パフォーマンス: 影の計算などを省き、一般PCでも60FPS出るようにする
  • アセット: 画像を使わず、プログラムで色や模様を描画する
    これらをまとめた「Antigravityへの指示プロンプト」が出力されました。

Step 2: Antigravity に実装してもらう

次に、Gemini 3が作ったプロンプトを、そのままAntigravityに入力しました。

プロンプト(抜粋)
「あなたは熟練したWebゲーム開発者です。Three.jsを使用して、ブラウザで動作するMinecraftのシンプルなクローンを作成してください。単一のHTMLファイルで、外部アセットは使用せず……」
すると、Antigravityは猛烈な勢いでコードを書き始めました。
途中、「プレイヤーが床をすり抜ける」「クリックで開始できない」といったバグもありましたが、それも
「床抜けたんだけど直して」
と伝えるだけで、数秒で修正コードが返ってきました。

Step 3: 完成!

こうして、ものの数十分で「ブラウザで動くマイクラ」が完成しました。

技術的なポイント(AIの工夫)

AIが書いたコードを見て、面白かった点をいくつか紹介します。

1. テクスチャの「現地調達」

画像ファイルを読み込むと管理が面倒になるため、AIはHTML Canvasを使ってプログラムでテクスチャを描画する手法を選びました。
「ノイズ関数」を使って、土や石のザラザラ感を表現しています。これにより、画像素材ゼロでリッチな見た目を実現しています。

2. 1ファイル完結へのこだわり

HTML、CSS、JavaScriptがすべて1つのファイルに入っています。
「コードをコピーしてメモ帳に貼り付け、.htmlで保存すれば動く」という手軽さは、AIが提案してくれた素晴らしいポイントです。

まとめ

  • Oasisのような「AIが映像を生成する技術」は未来を感じさせますが、今の私たちには「AIにコードを書かせて、既存の技術(Three.jsなど)で動かす」というアプローチの方が、実用的で手軽に楽しめることがわかりました。
  • 「作りたいものがあるけど、技術がない」そんな時こそ、このGoogle Analyticsを使えば、誰でも爆速でアプリ開発ができる時代が来ています!

リンク

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?