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

Creepster Font


Please look at the repository of this game

https://github.com/takaneichinose/dungeon-maze-puzzle

StatusPrototype
PlatformsHTML5
Release date Nov 16, 2021
AuthorTakane
GenrePuzzle
Made withAseprite
Tags2D, Aseprite, css-only, Escape Game, html, maze, Pixel Art, Retro, Top-Down
Code licenseMIT License
Asset licenseCreative Commons Zero v1.0 Universal
Average sessionA few minutes
LanguagesEnglish
InputsMouse, Touchscreen
LinksSource code, Source code

Development log

Leave a comment

Log in with itch.io to leave a comment.