Three.js で作る AAA 品質のカートレース
洗練された走行、個性的なコース、対戦相手、アイテム、UI、音、最初から最後まで遊べるレースの流れを備えた、AAA 品質の Three.js カートレースを作成してください。
出典のあるアイデアから、動く 3D 体験へ
Claude Fable 5.1 の 3D プロンプト・作例
Three.js ゲーム、WebGL 世界、Blender シーン、シミュレーション、操作できるサイトに使える、無料の Claude Fable 5.1 用 3D プロンプトと出典付き制作指示です。
注目の制作結果
プロンプト 82 件
コピーして、自分の作品へ
Claude Fable 5.1 の 3D 作例とプロンプト
プライベートアイランドの未来的な邸宅
私有島に建つ未来的な邸宅を、探索できる空間として設計してください。つながった 5 つの Three.js シーン、映画的カメラ移動、上質な素材、環境から伝わる物語で表現してください。
間取り図から Blender ウォークスルーへ
提示された間取り図を使って正確な Blender 3D モデルを作成し、代表的な視点の静止画と、一貫したウォークスルー動画を制作してください。
マルチプレイ恐竜サバイバルゲーム
狩猟、料理、クラフト、拠点建築、危険な恐竜、探索を続けたくなる成長の流れを備えたマルチプレイサバイバルゲームを作成してください。
WebGL シェーダーで作る AAA 群れ撃ちシューター
ThreeJS と Web シェーダーで、作れる限り最高にぶっ飛んだ爽快シューターを作って！ 大事なのは射撃、動き、反動、グラフィックス、着弾の手応え、銃を撃つ感覚。美しく設計されたアリーナに敵が大群で押し寄せる。ADS 照準、武器の慣性と重量感、アサルトライフル、ショットガン、マークスマンライフルを入れて。
10 分で Three.js ゲームを作り、さらに改善
10 分で小さな Three.js ゲームを作成してください。明確な目標、反応のよい操作、分かりやすい危険、完結した勝敗条件を用意します。その後、実際に遊べる結果を評価し、追加の修正で見た目、展開速度、フィードバックを磨いてください。
参考デザインから作る Three.js ポートフォリオ
提示された参考デザインを、完成度の高い Three.js サイトとして再現してください。重なり合う粒子、VHS と CRT の質感、流れるような遷移、操作に応じた反応を取り入れてください。
人々が暮らすボクセル中世王国
何千もの兵士、働く村人、攻城兵器、破壊可能な建造物、戦局を変えるドラゴンを備えた大規模なボクセル中世王国を作成してください。
Three.js で作る Airbus H145
Three.js で Airbus H145 ヘリコプターの 3D モデルを作成してください。キャビン、スキッド式着陸装置、ローター機構の特徴を再現し、細部を観察できるようにしてください。
精細に再現する 3D スタジアム
参考のスタジアムを、移動して見て回れる精細な 3D シーンとして再現してください。客席の段、ピッチ、屋根、照明、スケールを正確に作り、見た目の忠実度と生成費用を比較してください。
富士山頂を目指す幻想の旅
重層的な環境を通って富士山の山頂へ向かう、美しい Three.js の幻想的な旅を作成してください。雰囲気のある光、移動の遊び、登っていることが明確に伝わる体験を設計してください。
Unity で完成させるテニスゲーム
Blender 製キャラクター、安定した操作、移動とスイングのアニメーション、ボール物理、得点、対戦相手、試合進行を備えた、遊べる Unity テニスゲームを完成させてください。
GTA 風マルチプレイオープンワールドの試作
ニューヨークを舞台にした、GTA 風オープンワールドの初期マルチプレイ試作を作成してください。運転、徒歩移動、都市交通、ミッション、街が生きていると感じるゲームの流れを実装してください。
タイタニック号の危機を体験するゲーム
船内を移動し、任務をこなし、氷山を避けようとする映画的なタイタニックゲームを作成してください。分かりやすい操作と、次第に高まる危険を表現してください。
フォトリアルな Three.js の風景
説得力のある地形、植生、空、水、奥行き、照明を備えたフォトリアルな Three.js 風景を作成してください。環境を自然に見せるカメラパスも用意してください。
物理を使った 3 つのミニゲーム案
粘着ボールの障害物チャレンジ、カピバラの川サーフィン、餃子コンベアの回避ゲームという 3 つのミニゲームを磨き上げてください。それぞれに分かりやすい操作、得点、失敗条件を用意してください。
ゼロから作る Godot レースゲーム
Godot のレースゲームをゼロから作成してください。車両と環境アセットは Blender で制作し、大きなコース、気持ちよい操縦、対戦相手、HUD、レース進行を実装してください。
雨の海を一人称で探索するサンドボックス
波、雨粒、雰囲気のある照明を備えた、一人称 3D 海洋サンドボックスを作成してください。没入感のあるカメラで水上を探索できるようにしてください。
テクスチャ付き 3D アセットの制作手順
参考画像から整った 3D アセットを作り、Blender で法線とマテリアルを修正してから、Substance Painter で実制作に使えるテクスチャを作成してください。
3D の脳を巡る信号を操作して観察
大脳皮質のしわが分かる操作可能な 3D 人体脳を作成してください。EEG または MEG に着想を得た可視化で、文のような信号が脳領域を移る様子をアニメーションにしてください。
第一次世界大戦のボクセルシミュレーター
塹壕、兵士、車両、大砲、破壊表現、状況を把握しやすい戦術カメラを備えた、第一次世界大戦のボクセル戦場シミュレーターを作成してください。
ガラス瓶の中で息づくボクセル世界
ガラス瓶の中に、層になった海、帆船、灯台、島の暮らしを備えた生きたボクセル世界を作成してください。穏やかな天候、嵐、夜へと移り変わるようにしてください。
オープンワールド犯罪ゲームの試作
GTA 6 に着想を得たオープンワールドゲームを試作してください。密度の高い街、徒歩移動、運転できる車、交通、警察の対応、複数の遊べる活動を実装してください。
生命が息づくボクセル島 Aerie
周回とズームで探索できる 3D ボクセル世界を作成してください。自律的な動きで生命感を出し、舞台と住人は自由に選んでください。
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 投稿とは別に表示しています。