Three.jsでパンダ3Dモデル生成|AIプロンプト作例
CODE PREVIEW
プレビューを読み込み中…
P
プロンプト
家族向けで、よりリアルなパンダの3dモデルでサファリパークのwebGLみたいな背景、クリックができるようにしてください。
このプロンプトは、Three.jsやBabylon.jsなどのWebGLベースのライブラリを活用して、リアルなパンダの3Dモデルとインタラクティブなサファリパーク背景をブラウザ上で実現するコードや設計案を生成させるものです。「家族向け」という制約を加えることで、柔らかいトーンの色彩やUIが提案されやすくなる点が特徴です。
クリック操作の要件を明示しているため、オブジェクトへのレイキャスト処理やアニメーショントリガーも含めた実装案が得られます。動物園や自然公園の紹介サイト、子ども向け教育コンテンツのプロトタイプ制作など、ビジュアルリッチなWeb体験を素早く試作したい場面に適しています。
プロンプトの解説
このプロンプトは、Three.jsやBabylon.jsなどのWebGLベースのライブラリを活用して、リアルなパンダの3Dモデルとインタラクティブなサファリパーク背景をブラウザ上で実現するコードや設計案を生成させるものです。「家族向け」という制約を加えることで、柔らかいトーンの色彩やUIが提案されやすくなる点が特徴です。
クリック操作の要件を明示しているため、オブジェクトへのレイキャスト処理やアニメーショントリガーも含めた実装案が得られます。動物園や自然公園の紹介サイト、子ども向け教育コンテンツのプロトタイプ制作など、ビジュアルリッチなWeb体験を素早く試作したい場面に適しています。
このプロンプトは役に立ちましたか?
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選