Rainbow Catcher is a colorful HTML5 browser game where you guide Chillcat left and right to stay under a moving rainbow and earn points. Collect stars for extra score, dodge falling lightning to avoid losing lives, and try to beat your high score. The game runs at a resolution of 960×540 and automatically scales to fit any screen.
Features
- Polished cartoon visuals and UI
- Simple mouse-only controls with smooth movement
- Score, timer, and lives display
- Stars give bonus points, lightning removes lives
- Lightweight HTML5 Canvas game with no external libraries
- Works in all modern desktop and mobile browsers
Controls
- Mouse: Move left or right — Chillcat follows your cursor
- Stay under the rainbow to score points
- Collect stars for bonus score
- Avoid lightning or you will lose lives
What’s Included
-
rainbow_catcher/rainbow_catcher.html– main HTML entry file -
rainbow_catcher/rainbow_catcher_data/– all assets (images, sounds) and JavaScript code - Commented source code for easy modification
- Documentation with setup, structure, and deployment instructions
Setup and Deployment
- Upload the full
rainbow_catcherfolder to your web server and openrainbow_catcher.html. - Or embed the game using an
<iframe>— it scales automatically to fit. - For local testing, run a static server (for example with Python:
python -m http.server) and open the game in your browser.
Technical Notes
- Base resolution: 960×540 (auto-scaled to fit screen)
- Built with HTML5 Canvas and vanilla JavaScript
- No external frameworks or plugins required
