https://github.com/takaneichinose/css-room-escape

A simple room escape game, with functionality made purely by CSS
https://github.com/takaneichinose/css-room-escape

checkbox css css-only css3 escape-game escape-room game game-development games html html-css html5 html5-game no-javascript no-js nojavascript puzzle puzzle-game radio radio-buttons

Last synced: about 2 months ago
JSON representation

A simple room escape game, with functionality made purely by CSS

• Host: GitHub
• URL: https://github.com/takaneichinose/css-room-escape
• Owner: takaneichinose
• License: mit
• Created: 2020-09-04T02:20:13.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-09T11:13:16.000Z (about 3 years ago)
• Last Synced: 2023-03-01T06:11:52.291Z (almost 2 years ago)
• Topics: checkbox, css, css-only, css3, escape-game, escape-room, game, game-development, games, html, html-css, html5, html5-game, no-javascript, no-js, nojavascript, puzzle, puzzle-game, radio, radio-buttons
• Language: HTML
• Homepage:
• Size: 64.5 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CSS Only Room Escape Game

This is an escape game only made in CSS.

Although the development is not pure CSS code (anymore), The runtime is still.

I created all 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 by many hidden checkboxes, and radio buttons.

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 at the source code.

Please enjoy this simple game!

## Instructions

Find your way out!

Click on the object to interact with them.

Look for clues, move the objects, then open the locked door.