Escape Room Examples

Escape Room Examples#

The escape-room directive creates interactive sequential puzzles where students must enter codes to unlock the next room.

Basic Math Puzzle#

A simple three-room escape room with math problems:

Multiple Correct Codes#

You can specify multiple acceptable codes separated by commas:

With LaTeX Math#

Complex mathematical expressions using LaTeX:

Progress Tracking#

The escape room automatically saves progress to localStorage:

  • If you refresh the page, you’ll be asked if you want to resume

  • Progress is cleared when you complete all rooms

  • Each escape room has its own independent progress

Features#

  • Sequential unlocking: Must solve each room in order

  • Multiple codes: Accept multiple correct answers per room

  • Case insensitive: Optional flag to ignore case in codes

  • LaTeX support: Full KaTeX math rendering

  • Progress saving: Automatically saves progress to localStorage

  • Theme aware: Adapts to light/dark mode automatically

  • Visual progress: Progress bar shows completion status

How It Works#

  1. Read the question in the current room

  2. Type the code into the input field

  3. Click “Sjekk” or press Enter

  4. If correct, you advance to the next room

  5. If incorrect, you see an error message

  6. Complete all rooms to finish the escape room!

Contents