Three.js インタラクティブ3D銀河ジェネレーター
プロンプト
Three.jsを使用して、ユーザーが星の数、渦巻腕、色、回転速度をカスタマイズできるインタラクティブな3D銀河ジェネレーターを作成します。リアルタイムコントロールと視覚的フィードバックを含めてください。
CODE PREVIEW
このコードをAIが指示通りに書き換えます。プレビューは無料、コードのコピー・ダウンロードは¥100で解放されます。
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
このインタラクティブな3D銀河ジェネレーターは、ユーザーがリアルタイムで独自の渦巻銀河を作成・カスタマイズできます。Three.jsを使用して、設定可能な渦巻腕に配置された数千の星を、銀河中心から外縁部にかけて滑らかな色のグラデーションで生成します。
ユーザーは星の数(1,000〜100,000)、渦巻腕の数(1-8)、腕の広がり、中心核のサイズ、回転速度、星のサイズ、カラースキームなどのパラメータを調整できます。インターフェースはパラメータ変更時に即座に視覚的フィードバックを提供し、銀河は3D空間で滑らかに回転します。
ジェネレーターは大量の星を効率的にレンダリングするためにバッファジオメトリを使用し、頂点カラーリングによって自然なグラデーションを作成します。インタラクティブなコントロールにより、マウスドラッグでの回転とスクロールホイールでのズームが可能で、生成された銀河の没入型探索体験を提供します。
このプロンプトは役に立ちましたか?
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / クレジットカード対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選