操作に応える WebGL キャラクター Zubli
静止した 6 ポーズから、呼吸、まばたき、手振りを行い、カーソルを目で追う WebGL キャラクターを作成してください。滑らかな 60 FPS 再生を目指して変形処理と描画を最適化してください。
出典のあるアイデアから、動く 3D 体験へ
Three.js ゲーム、WebGL 世界、Blender シーン、シミュレーション、操作できるサイトに使える、無料の Claude Fable 5.1 用 3D プロンプトと出典付き制作指示です。
注目の制作結果
プロンプト 82 件
コピーして、自分の作品へ
静止した 6 ポーズから、呼吸、まばたき、手振りを行い、カーソルを目で追う WebGL キャラクターを作成してください。滑らかな 60 FPS 再生を目指して変形処理と描画を最適化してください。
既存の流星体崩壊 VFX を確認し、破片、熱、軌跡、衝撃波、タイミング、スケール、カメラからの見やすさを改善してください。現在の操作は壊さないでください。
吊られた鉄球がレンガの塔に衝突する、焦点を絞った Blender 物理テストを作成してください。自然なケーブルの挙動、レンガの崩壊、地面との衝突、状況の分かるカメラを実装してください。
2000 年代初頭のフルティガーエアロに着想を得た、小さなインタラクティブ 3D 世界を作成してください。明るい草原、澄んだ水、泡、半透明のガラス形状、前向きな雰囲気の環境音を取り入れてください。
一人用のオープンホイールレースシミュレーターを作成してください。追従、コックピット、T カム、ノーズの視点、架空の 11 チーム、22 人のドライバー、24 戦、クイックレース、タイムトライアル、レース週末、選手権、キャリアモードを実装してください。
強襲ポッド宇宙船の高・低 LOD モデルを再設計してください。シルエットを保ちながら三角形数の予算を守り、パネルの表現を改善して、リアルタイムゲームに使えるアセットにしてください。
操作できる 3D キャラクターカードの UI を作成してください。キャラクターをポインターの動きに反応させ、カードの読みやすさと画面サイズへの対応を保ってください。
企業共和国陣営向けの、ゲームで使える重迎撃ドローンを作成してください。強いシルエット、交換式武装、伝わりやすいスケール、素材、リアルタイムアセットの制約を考慮してください。
操縦できる宇宙船、恒星系、ステーション、商品、契約、強化、リスク、旅を続けたくなる流れを備えた宇宙探索・交易ゲームを作成してください。
すべての恐竜がリアルタイム 3D モデルになった、操作できる恐竜図鑑を作成してください。独自の GLSL フレネル表現、効率的な 8 つの WebGL コンテキスト、レスポンシブなカード、詳しい種の説明を用いてください。
実装を確認したい場合は、GitHub プロジェクトに絞り込むか、モデルをまたいでコード付き作例を探してください。コードの再利用前にリポジトリのライセンスを確認しましょう。
ソースコード付きの 3D 作品を見る ↗この作例集について
Claude Fable 5.1 の公開直後に X で調査した作例を収録しています。ブラウザシューター、ボクセル都市、科学の可視化、Blender アセット、操作できるサイトが対象です。作者がプロンプト、デモ、コードはスレッド内にあると案内している場合は、返信も確認しました。
公開されている情報の範囲は作品ごとに異なります。作者の原文がある場合はそれを利用し、ない場合は公開情報からまとめた制作指示として、自分の条件に合わせて調整してください。トークンを使う前に実物を確認できるよう、リポジトリとライブデモは別々に表示しています。
活用したい場面
01
ゲームの発想を、操作、フィードバック、対戦相手、終了条件がそろったブラウザ試作に発展させます。
02
描画、シミュレーション、UI、世界の状態を、一つの高度な Three.js/WebGL 作品で連携させます。
03
Blender、Godot、Unity を活用し、アセット、物理、アニメーション、見せられる品質のシーンを制作します。
プロンプトの組み立て方
見た目を磨く前に、何を操作できるか、操作で何が変わるか、体験をどう終えるかを決めましょう。
カメラモード、入力、状態遷移、衝突、リスタートの挙動を、検証可能な要件として指定しましょう。
密度の高いボクセルやシミュレーションでは、オブジェクト数の予算、インスタンシング方針、目標フレームレートを明記しましょう。
各項目に区分を表示しています。「作者公開の原文」は作者が指示文を公開したものです(このページでは日本語訳を表示)。「公開情報に基づく制作指示」は作品の公開説明から再構成したもので、非公開プロンプトを入手したという意味ではありません。
完成時の見た目と中心となる操作から始め、カメラ、操作方法、ビジュアル方針、性能の上限、合格条件を追加します。大規模な制作では、評価と実装を明確な段階に分けましょう。
リポジトリや動く作品を公開している作者もいます。リンクは個別に確認できた場合のみ、元の X 投稿とは別に表示しています。