Pattern Pirates
Prototype — Offline | Power-ups Added
Mini Cloud (Local)
Academy Path
Progress unlocks features
How to Play (Quick)
Step-by-step
  1. Look at the Map Card (right). It shows the sequence of tiles to visit in order.
  2. Move the pirate by tapping an adjacent square (or use arrow keys). Each move uses one move from the budget.
  3. Step onto tiles that match the next Map Card item (shape + color). When you match them all you finish the round and earn points.
  4. Collect power-ups by stepping on a tile with a power-up badge (🌉 🦜 ↩️). They appear randomly on the board.
  5. Open the Power-ups box to use them:
    • Bridge (🌉) — activate, then your next move can jump two squares orthogonally (skip one square). Use to reach distant targets quickly.
    • Parrot (🦜) — reveal positions of the next two goal tiles (they flash to show where to go).
    • Rewind (↩️) — rewinds the last move (restores your previous position, moves left, and goal progress).
  6. If you get stuck, use a Parrot hint or Rewind an earlier move. Undo (u) is also available for a simple step-back.
  7. Saves/loads are stored locally in your Mini Cloud. Everything stays on your device.
Power-ups in this round
Collect and Use!
Power-ups / Inventory
Tap Use to activate
🌉
Bridge
Jump 2 squares next move
0
🦜
Parrot
Reveal next 2 targets
0
↩️
Rewind
Rewind last move
0
Ready
Score: 0
Board
6 × 6
Map Card
Moves left: 0
Follow the sequence by stepping onto matching tiles in order.
Player
—
Moves Log
Round 0
Pattern Pirates prototype — local only
What's next? I can add a UI tutorial overlay that walks a child step-by-step the first time they open the app. Or I can make power-ups spawn as rewards for completing rounds instead of randomly. Or I can add teacher controls to configure how many power-ups appear per map and lock some items behind lessons. Which would you like me to do next? You said: add a UI tutorial overlay that walks a child step-by-step the first time they open the app. ChatGPT said: Thought for a couple of seconds Got it — I added a friendly, step-by-step UI tutorial overlay that runs the first time a child opens the app (and can be re-opened with a "Show Tutorial" button). It highlights relevant UI elements, explains actions, and stores a local flag so it won't repeat unless you ask. Paste this single-file HTML (full app + power-ups + tutorial) into Wix or open locally — it’s ready. html Copy code Pattern Pirates — Prototype with Power-ups + Tutorial
Pattern Pirates
Prototype — Offline | Power-ups & Tutorial
Mini Cloud (Local)
Academy Path
Progress unlocks features
How to Play (Quick)
Step-by-step
  1. Look at the Map Card (right). It shows the sequence of tiles to visit in order.
  2. Move the pirate by tapping an adjacent square (or use arrow keys). Each move uses one move from the budget.
  3. Step onto tiles that match the next Map Card item (shape + color). When you match them all you finish the round and earn points.
  4. Collect power-ups by stepping on a tile with a power-up badge (🌉 🦜 ↩️). They appear randomly on the board.
  5. Open the Power-ups box to use them:
    • Bridge (🌉) — activate, then your next move can jump two squares orthogonally (skip one square). Use to reach distant targets quickly.
    • Parrot (🦜) — reveal positions of the next two goal tiles (they flash to show where to go).
    • Rewind (↩️) — reverts the last move (restores your previous position, moves left, and goal progress).
  6. If you get stuck, use a Parrot hint or Rewind an earlier move. Undo (u) is also available for a simple step-back.
  7. Saves/loads are stored locally in your Mini Cloud. Everything stays on your device.
Power-ups in this round
Collect and Use!
Power-ups / Inventory
Tap Use to activate
🌉
Bridge
Jump 2 squares next move
0
🦜
Parrot
Reveal next 2 targets
0
↩️
Rewind
Rewind last move
0
Ready
Score: 0
Board
6 × 6
Map Card
Moves left: 0
Follow the sequence by stepping onto matching tiles in order.
Player
—
Moves Log
Round 0
Pattern Pirates prototype — local only