Skip to content

A basic prototype of a 2D game in HTML5 developed with Typescript and PixiJS

License

Notifications You must be signed in to change notification settings

ricfio/gablin-maze-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

56e1cf2 · Jan 31, 2022

History

3 Commits
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022
Jan 31, 2022

Repository files navigation

Gablin Maze

Gablin Maze is the prototype of a HTML5 webapp that implements a simple 2D game with levels to overcome.

The game aim is to guide the main character (represented by a little cat) inside a maze with the goal to found the exit.

It is a level game with increasing difficulty in which each level is represented by a different maze to overcome.

The game was implemented with Node.js and Typescript using PixiJS Engine. The project include a docker image with all need to build and run the game.

image info

Notes:
At present this software can be only considered a prototype with a good gameplay, music, level and scoring management, that includes a random maze generator also. The source code could be improved with a better organization and decoupling, then with new features.

How to play

The game can be played on desktop and mobile platform.
It requires only a web server to serve the static contents of the game.

  • Click on the stage to enable the audio background (music and sounds)
  • Use the arrow keys or click on the stage to move the character in the maze
  • Guide the character to found the maze exit

How build and run the game

Create the docker developer container and login:

make shell

The following command should be executed inside the docker container.

Install dependencies (only the first time):

make install # npm install

Build:

make build # gulp dist
[16:56:26] Using gulpfile /workspaces/gablin-maze-game/gulpfile.js
[16:56:26] Starting 'dist'...
[16:56:26] Starting 'clean'...
[16:56:26] Finished 'clean' after 4.78 ms
[16:56:26] Starting 'make_game'...
[16:56:31] Finished 'make_game' after 4.9 s
[16:56:31] Starting 'copy_lib'...
[16:56:31] Finished 'copy_lib' after 10 ms
[16:56:31] Starting 'copy_res'...
[16:56:31] Finished 'copy_res' after 2.19 ms
[16:56:31] Finished 'dist' after 4.92 s

Start the server:

make start # npm start
> [email protected] start
> http-server ./public -p 40080 -o

Starting up http-server, serving ./public
Available on:
  http://127.0.0.1:40080
  http://172.17.0.2:40080
Hit CTRL-C to stop the server

Open your browser at the above url, enjoy:

About

A basic prototype of a 2D game in HTML5 developed with Typescript and PixiJS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published