Three.jsで回転するPlayStation風コントローラーの手続き型モデル

GPT-6 AstraがThree.jsで、スティックやボタン、トリガーを備えた白いゲームパッドを作り、正面・側面・背面を見せています。

Claude Code + Three.js(コードのみ)Wandy 2
実際のモデル · 360°どちらも同じ写真から作成:左は Claude Code(Opus 5.5)が Three.js のコードでモデリングした、手を加えていない1回分の実行結果。右は Wandy 2。

精細な3Dモデルを作ろう

コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。

Wandy3Dによる制作ブリーフ

作者がプロンプトを公開していないため、この作品を再現する方法を私たちがまとめました。

Build a realistic 3D game controller in the browser with Three.js, delivered as one self-contained HTML file with no external model files. Model it procedurally: a white two-tone body with a black lower section, a light bar along the touchpad, rounded grips, two analog sticks, a directional pad, four face buttons with symbols, shoulder buttons and triggers, and small details on the back. Use soft studio lighting on a dark blue-grey backdrop with a subtle floor shadow and reflections. Animate the controller so it slowly turns to show the front, sides and back, and tilts gently as if floating. Use smooth physically based materials with believable roughness for plastic and rubber. Done when every part is cleanly shaped, the silhouette reads correctly from all angles, and the motion loops smoothly without clipping or seams.

このプロンプトの使い方

  1. コーディングツールのGPT-6 Astraにブリーフを貼り、Three.jsの単一HTMLを依頼します。

  2. カラーを変えたり、発光ライトを足したり、ヘッドセットなど別のデバイスに変更します。

  3. ブラウザで各角度を確認し、オービット操作やボタンを押すアニメーションを追加させます。

元の投稿作者の方ですか? このページの修正・削除をご依頼ください