A beautiful interactive fireworks display built with HTML5 Canvas and JavaScript. Click anywhere on the screen to launch colorful fireworks and enjoy the spectacular show!
- Interactive Fireworks: Click or tap anywhere on the screen to launch fireworks
- Animated Cannon: A cannon that follows your mouse cursor and fires fireworks
- Particle Effects: Realistic particle explosions with multiple colors
- Responsive Design: Works on both desktop and mobile devices
- Touch Support: Full touch screen support for mobile devices
- Automatic Show: Enjoy an automatic fireworks display on page load
- A modern web browser (Chrome, Firefox, Safari, Edge)
- No additional installations required!
- Open
fireworks-launcher.html
in your web browser - Watch the automatic fireworks display
- Click or tap anywhere on the screen to launch your own fireworks
- Move your mouse around to aim the cannon
- Hold down the mouse button for continuous fireworks
- Mouse Movement: Aim the cannon
- Left Click: Launch a single firework
- Hold Left Click: Launch continuous fireworks
- Touch (Mobile): Tap to launch fireworks, drag to aim
The fireworks colors and effects can be customized by modifying the colors
array in the JavaScript code:
colors = [
{
cannonballColor: "#affdf4",
particleColors: [
"#ff4747",
"#00ceed",
"#fff",
"pink",
]
}
];
This fireworks launcher is fully optimized for mobile devices with:
- Touch event handling
- Responsive canvas sizing
- Mobile-friendly controls
- HTML5 Canvas for rendering
- Vanilla JavaScript for animations and interactions
- CSS3 for styling and animations
- Particle Physics simulation for realistic effects
- RequestAnimationFrame for smooth 60fps animations
For more amazing projects and updates, join my Telegram channel:
๐ Click here for more projects
This project is open source and available under the MIT License.
Feel free to fork this project and submit pull requests for any improvements!
- Sound effects
- More firework types and patterns
- Color picker for custom fireworks
- Save and share firework shows
- Multiplayer mode
Enjoy the show! ๐โจ
Made with โค๏ธ by CodeAsh