DEV Community

Cover image for CSS Only Room Escape Game
Takane Ichinose
Takane Ichinose

Posted on

CSS Only Room Escape Game

This is an escape game only made in CSS.

I created all of the assets, using MS paint to draw the image, and Paint.net to make the background color of the PNG files into transparent.

These functions are just made my many hidden checkboxes, and radio buttons.

Instructions are already written the game.

Please do not look on the source code, to find the clues to go outside.

Keep in mind that there are concealed object in the game. I haven't written it on the instructions, but basically, it has.

There are 5 stages to complete.

If you completed the game, please challenge your friends to do the puzzle too. It is recommended to play this game on either full-screen mode, or debug mode, to avoid accidentally looking on the source code.

Please enjoy this simple game!

Top comments (5)

Collapse
 
serviata profile image
serviata

what is the way in level 5 please

Collapse
 
takaneichinose profile image
Takane Ichinose

Hello! I'm glad you're enjoying the game. I can't give you the exact solution but I'll give you a hint. There are 2 concealed items there.

Collapse
 
serviata profile image
serviata

thx i know they have concealed items and i just check the code i see concealed floor at left x)

Thread Thread
 
takaneichinose profile image
Takane Ichinose

Yes, actually, there are lots of comment in HTML code, so you can find those clues easily lol

Collapse
 
takaneichinose profile image
Takane Ichinose

Thank you for playing! I'm glad you enjoyed the game. :)