手描きアニメ風の日本の住宅街を探索する Three.js プロンプト
Three.js で探索できる日本の住宅街を作ってください。すべて 3D にし、手描きアニメの背景のように描画してください。
ビジュアルの構想から、触れる世界へ
表現豊かな Three.js シーン、個性的な環境、生成される動き、インタラクティブな表現実験に使える、無料の Claude Fable 5 用 3D プロンプトです。
コピーして、自分の作品へ
Three.js で探索できる日本の住宅街を作ってください。すべて 3D にし、手描きアニメの背景のように描画してください。
一つのプロンプトで、無限に紙を送り出す Three.js マシンを作成してください。Pinterest の静的なコンセプトを、動作する 3D ウェブアプリに変換します。紙が無限に回転しながら、その表面に動的な画像をリアルタイムで印刷し続けるようにしてください。
Three.js(CDN)を使い、単一の HTML ファイルでシンプルなボクセル風サッカーアニメーションを作成してください。ブロック状の選手が守備 2 人をドリブルで抜き、見事なゴールを決め、祝福の粒子が舞います。色鮮やかなスタジアム風にしてください。完全な HTML コードだけを出力してください。
戦時下のベトナムの密林を軍用ヘリコプターが飛行する、映画的な 3D アニメーション。
一つの HTML ファイルで、遊べるダークファンタジー横スクロールゲームを作成してください。
The Hype は Claude Opus 5、Fable 5、GPT-5.6 Sol、Kimi K3 に、まったく同じ Three.js 手続き生成の技術課題を与えて比較しました。 各モデルが作るもの: • M4 Carbine • Glock 18C • Steyr TMP
超リアルな 3D フライトシミュレーターを作成してください。
制作 1:30 商品と生成画像 30 枚を備えた EC ストア。 制作 2:Wikipedia から約 1,000 点の実在する絵画をデータベースに取り込む、操作可能な 3D 美術館。 制作 3:Age of Empires のクローン。
3D の飛行機モデルを眺め、その中を歩ける体験を Three.js で生成してください。
独自の鳥、複数のステージ、ゲームの仕組みを備えた Angry Birds のクローンを作ってください。
3D の桜を作ってください。既製の樹木ライブラリは与えず、モデル自身に構造を生成させてください。
これはニューヨークです。エージェントがたった一つのプロンプトで、自分だけで作りました。私は指一本動かしていません。まだ信じられません。 数日前、GPT 5.6 Sol で Blender のモデリングをする投稿を見かけ、それしか考えられなくなりました。実在するものを題材に試すしかありませんでした。 まず自宅から始めました。結果はひどく、変形した灰色のプラモデルのようでした。 そこでやめることもできました。でも改善を繰り返しました。 さまざまな情報源から建物の平面形状、高さ、座標など、現地の実データを集めるエージェントを組みました。Blender MCP、スキル、ライブラリを使い、Blender 本来のツールでモデルを構築します。 仕組みが整ったところで、「armá Nueva York(ニューヨークを作って)」と入力しました。 返ってきたのはマンハッタンです。実寸で、位置はメートル単位で正確。私は頂点を一つも触っていません。 予想外だったのは、いくつかのモデルを試した結果、この用途では GPT 5.6 Sol が Fable 5 を大きく上回ったことです。 これは数日間の成果です。今も建物の細部を改善しています。プロフィールの以前の動画を見れば、更新ごとの進歩が分かります。 次は一つのプロンプトで、より広い範囲をより精細に作ろうとしています。(Blender のテクスチャと素材に詳しい方、ぜひ教えてください 🙏) でも本当に驚いているのはモデルそのものではなく、その先にできることです。 .blend は編集可能なままです。数フレーズで新しい塔を加え、大通りを動かし、都市全体を融合できます。ニューヨークにブエノスアイレスを重ね、タイムズスクエアの中央にオベリスクを立てることもできます。 都市をモデリングしているのではなく、現実を編集できる下書きに変えているのです。 リポジトリと .blend は最初のコメントに 👇 ここで進捗をすべて投稿していきます。進化が気になったらフォローしてください。まだ始まったばかりです。 次はどの都市を作ってほしいですか?
透明なガラスの真空チューブを高速で走る、未来的なリニア高速列車。
両者に送ったのは同じ一つのプロンプト。かくれんぼゲームです。カメレオンが壁に合わせて体を塗り、ロボットが探します。一つのファイル、実際に遊べること、ラウンド、得点、一致率。デモではなく完成したゲームにしてください。
3D Flappy Bird のゲームを作ってください。
Jeep 風の 4×4 を設計し、手動モデリングはせずに Blender で部品ごとに組み立ててください。
一度の指示で作るかくれんぼゲーム。手描きの部屋に白いカメレオンが隠れ、壁に合わせて体を塗り、探索ロボットの 3 回の捜索を生き延びます。ピクセル差分によるリアルタイム一致率、手続き生成の 5 エリア、合成音、得点付き 3 ラウンド。一つの HTML ファイル、ライブラリなし。
私の 3D コンフィギュレーターに、Vespa 125 を最初から最後まで追加してください。
実装を確認したい場合は、GitHub プロジェクトに絞り込むか、モデルをまたいでコード付き作例を探してください。コードの再利用前にリポジトリのライセンスを確認しましょう。
ソースコード付きの 3D 作品を見る ↗3D 制作の実践動画
独立したクリエイターが各モデルで実際に 3D 作品を作る様子を見て、上の無料プロンプトを使い、自分なりに同じ実験を試してみましょう。
Claude Fable 5 を 3D モデリングの担当として実際に試す動画です。ビジュアル指示を調整する際に考慮したい、得意な点と限界を確認できます。
YouTube ↗この作例集について
この無料の Claude Fable 5 プロンプト集は、個性的なビジュアルの発想から制作を始めるときに役立ちます。収録作例には手描きアニメ風の街、無限に紙を送り出すマシン、超現実的な建築など、コードと同じくらいアートディレクションが重要な作品が見られます。
各プロンプトを再利用できるシーンの制作指示として活用してください。世界、カメラ、光、素材、動きという順序を保ち、題材と雰囲気を入れ替えます。独自のキャラクターや小物が必要になったら、Tripo でアセットを生成してシーンに取り込めます。
活用したい場面
01
明確なアートディレクションを、Three.js のカメラ、照明、素材、環境への指示に落とし込みます。
02
ありきたりなデモではなく、動き、奥行き、ひと目で分かる個性を備えた、空気感のあるシーンを作れます。
03
一枚の参考画像を、探索できる環境、生成アートの彫刻、動くインスタレーションへ発展させます。
プロンプトの組み立て方
一つの形容詞だけに頼らず、参考作品、配色、表面の質感、光の当たり方を具体的に指定しましょう。
前景、中景、背景を説明すると、奥行きがあり、意図の通ったカメラパスを持つ世界を生成しやすくなります。
印刷、展開、周回、変形など、印象に残る操作を一つ選び、シーンの中心に据えましょう。
まず見た目の核となる考えを決め、環境、カメラの挙動、照明、表面の質感、印象的な動きを一つ指定しましょう。このページの作例で、その組み立て方を確認できます。
はい。参考画像から構図と雰囲気を取り入れつつ、操作と奥行きの層を具体的に書きましょう。平面的な再現ではなく、リアルタイムで動くシーンにつながります。