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

1. Upload the full rainbow_catcher folder to your web server and open rainbow_catcher.html.
2. Or embed the game using an <iframe> — it scales automatically to fit.
3. 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