Hackstars is an interactive canvas project built for the Hack Club Stardance challenge. It displays a night sky filled with stars of different colors scattered randomly across the screen, which react dynamically to user input.
The main feature of Hackstars is the shockwave effect. When you click anywhere on the screen, an expanding shockwave originates from that point and pushes nearby stars away.
The shockwave consists of two main visual rings:
- An outer ring that calculates distance and pushes the stars backward.
- An inner ring that adds a glowing visual effect to the wave.
You can customize the interaction using controls on the screen:
- Adjust the shockwave strength slider.
- Adjust the expansion speed slider.
- Click the "Reset Stars" button to scatter the stars into brand new random positions.
- Clone or download this repository.
- Open index.html in any web browser.
- or open(https://dasher2801.github.io/Hackstars/)
- Click anywhere on the screen to trigger a shockwave.
- HTML5 Canvas
- JavaScript
- CSS