Three.jsでコード生成した2両の蒸気機関車、分解・再組立アニメ付き
GPT-6 AstraがTypeScriptで、モデルファイル無しに実行時に2両の列車を生成。車輪の動きと分解アニメもコード駆動です。
Claude Code + Three.js(コードのみ)Wandy 2
精細な3Dモデルを作ろう
コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。
Wandy3Dによる制作ブリーフ
作者がプロンプトを公開していないため、この作品を再現する方法を私たちがまとめました。
Build an interactive browser showcase of two steam locomotives, one classic and one streamlined, using TypeScript and Three.js with no external 3D model files. Generate every part at runtime from dimensions, profiles and geometry helper functions: boiler, cab, wheels, rods, tender and rails. Use a clean light interface with a serif headline, a small panel for travel speed, view buttons and a play toggle. Animate the wheels and the trains rolling along the track, with a speed slider. Add an explode and reassemble animation that separates all parts in the air and puts them back together, driven entirely by code. Allow orbiting the camera around the trains with soft shadows on a pale ground. Done means smooth performance in the browser and recognizable, detailed locomotives.
このプロンプトの使い方
TypeScriptとThree.jsのプロジェクトを扱えるコーディングエージェントで、GPT-6 Astraにビルドブリーフを貼ります。
機関車をエンジンや時計など別の題材に変え、速度操作を調整します。
ブラウザで動かし、部品のディテールやカメラ動作、ラベル付き分解図を追加依頼します。
元の投稿作者の方ですか? このページの修正・削除をご依頼ください
似ているプロンプト
すべてのプロンプトを見る
Claude Opus 5.5輪ゴムスイカ実験を再現した、弾ける3Dブラウザおもちゃ
林悦己Cheer
Claude Opus 5.5マグマだまりを備えたインタラクティブ3D火山断面シミュレーション
Konstantin Saifoulline
Claude Opus 5.5WebGPUのゼリープレス:油圧プレスで潰れて弾けるフルーツゼリー
Vib3Coded
Claude Opus 5.5WebGPUで動くジェリープレス玩具:果物グミを潰して投げる
Vib3Coded
Claude Opus 5.5スクロールで分解される機械式腕時計、WebGPUの単一HTML
Paruchh
Claude Opus 5.5地球儀・探検・内部断面を備えた単一ファイルのSVGインタラクティブ地球アトラス
Gadgetify
