Build a Ladder Game

Create a classic Korean ladder game (사다리타기) with just one AI prompt. Set player names, prizes, and watch the animated path reveal who gets what!

The Prompt

Copy the prompt below and paste it into Claude or ChatGPT.

Prompt

Create a single-file HTML ladder game (사다리타기) with these specifications:

1. **Setup screen**:
   - Number of players input (2-8)
   - Editable name fields for each player
   - Editable result/prize fields for each player (emoji or text)
   - "Start" button to begin

2. **Ladder generation**:
   - Random horizontal rungs between vertical lines
   - 8-13 rows of rungs, ~45% chance per position
   - No two adjacent rungs on the same row
   - Results are shuffled randomly

3. **Gameplay**:
   - Click a player name at the top to trace their path
   - Animated path tracing with a colored moving dot
   - Path follows: go down, if horizontal rung exists go left/right, continue down
   - Each player gets a unique color
   - Show result popup when trace completes

4. **Visual style**:
   - Dark background (#0a0a1a), colored player name badges at top
   - Results hidden as "?" until revealed by tracing
   - Smooth animation, rounded corners
   - Canvas-based rendering, responsive to screen size
   - Touch support for mobile

5. **Controls**:
   - "Reset" button to go back to setup
   - Result banner auto-hides after 2.5 seconds

6. **Single file**: Everything (HTML, CSS, JS) in one file. No external dependencies.

What You'll Get

  • 2-8 players with custom names and prizes
  • Randomly generated ladder with animated path tracing
  • Each player gets a unique color
  • Touch support for mobile
  • Dark theme, responsive design

How to Run

  1. Copy the prompt above
  2. Paste into Claude or ChatGPT
  3. Save the generated code as ladder.html
  4. Open in your browser — done!