https://github.com/abulgit/animation-in-js
https://github.com/abulgit/animation-in-js
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/abulgit/animation-in-js
- Owner: abulgit
- Created: 2023-08-01T12:20:11.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-01T12:53:23.000Z (almost 3 years ago)
- Last Synced: 2025-02-05T03:41:15.333Z (over 1 year ago)
- Language: JavaScript
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Animation-in-JS
This is a simple particle explosion animation project using JavaScript and HTML5 canvas.
I Create this project on the Task of MLH Global Hack Week(GHW).
## Description
The animation displays a canvas with the text "Click anywhere in the box" at the center. When you click on the canvas, a burst of colorful particles will explode from the clicked position.
## How to Use
1. Clone the repository:
git clone [https://github.com/your-username/particle-explosion-animation.git]
2. Open the `index.html` file in your web browser.
3. Click anywhere inside the canvas to trigger the particle explosion animation.
## Customization
You can customize the animation by adjusting the following parameters in the `animation.js` file:
- `numParticles`: The number of particles in the explosion.
- `colors`: An array of colors from which particles are randomly selected.
Feel free to experiment and modify the code to create your own unique animations!
## Acknowledgments
Special thanks to the creators of the tutorials and resources that helped in creating this animation.