Make a browser escape room with locks, clues and a timer
A digital escape room is a chain of puzzles where each answer opens a lock and reveals the next clue, all against a clock. Anticode can build one for a lesson or a team event, played in a browser on one screen the group gathers round or shares on a video call. It can't keep several teams' devices in sync, because the app has no network.
Plan the puzzle chain first
Escape room designers usually work backwards from the final lock. Decide what opens the last door (a four-digit code, a word, an order of symbols), then decide where each part of it comes from. Write it as a flow:
- Intro: the story in two sentences and the time limit.
- Puzzle A (a cipher) gives a word that opens the desk drawer.
- The drawer holds a map; Puzzle B (spotting a pattern) gives the first two digits.
- Puzzle C, solvable in parallel, gives the last two digits.
- The final lock takes all four digits. Escape screen with the time taken.
Mixing linear stretches with parallel ones is what makes a room work for a group: while two people crack the cipher, others can work on the pattern. A purely linear chain leaves most of a team watching one person.
Puzzles that suit a screen
- Cipher
- A substitution or shift cipher with the key hidden elsewhere in the room.
- Pattern and sequence
- Symbols, colours or numbers that follow a rule; the next one is the code.
- Hidden in plain sight
- A detail in a drawn scene that means something once you know what to look for. Zoom and click-to-inspect work well.
- Jigsaw and rotate
- Rotate tiles or reassemble a torn note to read the clue.
- Subject knowledge
- For classes: the code is the answer to a chemistry or history question, so revision becomes the puzzle.
- Audio
- A tune or a tapped rhythm generated in code, if the room will have sound on.
Avoid puzzles that rely on outside knowledge nobody in the room will have, and test that every clue has only one sensible reading. The most common complaint about home-made escape rooms is "we had the right idea but it wanted it phrased differently". Make locks forgiving: ignore capitals and spaces, accept obvious alternatives.
Locks, hints and the clock
| Mechanic | What to decide |
|---|---|
| Lock types | Number dials, word entry, symbol order, directional (up, up, left) |
| Wrong answers | A shake and a gentle message, maybe a time penalty; never a lockout |
| Hints | Two or three per puzzle, getting more direct, each costing a minute |
| Timer | Usually 20 to 45 minutes; visible but not panicking. Let a host pause it |
| Inventory | Found items shown in a tray, inspectable later |
| Ending | Time taken and hints used, for a fair comparison between groups |
Describing it to Anticode
Using Anticode as an online escape room maker works best when you bring the chain and let the model build the room around it. For example: "A 30-minute escape room for Year 9 chemistry: students are locked in a lab after an experiment went wrong. Puzzle 1: identify four elements from clues to get a code. Puzzle 2: balance an equation; the coefficients open a cabinet. Puzzle 3: a colour sequence from flame tests. Final lock needs all three. Two hints per puzzle, a pause button for the teacher, and an escape screen with time and hints used."
The model writes the room as one HTML document, drawing scenes and objects in code, with sounds from the browser's audio API. Progress can save on the device, so a lesson that runs out of time can carry on next session. Ask for a hidden host panel, reached by a key combination, if you want to skip a puzzle that isn't working on the day.
Running it with groups
- One room, one screen. A projector or a big screen for the whole group, or one laptop per team, each team playing its own copy.
- On a video call. The host shares their screen and types answers the team calls out. This works well for remote team events.
- Several teams competing. Each team runs its own copy; you compare escape times at the end. There's no live scoreboard of teams.
Limits
- No synced play across devices. Teammates on different laptops can't see each other's progress.
- Answers are in the code. Fine for a class or a team event; not suitable for a prize competition where people could inspect the page.
- No booking or ticketing inside the game. If you sell sessions, a booking form on your site handles enquiries, and an escape rooms website covers the venue side.
For a story-led game with fewer puzzles, see the text adventure game maker; for single puzzles with levels, the puzzle game maker.
Questions people ask
How long does a digital escape room take to play?
Most designed for classes or teams run 20 to 45 minutes. Test it with someone who hasn't seen it; designers always underestimate.
Can I print parts of it as physical clues?
Yes. Ask for a printable clue sheet; mixing paper clues with on-screen locks works well in a classroom.
Can I reuse it next year with different answers?
Ask for the changes in words; the previous version stays in the version history if you need it again.