Htmaze is a simple game/ proof of concept of a Unity game. It’s a multiplayer game where one player plays through the web while the other plays through Unity. The Unity player will be given a code when creating a game, the web player can then input that code on the webpage to «link» the two players. Then the web player is free to draw a Maze. Once that is done, the maze is sent to the Unity player. The Unity player will then be spawned into the Maze that was just drawn and need to solve it. Once the player solves the maze, he can see his completion time.

Screenshots

Waiting for the player screen :

Code input page on the web part :

Maze creation on the web side :

The yellow parts represent walls, the green dot is the spawn point of the unity player, and the black dot is the goal he has to reach. Once the maze is sent, the web player is sent back to the code input part, whereas the unity playerr screen changes to display the following :

Once the player presses play, they will be spawned in the maze and have to solve it. Once they do, they will be able to see the time they took to finish it.

Technical side

The web part is coded in HTML/CSS with JS to handle the maze and the communication with the server. The server is a Websocket running under Node.js hosted on a remote VPS. When Unity creates a game code, it is sent to the Websocket in a secure connection (WSS protocol) and this leads to the creation of a JavaScript object on the Websocket able to link a Unity connection and a web connection. With this setup, it is possible to add pretty easily a text chat system between the two players. For the assets, most of the 3d assets are free assets from the Unity asset store. Code-wise it is all custom-made for the project and nothing comes from assets. The maze itself consists simply of an array of numbers, each number corresponding to the content of a square on the maze grid.

Version française

HtMaze – Un jeu comprenant une partie unity et une partie web