Diaper Defence

• 

  Game landing page

• 

  Game screen

• 

  Game over screen

• 

  High score scene

Diaper Defense

💡 Inspiration

Every hackathon has that moment when sleep deprivation meets genius (or madness). Our inspiration came from late-night baby memes and the universal chaos of parenthood. We thought: what if we turned diaper duty into a battle of reflexes? Thus, Diaper Defense was born — a tongue-in-cheek arcade challenge where humor, precision, and poop physics collide.

⸻

🎯 What It Does

Diaper Defense is a 2D-style arcade game built in Three.js, where a crying baby at the top of the screen fires “poop darts” downward. Players control a heroic diaper, sliding side-to-side to catch them before they splatter. Points are awarded for quick reflexes and combos — but beware the rare “bomb poop” projectile, which ends the game instantly!

⸻

🛠️ How We Built It

We used Three.js to render a pseudo-2D environment using an orthographic camera, flat meshes, and sprite-mapped textures. • Game Loop: implemented using requestAnimationFrame() with modular state control (START → PLAY → GAME_OVER). • Entities: Baby, Poop, and Diaper were coded as ES6 classes with collision boxes for AABB detection. • Physics: simple downward velocity model with variable spawn rates. • Sound & UI: integrated via the WebAudio API and minimal HTML overlays for score tracking. • Assets: created in Figma and free sprite sources.

We applied a lightweight design philosophy — one loop, one mission, endless laughter.

⸻

⚙️ Challenges We Ran Into 1. Projectile timing — syncing spawn intervals and variable speeds while keeping it fun but fair. 2. Collision accuracy — 3D meshes in a pseudo-2D layout made bounding box math tricky. 3. Performance tuning — ensuring 60 FPS with multiple sprites and sounds in a browser. 4. Balancing humor and gameplay — making sure it was funny, not just messy. 5. Sleep deprivation — the real boss level.

⸻

🏆 Accomplishments That We’re Proud Of • Built a fully functional Three.js arcade game in under 48 hours. • Designed intuitive, responsive controls for both desktop and mobile. • Perfected the “poop physics” (who knew that would ever be a sentence?). • Made every judge laugh during the first 5 seconds of gameplay.

⸻

📚 What We Learned • How to use Three.js for 2D-style rendering. • How important frame pacing and collision timing are in arcade games. • How humor can drive engagement and turn a weird idea into a memorable project. • A new respect for parents… and diapers.

⸻

🚀 What’s Next for Diaper Defense • Power-ups: diaper shields, slow-motion wipes, and golden streaks. • Leaderboards: online rankings for “Top Poop Catchers.” • Mobile Port: touch-optimized and published on itch.io or the Play Store. • Multiplayer Chaos Mode: two diapers, one baby, infinite madness.

⸻

💩 Diaper Defense — turning messy moments into magnificent fun, one poop dart at a time.

Built With

• devvit
• express.js
• node.js
• reddit
• redis
• three.js
• typescript