一人称・三人称カメラを備えた RPG
Three.js の RPG に一人称と三人称カメラを追加してください。視点を切り替えても移動と探索を継続できるようにしてください。
出典のあるアイデアから、動く 3D 体験へ
Claude Fable 5.1 の 3D プロンプト・作例
Three.js ゲーム、WebGL 世界、Blender シーン、シミュレーション、操作できるサイトに使える、無料の Claude Fable 5.1 用 3D プロンプトと出典付き制作指示です。
注目の制作結果
プロンプト 82 件
コピーして、自分の作品へ
Claude Fable 5.1 の 3D 作例とプロンプト
歴代大統領の執務室を見比べる
歴代大統領による大統領執務室の変化を探索する、インタラクティブな Three.js 作品を作成してください。時代を切り替えて家具、装飾、室内構成を観察できるようにしてください。
32 人が動く、歩いて巡れるオフィス
Three.js でブラウザ用オフィスを作成してください。一人称移動、来訪者を名前で迎えるリグ付きの 32 人、クリックできる扉、周回操作、設計図表示を含めてください。
一度で作る Three.js 空港シミュレーション
滑走路、ターミナル、飛行機の地上走行と離陸、地上車両、時間帯で変わる光、全体を見渡すカメラを備えた Three.js 空港シミュレーションを一度で作成してください。
ガラスの脳で見せる能力デモ
あなたの能力を示す Three.js デモを作ってください。
ボクセルで再現するクルジュ＝ナポカの統一広場
クルジュ＝ナポカのピアツァ・ウニリイを、インタラクティブなボクセルワールドとして制作してください。広場だとわかる配置と名所を生かし、探索可能なミニチュアにしてください。
コミック表現の Three.js カウボーイゲーム
Sunset Riders のアーケードらしい勢いとコミック調の描画を組み合わせた、理想の Three.js カウボーイゲームを作成してください。反応のよい射撃、騎乗アクション、印象に残る見せ場を用意してください。
Three.js のマルチプレイ海賊世界
冒険を描く海賊アニメに着想を得た、マルチプレイ Three.js 世界を作成してください。島、船、移動、戦闘、交流しながら探索を続ける遊びを含めてください。
分解表示する AI サーバーラック
NVL72 ラックと GB300 システムの分解表示を Three.js で作成してください。部品ラベル、段階的な分離、構造が分かる照明、滑らかなカメラ遷移を実装してください。
操作して眺めるトロントのスカイライン
トロントの特徴的な名所、水辺、空気遠近感、昼夜の照明、滑らかな周回と飛行操作を備えた、インタラクティブな 3D スカイラインを作成してください。
人物写真を動くボクセルに変換
アップロードされた人物写真を、10,000 個を超える操作可能な 3D ボクセルに変換してください。波状の変位、サイバーパンクのシェーダー、効率的なインスタンシング、ポインターに応じた動きを実装してください。
C++ のレイマーチング式ボクセルエンジン
C++ で Minecraft 風のレイマーチング式ボクセルエンジンを作成してください。手続き生成の地形、カメラ操作、ブロック操作、照明、性能を考慮したチャンク処理を実装してください。
レシピから作る 3D チーズケーキ動画
レシピから実際のチーズケーキを Three.js シーンとして再現してください。6 層の生地、底取れ式の型、敷き紙を個別にモデル化し、1 分間のケーキ紹介映像を作成してください。
手続き生成する Three.js の世界
一つのプロンプトから、多様な地形、バイオーム、見どころ、生き物、滑らかな探索操作を備えた Three.js の世界を手続き生成してください。
10 シーンで描く映画的なルネサンスサイト
ルネサンス絵画、編集デザイン的な文字組み、GSAP の遷移、WebGL の粒状表現、「世界を発明する」というテーマを組み合わせた、10 シーンの映画的なブラウザ体験を作成してください。
手続き生成による滝の表現研究
流れる水、飛沫、岩、大きさの感覚が伝わる Three.js の滝を作成してください。照明とカメラの構図で水の動きが分かるようにしてください。
がんの進行を示す 3D シミュレーション
変異、分裂、血管新生、浸潤、転移を示す教育用 3D がん細胞シミュレーションを作成してください。タイムラインとラベルを加え、各段階を慎重に区別して可視化してください。
Three.js で作る MS-06 風メカ
MS-06 に着想を得た精巧なメカを Three.js で作成してください。主役が明瞭に見える白い背景を使い、説得力のある比率と素材、観察用の操作を用意してください。
HTML ファイル一つで息づく宇宙
HTML ファイル一つで、生きた宇宙を作ってください。
Blender で作る空飛ぶ鍋のアニメーション
Blender で遊び心のある空飛ぶ料理鍋を作成してください。分かりやすいシルエット、リグまたは手続き的な動き、表情豊かな傾き、素材、照明、短い紹介アニメーションを用意してください。
映画的な WebGL ブラックホール
素の WebGL2 を使い、一つの HTML ファイルで映画的なブラックホールを作成してください。レイマーチングによる重力レンズ、手続き生成の降着円盤、ドップラービーミング、周回する粒子を含めてください。
機構が正しく動く水車村
水車が自然な回転比で歯車、カム、杵を駆動する、動く Three.js の水車村を作成してください。村人や環境の動きも加え、暮らしを感じる風景にしてください。
Three.js のビー玉工場
生産の流れが分かる、ビー玉と機械が動く Three.js 工場シミュレーションを作成してください。一つのビー玉を工程に沿って追えるようにしてください。
操作して探索する Three.js の城
探索可能な部屋、塔、門、地形、雰囲気のある照明を備えた、操作できる 3D の城を Three.js で作成してください。パソコンとモバイルで滑らかに操作できるようにしてください。
GitHub でコードを確認できる Claude Fable 5.1 の 3D 作例
実装を確認したい場合は、GitHub プロジェクトに絞り込むか、モデルをまたいでコード付き作例を探してください。コードの再利用前にリポジトリのライセンスを確認しましょう。
ソースコード付きの 3D 作品を見る ↗この作例集について
Claude Fable 5.1 を 3D 制作に活用するには
Claude Fable 5.1 の公開直後に X で調査した作例を収録しています。ブラウザシューター、ボクセル都市、科学の可視化、Blender アセット、操作できるサイトが対象です。作者がプロンプト、デモ、コードはスレッド内にあると案内している場合は、返信も確認しました。
公開されている情報の範囲は作品ごとに異なります。作者の原文がある場合はそれを利用し、ない場合は公開情報からまとめた制作指示として、自分の条件に合わせて調整してください。トークンを使う前に実物を確認できるよう、リポジトリとライブデモは別々に表示しています。
活用したい場面
01
実際に遊べる 3D ゲーム
ゲームの発想を、操作、フィードバック、対戦相手、終了条件がそろったブラウザ試作に発展させます。
02
複数の仕組みが動く世界
描画、シミュレーション、UI、世界の状態を、一つの高度な Three.js／WebGL 作品で連携させます。
03
3D 制作のワークフロー
Blender、Godot、Unity を活用し、アセット、物理、アニメーション、見せられる品質のシーンを制作します。
プロンプトの組み立て方
最初の指示をより良くする
- 01
遊びの流れを固める
見た目を磨く前に、何を操作できるか、操作で何が変わるか、体験をどう終えるかを決めましょう。
- 02
挙動を検証できる形にする
カメラモード、入力、状態遷移、衝突、リスタートの挙動を、検証可能な要件として指定しましょう。
- 03
性能の条件を決める
密度の高いボクセルやシミュレーションでは、オブジェクト数の予算、インスタンシング方針、目標フレームレートを明記しましょう。
Claude Fable 5.1 の 3D プロンプト：よくある質問
すべて作者が実際に使ったプロンプトですか？
+
各項目に区分を表示しています。「作者公開の原文」は作者が指示文を公開したものです（このページでは日本語訳を表示）。「公開情報に基づく制作指示」は作品の公開説明から再構成したもので、非公開プロンプトを入手したという意味ではありません。
Fable 5.1 の 3D 制作指示はどう調整すればよいですか？
+
完成時の見た目と中心となる操作から始め、カメラ、操作方法、ビジュアル方針、性能の上限、合格条件を追加します。大規模な制作では、評価と実装を明確な段階に分けましょう。
ソースコードや実際の作品を確認できますか？
+
リポジトリや動く作品を公開している作者もいます。リンクは個別に確認できた場合のみ、元の X 投稿とは別に表示しています。