CSS Only Dungeon Maze
CSS Only Retro Dungeon Maze Puzzle
Description
This is a simple maze or dungeon escape game, with its functionality made entirely in CSS.
The main goal of this game is to of course find the finish line.
The main rule of this game is to click the horizontal or vertical (adjacent) tile beside the character. You may not click diagonally.
My tips for you in playing this game; Move slowly, you might get the key without noticing.
Instructions
This setup is designed to be editable, and to become something like a game engine. As of now, there are only few types of tile may be inserted into the game map. Those are the below, and its usage.
- S -> The starting point.
- F -> Escape door.
- K -> Key to open the locked door.
- L -> Locked door. How to input: L_x-y where x is the x index (of array) of K, and y is the y index. Array is declared as 2 dimensional array.
- W -> Wall. You can't pass here.
- T -> Tree. You can't pass here.
- B -> Barrel. You can't pass here.
- M -> Monster. Don't go here, you'll lose.
- space -> Tile where you can walk.
I made the images using Aseprite. I've been practicing a lot in creating an 8-bit or pixel art image for a game.
Resources
Please look at the repository of this game
Status | Prototype |
Platforms | HTML5 |
Release date | Nov 16, 2021 |
Author | Takane |
Genre | Puzzle |
Made with | Aseprite |
Tags | 2D, Aseprite, css-only, Escape Game, html, maze, Pixel Art, Retro, Top-Down |
Code license | MIT License |
Asset license | Creative Commons Zero v1.0 Universal |
Average session | A few minutes |
Languages | English |
Inputs | Mouse, Touchscreen |
Links | Source code, Source code |
Development log
- CSS Only Retro Dungeon Maze PuzzleNov 17, 2021
Leave a comment
Log in with itch.io to leave a comment.