Description
Rainbow Catcher
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_catcher folder to your web server and open rainbow_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
