参考デザインから作る Three.js ポートフォリオ
提示された参考デザインを、完成度の高い Three.js サイトとして再現してください。重なり合う粒子、VHS と CRT の質感、流れるような遷移、操作に応じた反応を取り入れてください。
次の作品につながる出発点
無料 3D プロンプト・作例集
出典付きの 3D プロンプトを参考に、自分の目的へ調整しましょう。同じアイデアを GPT-6 Astra、Claude、Kimi など、お使いのモデルで試せます。
試してみたい 3D プロンプトの作例
自分の作品に生かせる 285 のアイデア
Claude Fable 5 と Kimi K3 を比較した 3D サッカースタジアム制作課題
開発者は「3D サッカースタジアムを作って」という同じ課題をモデルに与えて比較しました。
反重力コンバットレース
ドリフト、ブースト、旋回で傾くカメラ、エアブレーキ、シールド取得を備えた、高速な Three.js 反重力コンバットレースを作成してください。異星の高架コースに軽量、バランス型、重量級の機体を用意してください。
Subway Surfers 風ゲームを作る Kimi K3 プロンプト
Subway Surfers のゲームを作ってください。
人々が暮らすボクセル中世王国
何千もの兵士、働く村人、攻城兵器、破壊可能な建造物、戦局を変えるドラゴンを備えた大規模なボクセル中世王国を作成してください。
Godot で作る Sonic 風の完成度の高い一ステージ
ローカルおよび手続き生成のアセットを使い、Godot で Sonic に着想を得た 3D ステージを磨き上げてください。勢い、反応のよい移動、リング、ループ、グラインドレール、途切れない南国の海岸を優先してください。
写真測量スキャンから編集可能なリビングへ
写真測量スキャンを基に、Blender でリビングを再構築してください。シーンをゼロからモデル化し、スキャンからテクスチャを取り出して、適切な箇所では手続き型シェーダーを使ってください。
Three.js で作る Airbus H145
Three.js で Airbus H145 ヘリコプターの 3D モデルを作成してください。キャビン、スキッド式着陸装置、ローター機構の特徴を再現し、細部を観察できるようにしてください。
一度のやり取りで作る Three.js 海戦シーン
Three.js で精細な海戦を一度のやり取りで作成してください。特徴の異なる複数の艦船、物理的に説得力のある水との相互作用、航跡と飛沫、空中戦、爆発、映画的照明、カメラ移動、性能を考慮した描画を含めてください。
単一ファイルでボクセルサッカーを動かす Fable 5 の Three.js プロンプト
Three.js（CDN）を使い、単一の HTML ファイルでシンプルなボクセル風サッカーアニメーションを作成してください。ブロック状の選手が守備 2 人をドリブルで抜き、見事なゴールを決め、祝福の粒子が舞います。色鮮やかなスタジアム風にしてください。完全な HTML コードだけを出力してください。
連鎖反応するルーブ・ゴールドバーグ装置
単独で動く Three.js の HTML ファイルで、ルーブ・ゴールドバーグ装置を作成してください。機械的な相互作用が次々につながり、最後にボタンを押して演出的な爆発を起こすようにしてください。
資料から再現するTP-7レコーダー
参考画像をもとに、Teenage Engineering TP-7をThree.jsで再現してください。形状と外から見える操作部を合わせ、細部を確認できる3Dモデルにしてください。
ブラウザ 3D ゲーム Jelly Jungle を作る Three.js プロンプト
プロンプト — 既存プロジェクトがフレームワークを使っている場合を除き、素の HTML、CSS、JavaScript と Three.js で「Jelly Jungle」というブラウザ 3D ゲームを完成させてください。 色鮮やかなおもちゃの世界やジャングルの遊び場に着想を得た、独創的なアーケード障害物コースを作成してください。（収録したテキストはここで途切れています）
単一 HTML で作る 3 種の Three.js 銃モデルのプロンプト
今回のテスト：3 つのプロンプト、単一 HTML、@threejs、完全な手続き生成、外部アセットなし。それぞれ小さな発砲ボタン（Web Audio の発砲音、マズルフラッシュ、反動、排莢）と分解切り替えを備え、ラベル付き部品に分解してから再組み立てする： 1. 5.56 M4 カービン：伸縮式ストック、safe・semi・burst 表示のロア、r14–r28 の番号付きクアッドレール、Aimpoint レッドドット、垂直フォアグリップ、折りたたみバイポッド、A2 フラッシュハイダー。10 部品に分解。 2. Glock 18C：射撃モードを切り替えられるマシンピストル、18C のポート付きコンペンセーター溝、「glock 18c / austria 9x19」の刻印、33 発の延長マガジン。スライド、ポート付きバレル、リコイルスプリング、フレーム、マガジンに分解。 3. Steyr TMP：リブ付きポリマー外装、ねじ付きバレル、一体型の前方垂直フォアグリップ、傾いた半透明の 30 発マガジン。
精細に再現する 3D スタジアム
参考のスタジアムを、移動して見て回れる精細な 3D シーンとして再現してください。客席の段、ピッチ、屋根、照明、スケールを正確に作り、見た目の忠実度と生成費用を比較してください。
自動リギングとカンフーの動作
提示された 3D キャラクターにリグを作成し、歩行、走行、複数のカンフー動作を追加してください。関節の破綻や不安定な姿勢がないかアニメーションを確認してください。
Opus 5 で参考画像から探索可能な Three.js 世界を作るプロンプト
添付画像を基に、探索できる Three.js の 3D 世界を作成してください。 要件 一人称操作（WASD とマウス視点）、衝突判定、ジオメトリのすり抜け防止。 AAA 水準の映像：PBR マテリアル、HDRI 照明、実際の影、ポスト処理（トーンマッピング、ブルーム、AA）。 動くものや操作できるものには物理を適用。 中級 GPU で 60fps。 進め方 地形、小物・形状、素材・テクスチャ、照明、物理、操作・カメラ、性能の独立した担当に分け、各担当にサブエージェントを一つ割り当ててください。 各サブエージェントは担当を最後まで受け持ち、制作内容と残る弱点を報告します。 統合したら世界を歩いてレビューし、見える不具合をすべて列挙して修正します。 一巡して不具合がなくなるか、5 回繰り返すまで続けてください。いずれの場合も未解決事項を報告してください。 実行可能な一つのプロジェクトと起動手順を納品してください。
富士山頂を目指す幻想の旅
重層的な環境を通って富士山の山頂へ向かう、美しい Three.js の幻想的な旅を作成してください。雰囲気のある光、移動の遊び、登っていることが明確に伝わる体験を設計してください。
Unity で完成させるテニスゲーム
Blender 製キャラクター、安定した操作、移動とスイングのアニメーション、ボール物理、得点、対戦相手、試合進行を備えた、遊べる Unity テニスゲームを完成させてください。
鉄道ネットワークのシミュレーションゲーム
Three.jsの列車モデルを、都市、分岐、川、橋を備えた鉄道シミュレーションへ発展させてください。列車追尾、自由移動の3D視点、アイソメトリック視点のカメラと、煙のエフェクトを追加してください。
GTA 風マルチプレイオープンワールドの試作
ニューヨークを舞台にした、GTA 風オープンワールドの初期マルチプレイ試作を作成してください。運転、徒歩移動、都市交通、ミッション、街が生きていると感じるゲームの流れを実装してください。
タイタニック号の危機を体験するゲーム
船内を移動し、任務をこなし、氷山を避けようとする映画的なタイタニックゲームを作成してください。分かりやすい操作と、次第に高まる危険を表現してください。
ベトナムの密林を飛ぶヘリコプターの映画的アニメーション
戦時下のベトナムの密林を軍用ヘリコプターが飛行する、映画的な 3D アニメーション。
鳥を飛ばす 3D スリングショットゲーム
異なる特殊能力を持つ 4 羽の鳥が登場する 3D スリングショットゲームを作成してください。狙って放す操作、破壊可能な建造物、繰り返し得点を狙える遊びを含めてください。
3D 制作の実践動画
プロンプトが動く 3D になるまで
独立したクリエイターが各モデルで実際に 3D 作品を作る様子を見て、上の無料プロンプトを使い、自分なりに同じ実験を試してみましょう。
Astra・Blender・Godotでゲームを作る
Peter Yangが4つのゲームを制作する過程を紹介。参考画像や開発環境の準備から、プレイできるシーンの構築、フィードバックを受けた改善までをたどります。
YouTube ↗BlenderのキャラクターからUnrealの世界へ
11:35からの3Dパートでは、狼男のキャラクター、アニメーション、実際にプレイできる森のシーンを紹介します。Astraの総合レビューの一部です。
YouTube ↗3D と Blender で注目のオープンソース AI、Kimi K3
指示の解釈、形状の計画、シーンの反復改善まで、Kimi K3 が 3D・Blender 制作を進める様子を確認できます。
YouTube ↗Claude Opus 5 は一つのプロンプトで遊べる 3D ゲームを作れる？
Claude Opus 5 に一つのプロンプトで遊べる 3D ゲームを作らせる実践的な挑戦です。操作、ゲーム状態、合格条件の組み立て方を考える材料になります。
YouTube ↗AI 3D モデリングはついに実用段階へ？ Claude Fable 5 を試す
Claude Fable 5 を 3D モデリングの担当として実際に試す動画です。ビジュアル指示を調整する際に考慮したい、得意な点と限界を確認できます。
YouTube ↗無料 AI 3D プロンプトライブラリ
ゲーム、世界、シミュレーションを作る 3D プロンプト
Blender モデリング、Three.js サイト、ブラウザゲーム、探索できる世界の 3D プロンプト作例を探せます。各項目を公開作品にリンクし、作者の原文と公開情報に基づく制作指示を区別しているので、何を参考にしているか確認できます。
Astra のプロンプトから始め、Claude や Kimi の作例も見比べたり、GitHub コードがある作品に絞ったりできます。参考例をコピーし、シーンに合わせて調整して、好きなモデルで試しましょう。より精細なキャラクターや小物は Tripo で制作できます。
モデル別ガイド
GPT-6 Astra の 3D プロンプト・作例
Blender シーン、Three.js サイト、ゲームの Astra プロンプトと実際の 3D 作例を探せます。結果を見て制作指示をコピーし、公開されていれば GitHub プロジェクトも確認できます。
プロンプトを見る →モデル別ガイド
Claude Fable 5.1 の 3D プロンプト・作例
Three.js ゲーム、WebGL 世界、Blender シーン、シミュレーション、操作できるサイトに使える、無料の Claude Fable 5.1 用 3D プロンプトと出典付き制作指示です。
プロンプトを見る →モデル別ガイド
Kimi K3 の 3D プロンプト・作例
遊べるブラウザゲーム、Three.js 世界、物理シミュレーション、短時間のインタラクティブなコーディング実験に使える、無料の Kimi K3 用 3D プロンプトです。
プロンプトを見る →モデル別ガイド
Claude Opus 5 の 3D プロンプト・作例
複雑な Three.js アプリ、物理シミュレーション、ブラウザゲーム、条件を丁寧に定めた操作可能な試作に使える、無料の Claude Opus 5 用 3D プロンプトです。
プロンプトを見る →モデル別ガイド
Claude Fable 5 の 3D プロンプト・作例
表現豊かな Three.js シーン、個性的な環境、生成される動き、インタラクティブな表現実験に使える、無料の Claude Fable 5 用 3D プロンプトです。
プロンプトを見る →3D プロンプトの使い方
- 01
動く仕組みを参考にする
テーマを変える前に、シーンの階層、操作、反応の流れを保ちましょう。
- 02
自分らしいアイデアに変える
すべて書き直すのではなく、題材、カメラ、配色、特徴的な操作を入れ替えましょう。
- 03
3D アセットを磨く
試作が動いたら、Tripo で独自のキャラクター、小物、環境アセットを生成しましょう。