CHAOS

• 

  Clumbo

Inspiration

The spark for CHAOS came from a perfect storm of gaming nostalgia and internet culture.
I found myself captivated by the timeless appeal of Pac-Man – that simple yet addictive maze-running mechanic that has hooked players for decades. But I also loved the endless vertical challenge of Doodle Jump, where every platform could be your last.

What really brought CHAOS to life, though, was the chaotic energy of internet culture itself. Random memes, quirky drawings, bizarre artwork I'd stumble across online — all of this visual noise and creative chaos became the aesthetic foundation for the game. I wanted to capture that feeling of never knowing what you'll encounter next on the internet, that delightful unpredictability that keeps you scrolling, clicking, exploring.

The name says it all:
$$ \textbf{CHAOS} \;=\; \text{Beautiful} + \text{Addictive} + \text{Unpredictable} $$

---

What it does

CHAOS is a dual-mode gaming experience that throws players into two distinctly challenging worlds:

Land Mode (Maze Madness)

• Navigate treacherous mazes while avoiding intelligent AI beasts
  
• Collect eggs and power-ups to survive increasingly difficult levels
  
• Master the art of maze-running under pressure with limited lives
  

Sea Mode (Vertical Survival)

• Climb ever-higher platforms as deadly water rises below
  
• Dodge falling sharks and navigate disappearing platforms
  
• Test your reflexes in a relentless upward battle for survival
  

But here's where CHAOS gets interesting: the game features a dynamic modifier system with three rarity tiers:
$$ \text{Common} \;\subset\; \text{Rare} \;\subset\; \text{Legendary} $$
Each modifier completely transforms gameplay — from invisible walls to camera shake, seaweed traps, or pixel art mode. Every game feels fresh and unpredictable.

Players can customize their experience with 16 unique Clumbo characters, each with their own visual flair, and compete on both daily and all-time leaderboards. The progression system includes collectible eggs, revive mechanics, and special Golden Egg rewards that keep players coming back for just one more try.

---

How we built it

CHAOS was built using a modern web-first approach that prioritizes both performance and accessibility.

Core Technology Stack

• Devvit Web Platform – Robust framework with seamless deployment capabilities
  
• Vanilla HTML5 / CSS3 / JavaScript – Maximum performance and direct control over game mechanics
  
• Canvas API – Custom rendering for dynamic elements like seaweed animations and particle effects
  
• SVG Assets – Crisp visuals across all devices
  

Design & Asset Pipeline

• Adobe Illustrator – All character designs, UI elements, and game assets were hand-crafted
  
• Custom Asset Management System – Dynamic loading based on character selection and modifier states
  
• Responsive Design – Built mobile-first with desktop optimization
  

Architecture Decisions

• Modular architecture with separate HTML/JS files for each major component
  
• Modifier system dynamically adjusts rendering intensity based on device capabilities
  

---

Challenges we ran into

Game development humbled me quickly. What seemed like "simple" features often turned into multi-day debugging sessions:

• Cross-Platform Consistency Nightmares
  Getting identical behavior across mobile and desktop was brutal. The black hole teleportation worked perfectly on mobile but dragged on desktop. Camera shake felt smooth on phones but stuttered on laptops. Every feature needed device-specific optimization.

• The Token Authentication Saga
  Users were randomly losing progress mid-game due to token persistence failures. Tracking down intermittent API authentication issues across game state transitions was like finding a needle in a haystack.
  Probability of reproduction:
  $$ P(\text{bug}) \approx \frac{1}{10} $$

• Performance vs. Visual Fidelity Trade-offs
  Modifiers like Pixel Art Mode and Tilt n' Shake looked amazing but tanked frame rates. Optimizing Canvas rendering and maintaining 60fps while juggling multiple animations was a masterclass in performance engineering.

• UI State Management Complexity
  With 16 characters, 3 rarity tiers, 2 game modes, multiple modifiers, and dynamic theming, keeping the UI state synchronized became exponentially complex.
  $$ \text{Complexity} \;\propto\; n_{\text{characters}} \times n_{\text{modifiers}} \times n_{\text{modes}} $$

---

Accomplishments that we're proud of

I actually finished it.
$$ \text{Success} = \text{Shipped Game} $$

---

What we learned

Game development is an iceberg. The fun, creative part — designing characters, dreaming up modifiers, sketching out game mechanics — that's just the tip.

Below the surface is a massive mountain of:

• Systems engineering
  
• Performance optimization
  
• Cross-platform compatibility testing
  
• State management
  
• Error handling
  
• User experience refinement
  

Iteration is everything. CHAOS went through countless versions — shark AI, trash talk pacing, and modifier tuning were all refined repeatedly:
$$ \text{Fun} = \lim_{i \to \infty} \text{(Iteration}_i) $$

Performance matters more than features.

---

What's next for CHAOS

This is just the beginning! The foundation is rock-solid, and the possibilities are endless:

• Multiplayer Mode – Real-time competitive maze racing
  
• Boss Battles – Epic encounters with mega-beasts in special levels
  
• Character Progression – Unlock new abilities and stats for Clumbo variants
  
• Seasonal Events – Limited-time modifiers and exclusive rewards
  

CHAOS has proven that web games can deliver console-quality experiences. The next phase is about scaling that experience to reach millions of players while continuing to innovate on what makes gaming fun, challenging, and addictive.

The chaos is just getting started!
$$ \infty $$

Built With

• devvit
• web