Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ccouzens/maze-playground
https://github.com/ccouzens/maze-playground
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/ccouzens/maze-playground
- Owner: ccouzens
- License: mit
- Created: 2024-01-10T08:03:36.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-13T22:26:32.000Z (7 months ago)
- Last Synced: 2024-04-14T04:06:48.051Z (7 months ago)
- Language: Rust
- Size: 258 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Maze Game
A web based maze game. Play online
[here](https://storage.googleapis.com/maze-playground/game.html).
## User guide
Navigate from the lower left to the upper right. Once you reach the upper right
you win! 🎉
Navigate using either the arrow keys, clicking in straight lines or tracing the
route with your finger.
Use `Options` in the nav bar to change the size, or swap to a different maze
generation algorithm.
## Technology
It is a client side application and can be served from the majority of static
web servers.
For drawing it uses SVG for the maze. HTML is used for the page and CSS is used
to style both.
[Rust](./computer/) compiled to web assembly is used to generate the mazes,
generate the SVG paths and handle the user's route.
Typescript compiled to Javascript is used to handle the user's interactions and
draw back the mazes generated by Rust.
3 canvas alternative renderers can be found in the
[rendering playground](https://storage.googleapis.com/maze-playground/rendering-playground.html).
They are a bitmap renderer where Rust generates a bitmap, a WebGL2 renderer and
a WebGPU renderer.
## Run in Docker
```bash
# podman
podman container run --rm -p 8080:80 "$(podman image build . --quiet | tail -n 1)"
# docker
docker container run --rm -p 8080:80 "$(docker image build . --quiet | tail -n 1)"
```