Three.js Interactive 3D Fireworks Simulator

This interactive 3D fireworks simulator demonstrates particle physics, gravity simulation, and real-time 3D graphics using Three.js. Users can launch fireworks by clicking anywhere in the scene or using the control panel. Each firework follows realistic physics with customizable parameters including color, size, explosion pattern, and gravity strength.

Key Features:

• Interactive Launch System: Click anywhere to launch fireworks at that position
• Customizable Parameters: Control color, size, explosion type, and gravity
• Multiple Explosion Patterns: Spherical, ring, fountain, and random explosions
• Realistic Physics: Gravity affects both rockets and explosion particles
• Visual Effects: Rocket trails, particle fading, and dynamic lighting
• Auto Launch Mode: Launch 10 fireworks automatically over 10 seconds
• Performance Optimized: Automatic cleanup of expired particles

Technical Implementation:

The simulation uses Three.js's particle system with custom physics calculations. Each firework consists of a rocket that ascends with initial velocity, affected by gravity, and explodes at its peak height. Explosion particles inherit the rocket's color and size properties, with different velocity distributions based on the selected explosion pattern.

The scene includes a ground plane, ambient and directional lighting, and a slowly rotating camera to provide different viewing angles. All visual elements are created programmatically without external assets, making the code self-contained and easy to modify.