Skip to content

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!

Notifications You must be signed in to change notification settings

codeash007/-Fireworks-Launcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽ† Fireworks Launcher

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!

โœจ Features

  • 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

๐Ÿš€ Getting Started

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge)
  • No additional installations required!

Usage

  1. Open fireworks-launcher.html in your web browser
  2. Watch the automatic fireworks display
  3. Click or tap anywhere on the screen to launch your own fireworks
  4. Move your mouse around to aim the cannon
  5. Hold down the mouse button for continuous fireworks

๐ŸŽฎ Controls

  • 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

๐ŸŽจ Customization

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",
    ]
  }
];

๐Ÿ“ฑ Mobile Support

This fireworks launcher is fully optimized for mobile devices with:

  • Touch event handling
  • Responsive canvas sizing
  • Mobile-friendly controls

๐Ÿ› ๏ธ Technical Details

  • 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

๐Ÿ“ž Connect With Me

For more amazing projects and updates, join my Telegram channel:

๐Ÿ”— Click here for more projects

๐Ÿ“„ License

This project is open source and available under the MIT License.

๐Ÿค Contributing

Feel free to fork this project and submit pull requests for any improvements!

๐ŸŽฏ Future Enhancements

  • 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

About

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!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published