Skip to content

Coriakin/game-catch-all-the-colors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

14 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Catch all the colors Game ๐ŸŒˆ

๐ŸŽฎ Play Online

Play the game now on GitHub Pages!

Background / Why?

To get my kid more into gaming, I had an idea of getting her excited about coming up with ideas for games that she can then play. It is a struggle finding games that are not scary, or where you are punished when failing and so on. We bounce ideas, and will probably prototype on paper and I will try to implement the ideas, we shall see where this ends up and if it's a regular thing.

What this is

A 'fun' 2D top-down labyrinth game where you collect rainbow colors while avoiding cute poop enemies!

How to Play

  1. Objective: Collect all 7 rainbow colors to complete your rainbow, then continue collecting for higher scores!
  2. Controls:
    • Use WASD or Arrow Keys to move your character
    • Press SPACE to break walls in front of you
  3. Player: You play as a cute girl character
  4. Enemies: Avoid the poop pile enemies that roam around randomly
  5. Color Dots: Collect floating color dots to build your rainbow
  6. Rainbow Trail: Collected colors follow you around in a beautiful trail
  7. Collision: If you touch an enemy, you respawn and lose your last collected color
  8. Wall Breaking: Use SPACE to break walls and create new paths through the maze

Features

  • Randomly Generated Maze: Each game has a unique labyrinth layout with widened corridors and alternate paths
  • Beautiful Rainbow Colors: Collect Red, Orange, Yellow, Green, Blue, Indigo, and Violet
  • Floating Animation: Color dots gently float and pulse with a glow effect
  • Rainbow Trail: Your collected colors orbit around you as you move in a snake-like trail
  • Wall Breaking: Break through maze walls using SPACE key to create shortcuts and new paths
  • Dynamic Color Spawning: Always 8 color dots in the maze - new ones spawn as you collect them
  • Score System: Track your total colors collected across multiple rainbow cycles
  • Rainbow Completion Effects: Special visual celebrations when you complete a full rainbow
  • Cute Characters: Girl player character and non-scary poop enemies
  • Responsive Controls: Smooth movement with keyboard input
  • Infinite Gameplay: Continue playing after completing rainbows for higher scores
  • Visual Effects: Wall breaking particles, glowing colors, and smooth animations

How to Run

  1. Simply open index.html in any modern web browser
  2. No installation or server required!
  3. The game runs entirely in the browser using HTML5 Canvas

Game Mechanics

  • Advanced Maze Generation: Uses recursive backtracking algorithm with additional alternate paths and widened corridors for fair, solvable mazes
  • Enemy AI: Enemies move randomly through the maze at different speeds
  • Dynamic Color System: All 7 rainbow colors spawn randomly throughout the maze, with new colors spawning to maintain 8 active dots
  • Color Cycling: After collecting all 7 rainbow colors, the cycle resets allowing for continuous gameplay
  • Wall Breaking System: Players can break walls to create shortcuts, with visual particle effects
  • Smart Collision Detection: Precise grid-based collision for fair gameplay
  • Trail Physics: Snake-like color trail that follows the player with proper spacing and movement
  • Score Tracking: Persistent score system that tracks total colors collected across rainbow cycles
  • Respawn Mechanics: When hit by enemies, players respawn at start and lose their most recent color
  • Visual Effects: Glowing colors, rainbow completion celebrations, wall break particles, and smooth animations

Controls

  • Movement: WASD keys or Arrow Keys
  • Wall Breaking: SPACE key (breaks the wall in the direction you're facing)
  • Celebration Skip: Press any key during rainbow completion celebration to continue playing

Game Tips

  • Strategic Wall Breaking: Use SPACE to break walls and create shortcuts through the maze
  • Color Management: You can hold up to 14 colors (2 full rainbows) before older ones are removed
  • Enemy Avoidance: Plan your routes carefully - losing a color to enemies means it respawns somewhere random
  • Score Building: Complete multiple rainbow cycles to build up your score
  • Trail Following: Your collected colors follow you in a beautiful snake-like trail
  • Maze Exploration: Each maze is randomly generated with multiple paths and open areas

Enjoy collecting your rainbow! ๐ŸŽฎโœจ