https://producingtechnology.com/game/corkranmatthias_179046_15082612_st-patricks.html
The app is a St. Patrick's Day-themed browser mini-game called "Gold Catcher". The player controls a pot at the bottom of the screen, moving it left and right to catch falling gold coins while avoiding clovers. The game tracks score, streaks, and time, and ends after three missed catches.
Key UI elements and mechanics:
| Element | Description |
|---|---|
| Gold counter | Shows coins collected with a current streak multiplier (e.g., 0 x1) |
| Best Streak tracker | Displays current streak and personal best for the session |
| Timer | Counts elapsed gameplay time in seconds (0.0s) |
| Miss counter ("ouch") | Increments on each missed catch; 3 misses ends the game |
| ← / → arrow keys | Move the pot left and right |
| Mouse / touch drag | Alternative horizontal control for the pot |
| Start / Pause / Reset buttons | Game flow controls |
| Green Mode toggle | Switches the color scheme to a fuller St. Patrick's Day green theme |
Catching consecutive gold coins without missing increases a multiplier that boosts the score. Clovers are obstacles — catching them counts as a miss.
preventDefault() on the arrow key events.
x1, x2) but there is no in-game tooltip, tutorial, or label
explaining how many consecutive catches are needed to level it up. The mechanic is invisible
to new players.
Improve the Gold Catcher game with the following changes:
- Block default arrow-key scrolling: Add
event.preventDefault()inside the keydown handler for ArrowLeft and ArrowRight so the page does not scroll while the player is moving the pot.- Show a multiplier progress indicator: Display a small bar or counter beneath the multiplier label (e.g., "3 / 5 catches to next x") so players understand how to increase their bonus and have a clear short-term goal.
- Add difficulty scaling over time: Every 15 seconds, slightly increase the fall speed of coins and clovers. Show a brief on-screen banner (e.g., "Speed Up!") when the difficulty steps up so the player is aware of the change.
- Smooth Green Mode transition: Apply a CSS
transition: filter 0.4sor a short color-fade animation when toggling Green Mode so it feels deliberate rather than like a sudden visual glitch.- Add a brief tutorial overlay on first load: Show a two-line tooltip or overlay on game start that explains the controls (arrow keys / mouse) and the miss limit, dismissable by pressing Space or clicking Start.