Cafe Defense

Inspiration

The inspiration for Café Defense comes from a deep, personal love for cats and the explosion of the "cozy gaming" genre. Looking at popular, relaxing titles like Cats & Soup, we wondered: What if we took that warm, adorable aesthetic and fused it with the tense, rewarding strategy of a lane-defense game like Plants vs. Zombies? The result is a game that feels like a warm cup of coffee but keeps your brain engaged.

What it does

Café Defense is a mobile-first, cozy tower defense game where players deploy a team of unique, talented cats to protect a café's precious espresso reserves from waves of marching Dust Bunnies. Players manage a single resource (Yarn 🧶) to strategically place defensive cats:

Calico Cats drop dynamic puddles that slow down rushing threats.
Siamese Cats act as long-range snipers to finish them off.

It balances casual charm with real tactical depth, especially when fast-moving "Zoomie Sprites" force players to create clever status-effect combinations.

How we built it

We built a fully functional, real-time interactive prototype using pure HTML5, CSS3, and JavaScript.

The Frontend UI uses a responsive, mobile-portrait tabbed folder layout that acts as a live visual pitch deck, presenting our design document, color palettes, and strategy alongside the game.
The Gameplay Engine runs a 60 FPS requestAnimationFrame loop that handles real-time target tracking, custom vector shooting physics, area-of-effect aura calculations, and enemy path-finding.

Challenges we ran into

One of the biggest hurdles was translation—taking complex tower defense math (like making projectiles accurately track a moving target) and scaling it down so it runs smoothly on a mobile browser without lagging. Balancing the speeds and health points so the game feels fair, rewarding, and "cozy" rather than frustratingly stressful was an intense exercise in rapid game-balancing.

Accomplishments that we're proud of

We are incredibly proud of building a complete, playable slice of the game that judges can test right in their browsers without installing a thing. Successfully creating a working synergy between the Calico's slowing zone and the Siamese's sniper attack proved that our core design loop works perfectly in practice, not just on paper.

What we learned

We learned that UI is design. Designing specifically for a mobile phone viewport forced us to prioritize layout hierarchy—keeping vital stats like Yarn and Health at the top corners where a player's hand won't accidentally block them, and keeping action decks near the bottom for single-thumb comfort. We also learned how to scope a true Minimum Viable Product (MVP), cutting extra features to perfect the core loop first.

What's next for Cafe Defense

Moving past the validation stage, the next steps for Café Defense include:

Implementing the Tabby Cat to introduce Area-of-Effect splash damage mechanics.
Building out the meta-progression loops, including the Kitchen (for unlockable gameplay items) and the Lounge (where players spend star points on cute cosmetic outfits like a Tiny Chef Hat).
Integrating real-time time/weather shaders that dynamically adjust the café's lighting based on the player's real-world clock.