Code

Rainbow Catcher

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
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey