ジェスチャー操作できるインタラクティブな3Dロボットハンド

比較投稿:9つのモデル構成に同じ依頼を出し、Claude Opus 5が最も説得力のあるロボットハンドを作りました。

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

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

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

Wandy3Dによる制作ブリーフ

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

Build an interactive 3D robotic-hand simulation as a polished web app. Show a articulated mechanical hand with a wrist mount on a dark studio stage with a soft floor reflection, lit by cool rim light and a warm key light. Use brushed metal and dark composite materials with visible joints and tendons or actuators. Provide a side control panel with sliders and toggles for each finger's joint angles, preset gestures such as an open palm, a victory sign and a pointing finger, and live readouts. The hand should animate smoothly between poses, and the user can orbit, zoom and pan the camera. Use a dark interface with small cyan accents and clean technical typography. Deliver a single self-contained HTML file using Three.js, built from primitive geometry. Done when every finger bends convincingly, gestures transition without clipping, and the controls respond instantly.

このプロンプトの使い方

  1. コーディングエージェントでClaude Opus 5(高推論)にビルドブリーフを渡し、単一HTMLを依頼します。

  2. 手の素材、指の本数、ジェスチャーのプリセット、操作パネルの配置を用途に合わせて変えます。

  3. 動かして各ジェスチャーの干渉を確認し、関節の可動域やイージングを調整します。

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