Skip to content

๐ŸŽ† Interactive fireworks that won't get you arrested by the fire department\! Click to explode things digitally. Features: particle physics, questionable life choices, and more badges than a Boy Scout convention.

License

Notifications You must be signed in to change notification settings

davidyen1124/fireworks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

26 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽ† Interactive Fireworks: Because Your Life Needs More Explosions

Made with React Powered by Canvas Vite GitHub Pages License: Sarcastic Maintained Works on My Machine Build Status Dependencies Code Quality Commits Fun Factor Explosion Level Batteries Included Coffee Powered Bugs Support Documentation Tested Security

Finally, a way to blow stuff up without the FBI showing up at your door!

๐ŸŽฎ Live Demo (Warning: May cause uncontrollable clicking)

Interactive Fireworks Preview

Look at those beautiful pixels exploding in perfect harmony! Just like my code review feedback.

๐ŸŽ† Features (AKA: What You're Getting Into)

  • Real-time fireworks animation: Because static images are for quitters
  • Interactive click/touch controls: Your mouse has never felt so powerful
  • Twinkling star background: Stars that twinkle more than your career prospects
  • Smooth rocket trails: Smoother than your pickup lines
  • Responsive design: Works on devices from potato phones to NASA supercomputers
  • Beautiful color variations: More colors than a unicorn's breakfast

๐Ÿš€ Getting Started (If You Dare)

"Another JavaScript project? How original!" - Every developer ever

  1. Clone this masterpiece (and by masterpiece, I mean organized chaos):
git clone https://github.com/davidyen1124/fireworks.git
cd fireworks
  1. Install dependencies (prepare for npm install hell):
npm install
# Go grab a coffee, write a novel, learn a new language...
  1. Start the development server (cross your fingers):
npm run dev
# If it doesn't work, try turning it off and on again

๐Ÿ’ซ How to Use (It's Not Rocket Science... Wait, Actually It Is)

  • Click or touch anywhere: Watch the magic happen (or watch it crash spectacularly)
  • Hold down: Create continuous fireworks (because one explosion is never enough)
  • Move while holding: Create trails (like breadcrumbs, but more explosive)

Pro tip: If nothing happens, you probably broke it. Congratulations!

๐Ÿ› ๏ธ Built With (The Usual Suspects)

  • React: Because vanilla JS is apparently too mainstream
  • HTML Canvas: The last bastion of drawing on the web
  • JavaScript: The language that keeps on giving (bugs)
  • Vite: Because Webpack wasn't complicated enough

๐Ÿ“ฆ Deployment (The "It Works on My Machine" Experience)

This project magically deploys itself to GitHub Pages using GitHub Actions. It's like having a personal assistant, except it never complains and works for free.

๐ŸŒ Live at: https://davidyen1124.github.io/fireworks/

If the site is down, it's not my fault. Blame the internet, climate change, or your ISP.

๐ŸŽจ Preview (Spoiler Alert: It's Shiny)

Experience the earth-shattering revelation of clicking on a screen and watching colorful particles move around! Revolutionary stuff, really. Perfect for:

  • Procrastinating on actual work
  • Impressing your cat
  • Demonstrating to your parents that you "do computers"
  • Filling the void in your soul with artificial explosions

Disclaimer: No actual fireworks were harmed in the making of this project. Your productivity, however, is another story.

Made with โค๏ธ and an unhealthy amount of caffeine

About

๐ŸŽ† Interactive fireworks that won't get you arrested by the fire department\! Click to explode things digitally. Features: particle physics, questionable life choices, and more badges than a Boy Scout convention.

Topics

Resources

License

Stars

Watchers

Forks