DEV Community

loading...
Cover image for CSS Only Room Escape Game

CSS Only Room Escape Game

takaneichinose profile image Takane Ichinose ・1 min read

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!

Discussion

pic
Editor guide
Collapse
serviata profile image
serviata

what is the way in level 5 please

Collapse
takaneichinose profile image
Takane Ichinose Author

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 Author

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

Collapse
takaneichinose profile image
Takane Ichinose Author

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