適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
インタラクティブな3D航空機エンジン展示
YouWareが公開した、インタラクティブで高精細な3D航空機エンジンのWeb展示を構築するための再利用可能なプロンプトです。分解アニメーションやパーツの分解表示、クリックまたはホバーで表示されるパーツ情報、滑らかなカメラ操作に対応した詳細なエンジンモデルを求めています。元の投稿によると、同じプロンプトをGPT-6 AstraとGemini 4 Proで実行しています。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
three.js航空機エンジンジェットエンジンインタラクティブ3D分解表示分解アニメーションWeb展示カメラ操作
プロンプト
three.jsを使って、Webページ上に航空機エンジンの3Dインタラクティブ展示を構築してください。
Jigspaceのインタラクションデザイン思想を参考に、ほぼ1:1の高精度な復元を実現したリアルなモデルを作成し、金属、配管、ブレードなどの素材感やテクスチャのディテールを完全に保持してください。インタラクティブ機能には、段階的な分解アニメーション、コンポーネントの分解表示、クリックまたはホバーで表示されるパーツの説明と動作原理の解説を必ず含めてください。
全体として滑らかなカメラ操作と使いやすいインタラクションに対応し、エンジンの構造と動作原理をWeb上で十分に見せられる、快適な体験を実現してください。
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
