見た目の方針を書く
一つの形容詞だけに頼らず、参考作品、配色、表面の質感、光の当たり方を具体的に指定しましょう。
EC、操作できる 3D 美術館、RTS を作る複合プロンプト
「EC、操作できる 3D 美術館、RTS を作る複合プロンプト」は、操作できる 3D 美術館, Wikipedia の絵画をテーマにClaude Fable 5で制作した3D作例です。実際の仕上がりを確認し、自分のプロジェクトに合わせてプロンプトを調整できます。
制作 1：30 商品と生成画像 30 枚を備えた EC ストア。 制作 2：Wikipedia から約 1,000 点の実在する絵画をデータベースに取り込む、操作可能な 3D 美術館。 制作 3：Age of Empires のクローン。
プロンプトのポイント
この 3D プロンプトで作るもの
操作できる 3D 美術館, Wikipedia の絵画, Three.js を題材にした Claude Fable 5 の 3D 作例「EC、操作できる 3D 美術館、RTS を作る複合プロンプト」を見てみましょう。作者の原文プロンプトか、公開情報を基にした制作指示かは、出典の区分で確認できます。
中心となる完成形を保ち、カメラ、操作、照明、成功時にできることを指定しましょう。見た目の細部を足す前に、まず動作を確認します。
奥行きの層で構成する
前景、中景、背景を説明すると、奥行きがあり、意図の通ったカメラパスを持つ世界を生成しやすくなります。
象徴的な動きを一つ決める
印刷、展開、周回、変形など、印象に残る操作を一つ選び、シーンの中心に据えましょう。
3D シーンを、もっと洗練された仕上がりに
プロンプトでゲームやシーンを作ったら、そこに登場するキャラクターや小物も磨きましょう。Tripo で精細なアセットを作ってシンプルな仮モデルを差し替えると、世界がより生き生きとします。
ほかのプロンプトも試す
手描きアニメ風の日本の住宅街を探索する Three.js プロンプト
Three.js で探索できる日本の住宅街を作ってください。すべて 3D にし、手描きアニメの背景のように描画してください。
無限に紙を送り出す Three.js マシンの Claude Fable 5 プロンプト
一つのプロンプトで、無限に紙を送り出す Three.js マシンを作成してください。Pinterest の静的なコンセプトを、動作する 3D ウェブアプリに変換します。紙が無限に回転しながら、その表面に動的な画像をリアルタイムで印刷し続けるようにしてください。
単一ファイルでボクセルサッカーを動かす Fable 5 の Three.js プロンプト
Three.js（CDN）を使い、単一の HTML ファイルでシンプルなボクセル風サッカーアニメーションを作成してください。ブロック状の選手が守備 2 人をドリブルで抜き、見事なゴールを決め、祝福の粒子が舞います。色鮮やかなスタジアム風にしてください。完全な HTML コードだけを出力してください。