Three.js Interactive 3D Particle Fireworks Simulator
Prompt
Create an interactive 3D fireworks simulator using Three.js with particle systems. Users can click/tap to launch fireworks at different positions, each with random colors and explosion patterns. Include gravity simulation, particle trails, and interactive controls for parameters like explosion size, particle count, and gravity strength.
CODE PREVIEW
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
このインタラクティブな3D花火シミュレーターは、Three.jsを使用したパーティクル物理演算とビジュアルエフェクトを実演します。ユーザーは画面の任意の場所をクリックして、現実的な重力シミュレーションとパーティクルの軌跡を持つカラフルな花火を打ち上げることができます。
システムの特徴：
- カーソル位置での花火打ち上げ（クリック/タップ操作）
- ランダムな色と爆発パターン
- 重力を考慮した物理ベースのパーティクル移動
- シミュレーションパラメータ調整のためのインタラクティブコントロール
- 連続花火表示のための自動発射モード
- 3D視点のためのスムーズなカメラ回転
- 現実的な軌跡のためのパーティクルフェードアウト効果
Three.jsパーティクルシステム、物理シミュレーション、インタラクティブ3Dグラフィックスを学ぶのに最適です。
Prompt Overview
This interactive 3D fireworks simulator demonstrates particle physics and visual effects using Three.js. Users can click anywhere on the screen to launch colorful fireworks with realistic gravity simulation and particle trails.
The system features:
- Click/tap interaction to launch fireworks at cursor position
- Randomized colors and explosion patterns
- Physics-based particle movement with gravity
- Interactive controls for adjusting simulation parameters
- Auto-fire mode for continuous fireworks display
- Smooth camera rotation for 3D viewing
- Particle fade-out effects for realistic trails
Perfect for learning Three.js particle systems, physics simulation, and interactive 3D graphics.
Was this prompt helpful?
Comments
Comments appear after moderation
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選