適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
インタラクティブ3D粒子衝突型加速器
Three.jsを使い、CERNのLHCとATLAS検出器に着想を得たインタラクティブな3D粒子衝突型加速器を、自己完結型のHTMLファイル1つで構築するための、作者による推奨開始プロンプトです。紹介されている結果に実際に使われた入力そのものではなく、同様のものを作るためのプロンプトとして提示されています。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
作者のメモ
Three.jsベースのインタラクティブな粒子衝突型加速器ビジュアライザーを構築します。アニメーション付きでスクロール操作に対応した検出器の分解表示、加速器リングのビームビュー、模擬衝突ディスプレイ、表示切り替え、時間指定再生、オフラインで利用できるHTMLとしての納品に対応させてください。
Three.js3D粒子衝突型加速器CERNLHCATLAS検出器インタラクティブビジュアライゼーション模擬衝突スクロール操作
プロンプト
Three.jsを使い、CERNのLHCとATLAS検出器に着想を得た、詳細でインタラクティブな3D粒子衝突型加速器を構築してください。
3つのビューを作成します。数千個のパーツを個別にアニメーション表示する検出器、逆方向に回転するビームを備えた加速器リング、そして模擬衝突ディスプレイです。
検出器は、大型のエンドキャップホイールやマグネットから個々のセンサーモジュールまで、6段階で展開するようにします。スクロール操作による分解、30秒・60秒・90秒の再生、一時停止、組み立ての逆再生に対応させてください。
システムごとの表示切り替え、コンポーネント数、教育向けの説明、リング周辺をカメラが移動するフライト表示を追加します。
高級感のあるダークなインターフェース、メタリックなマテリアル、控えめなゴールドのアクセント、映画的なライティングを使用してください。各パーツを見分けやすくし、過度な重なりは避けてください。
CERNの公式資料を参照してください。簡略化したジオメトリと模擬イベントであることを明確に表示してください。
オフラインで動作する自己完結型のHTMLファイル1つに加え、持ち運び可能なソースコードとREADMEを納品してください。
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
