3DPrompt.
GitHub
ライブラリに戻る
GPT-6 Astra参考用の制作指示

参考デザインに合わせるThree.jsインターフェース

Three.jsを使い、参考デザインを単一のHTMLファイルで再現してください。見比べて差を修正する作業を繰り返し、照明、モデルの奥行き、ガラス風の操作部を磨いてください。ポインターに反応する控えめな効果も加えてください。

作者 Meng To元の出典を見る
参考デザインに合わせるThree.jsインターフェース

この作例について

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

作者が公開した作品紹介を基に編集しています。

GPT-6 AstraThree.js

プロンプト

Three.jsを使い、参考デザインを単一のHTMLファイルで再現してください。見比べて差を修正する作業を繰り返し、照明、モデルの奥行き、ガラス風の操作部を磨いてください。ポインターに反応する控えめな効果も加えてください。

このプロンプトの使い方

01

適したツールを開く

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

02

変更する点を一つ選ぶ

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

03

シーンに独自の素材を加える

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

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