A fun and creative browser game where you move a basket to catch as many falling stars as you can within 60 seconds!
Catch bright yellow stars falling from the sky by moving your basket left and right using the arrow keys. Each star you catch adds to your score. Missed stars vanish silently. Race against the clock and aim for the highest score!
- Use โฌ ๏ธ Left Arrow and โก๏ธ Right Arrow keys to move the basket horizontally.
- Catch the falling stars โญ with your basket ๐งบ.
- Each star caught = +1 point.
- The game lasts 60 seconds โณ.
- Try to beat your High Score ๐!
- Pure HTML, CSS & Vanilla JS โ no frameworks or libraries.
- Beautiful 800x600 canvas with smooth animations.
- Stylish yellow five-point stars and a warm brown basket.
- Score displayed top-left with a shining star icon โญ.
- High score displayed top-right with a trophy icon ๐.
- Responsive keyboard controls.
- Persistent high score saved in your browser.
- Clean and creative UI with subtle shadows and glow effects.
- Canvas Size: 800x600 pixels.
- Basket: Brown rectangle (100x28 px) with a subtle border.
- Stars: Yellow 5-point polygons with glow.
- Star Speed: Constant falling speed.
- Game Duration: 60 seconds.
- Keyboard input via
keydownandkeyupevents. - Modular, well-commented code with minimal globals.
- Download or clone this repository:
- Open
index.htmlin any modern web browser (Chrome, Firefox, Edge, Safari). - Start playing immediately โ no setup required!
- Change star color or shape by modifying the drawing function.
- Adjust basket size or color in the CSS and JS constants.
- Modify star spawn rate or speed in the JS constants.
- Update game duration to make it longer or shorter.
- Add sound effects or background music for extra immersion.
Free to use, modify, and share. Spread the joy of catching stars!
๐ Enjoy the game and may your basket always be full of stars! ๐