Claude Opus 5.5参考用の制作指示

画像から作るプロシージャルなThree.js 3Dメインメニュー背景

Majid Manzarpourが、アップロードした画像を単一のHTMLファイル内で、完全にプロシージャルかつアニメーション対応のThree.js 3Dメインメニュー背景として再現するためのプロンプトを紹介しています。元の投稿では、このテストをOpus 5.5で実施したと記載されています。

作者 Majid Manzarpour元の出典を見る

この作例について

作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。

Three.js3DメインメニューゲームメニュープロシージャルアニメーションHTML画像から3D

プロンプト

この画像を完全に再現した、プロシージャル生成によるアニメーション対応のThree.js 3Dメインメニュー背景を、単一のHTMLファイルで作成してください

普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。

主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。

オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。

プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。