Soggy Moggy
Vertical platformer with handcrafted pixel art across three levels
A cat jumps from platform to platform, escaping a rising threat from below. Three levels, three hazards: smog in the city, electricity in the elevator shaft, flooding at the lighthouse. Every jump is a deliberate decision. No auto-bounce, no autopilot. Wasps as enemies, one balloon per level grants an extra life. About 5 to 10 minutes per run.
More Info
Concept:
- Deliberate movement instead of auto-bounce: Every jump is a decision. No pinball effect like Doodle Jump.
- Three levels, three threats: City with smog, elevator shaft with electric shock, lighthouse with flood. Each level has its own high-risk element.
- Hand-drawn pixel art: Backgrounds, characters, and animations created in Pixelorama, spritesheets assembled in Photoshop.
Mechanics & Controls:
- Manual jump: Spacebar or left click. No autopilot.
- Wasps as enemies: Stomp to kill, contact costs a life.
- One balloon per level: Collectible that grants an extra life.
- Keyboard and mouse supported in parallel: A/D or arrow keys to move, Z or right click for action, Esc to pause.
Tech Stack & Highlights:
- Vanilla JavaScript ES2022+: No build step, no external bundlers.
- HTML Canvas 2D: 480x640 pixels in portrait format.
- React via UMD bundles: Overlay screens (Start, Pause, Game Over) without JSX, because Babel-standalone blocks XHR on file://.
- 15 flat JS modules: Clearly separated responsibilities.