Google Gemini 3 + three.jsに完全に圧倒されました。 コーディングゼロで3D製品インタラクティブアプリを生成したばかりです。手のジェスチャーを使って3Dモデルの回転、拡大縮小、xyzやライティングの制御を行います AIが支配しつつある...受け入れるかどうかは別として 以下にプロンプトとコード付きのチュートリアルがあります:

1. 全くコード経験がない人が今、AIを使ってこんな高度なウェブサイトを作れるなんて信じられません AIエージェントとチャット(テキスト)で3Dモデルや機能を追加したり、UIを調整したりできます。これは信じられない... アプリプレビュー: コード&プロンプトは最後に

2. 3Dモデルを.gltf形式に変換する 今はこのフォーマットしか認識できません。どんな3Dソフトでも変換できます。テクスチャが正しく適用されているか確認してください ここで3Dアニメーションも作成できます こちらがVision Proモデルのテスト例です:

3. GLTF 3Dモデルを直接アップロードする 私はGemini 3 Proでこれを行いましたが、オンにするとサードパーティのストレージを使う代わりに3Dモデルを直接アップロードでき、はるかに便利です

4. 関数の追加 3Dモデルのx、y、zの位置を操作するためのスライダーを追加してほしいと頼んだところ、数秒で完了し、問題なく動作しました。

5. 3D環境の作成 製品のために固定された3Dワールドを作成でき、照明の追加や床に影を落とす、製品自体の内側の影を付けるよう依頼することも可能です

6. バグ修正 通常はアプリを分析してバグを自動的に修正します。エラーをコピーしたり、スクリーンショットを撮ってエージェントに修正を依頼することもできます

以下のブログでは、私が無料で作ったVision Proスタイルの3Dインタラクティブウェブサイトを再現するために必要なすべてを共有します@emergentlabs - このアプリを生成する際に使われた正確なプロンプト - アニメーション機能付きの.gltf 3D Vision Pro - VSCODE上の完全なソースコード

もしこれが感動的だったなら、 AIを学びたい@EHuangluをフォローしてください そして、もっと多くの人に知っても👇らうために「いいね」&リポストもします