適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
インタラクティブ3D解剖ビューア
作者は、インタラクティブなBrain Catのウェブサイトのようなものを構築するための推奨プロンプトとして、この内容を共有しています。透明化による内部表示、回転、構造の分離、領域ラベル、レイヤー操作、教育用シグナルのアニメーション、科学的な出典の明記に対応した、レスポンシブな3D解剖ビューアを求めています。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
作者のメモ
3D解剖を探索できる、動作するレスポンシブなウェブサイトを作成してください。公開されている科学データセットと、利用可能な場合は実際の解剖学的ジオメトリを使用します。外観の表示から始め、ユーザーのズームインに合わせて透明化し、内部の解剖構造を見えるようにしてください。モデルの回転、構造の分離、ラベル付き領域の選択、サイドパネルでのレイヤー切り替えに対応します。解剖、接続、個々の細胞用のタブを用意し、アニメーション表示されるシグナルと調整可能なコントロールを含めてください。ソフトなライティング、控えめな色使い、滑らかなトランジション、最小限のテキスト、方向を示す矢印、短いビジュアルチュートリアルを備えた、モダンでミニマルなインターフェースにします。出典を明確に記載し、科学データと説明用アニメーションを区別してください。
3D解剖ビューアインタラクティブなウェブサイト科学データセット解剖学的ジオメトリ透明化による内部表示分解表示された解剖構造ラベル付き領域レイヤー操作
プロンプト
公開されている科学データセットを使って、美しくインタラクティブな3D解剖ビューアを構築してください。まず外観を表示し、ズームインに合わせて徐々に透明化して、内部の解剖構造を見えるようにします。
モデルを回転させたり、構造を分離したり、ラベル付きの領域を選択したり、サイドパネルからレイヤーを切り替えたりできるようにしてください。解剖、接続、個々の細胞用にタブを分け、アニメーション表示されるシグナルと調整可能なコントロールを追加します。
ソフトなライティング、滑らかなトランジション、控えめな色使い、最小限のテキストによる、モダンでミニマルなインターフェースにしてください。矢印と短いビジュアルチュートリアルも含めます。デスクトップとモバイルの両方で動作するようにしてください。
利用可能な場合は実際の解剖学的ジオメトリを使用し、出典を明記してください。また、科学データと説明用アニメーションを明確に区別します。動作するウェブサイトとして構築してください。
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
