参考画像に合わせたThree.jsインターフェース

Three.jsを使い、1つのHTMLファイルで参考デザインを再現してください。結果を繰り返し比較して差異を修正し、照明、モデルの奥行き、ガラスのような操作部を磨き、ポインターに反応する繊細な効果を加えてください。

プロンプト最適化のヒント

1

編集できる対象を明確にする

どのオブジェクトを独立させ、名前を付け、編集可能な状態に保つかを明示しましょう。見た目がよくできていても、実際には使えない場合があります。

2

テストと改善を繰り返す

モデルにシーンを実行させ、目に見える不具合を確認し、フレームレート・操作・レイアウトの具体的なチェックをすべて通過するまで修正を繰り返すよう指示しましょう。

3

大規模な制作は段階的に進める

大きなワールドを制作する場合は、作業をエリア、パーツのまとまり、マイルストーンに分け、各部分を確認してから範囲を広げましょう。

想像して、形にする。