0

2847

Daniel Marino created his escape room game without any JavaScript code at all, utilizing only HTML and CSS and thus calling it CSScape Room.

I recently built an escape room game called CSScape Room. This isn’t my first JavaScript-free web game, but HTML and CSS have evolved significantly since my previous attempts, with newer additions allowing for more complex selectors and native interactions. Rather than saving this idea for a game jam, I built it purely for fun, which freed me from theme constraints and time pressure.

In the game, your task is to open the safe with the key in it to leave the room, and you’ll have plenty of clicking around to get the proper code. It’s amazing that the whole functionality was built without a single line of JavaScript. Take this part for example:

:has(#east-from-west:checked) :is(
  [for="south-from-west"],
  [for="north-from-east"]) {
    display: block;
}

This CSS handles moving between parts of the room in both directions. If this sounds interesting you should definitely read the Making an Escape Room with only HTML and CSS blog post with all the implementation details of how Daniel finished the game.