Pipe Panic

Inspiration

I’ve always been a fan of the classic Pipe Mania and similar pipe-connection puzzles that challenge spatial reasoning. I wanted to capture that nostalgic feel while adding a modern feel to the game.

What it does

Pipe Panic is a puzzle game where players rotate pipe segments to form a single, strictly closed loop with zero loose ends.

• Daily Challenges: Three new puzzles are released every day, spanning different difficulty levels.
• Scoring System: The game prioritizes efficiency over raw speed. Each rotation costs 100 points. Your final score is calculated by adding the total rotation costs to the number of seconds taken to solve the puzzle (lower is better!).
• Leaderboards: I built a global ranking system so players can see exactly where they stand against the rest of the community.

How I Built It

I focused on creating a snappy, reactive experience using a modern web stack:

• Frontend: Svelte for high-performance UI updates.
• Game Logic: Written in TypeScript, the core algorithm recursively checks node connections to validate the "closed loop" state instantly.
• Styling: Tailwind CSS ensures the UI is responsive and clean across all devices.

Accomplishments I'm Proud Of

• The "Feel": I managed to make the game feel tactile and responsive. The feedback when a loop closes is incredibly satisfying, featuring custom animations. It is, without a doubt, my most polished release to date.
• Dynamic State & Animations: The splash screen changes based on your daily progress. If you have puzzles left, water fills the background to create a sense of urgency. Once you finish all challenges, a "cap" is placed on the pipe to indicate completion.

What's Next for Pipe Panic

I have several ideas in the pipeline:

• Campaign Mode: A series of levels with steadily increasing difficulty.
• Alternative Game Modes: Introducing mechanics inspired by the original Pipe Mania or the hacking mini-game from BioShock.

Built With

• svelte
• typescript