Analogue of a gameplay of a world-famous World of Tanks game implemented in 2D. The game was written purely by using Java Spring framework and Javascript. It is available on desktop-computer browsers.
To use the app launch docker container. Do this by using the following commands:
Build image:
docker build -t tanks-game .
Launch:
docker run -p 8080:8080 tanks-game
Multiplayer connection is performed by using WebSockets. On both client side (browser) and server side game loops (60 FPS) are working. On client side it sends requests via a socket and attaches user actions and checks presence of any changes on the server. While handling these requests, after applying all actions server converts the game object to json format (state) and then compares it with previous state. If they are not equal, it sends updated game state to all clients. The server game loop updates some game features (base timer, projectiles, etc).
There are a number of gameobjects with individual parameters and functionalities.
Some parts of classes are intentionally omitted or simplified.
First of all, go to menu page and select game mode. It can be duel (1 vs 1) and 2x2 (team fight). After this you will be redirected to waiting page. It will be showing a number of connected users. Each user will have a unique session id parameter. After a sufficient number of users connect to the game, you will be redirected to the game page.
During the initialization of the game, a new field is generated. It can be any of three types: forest, city and desert. For each field there is a json file in static/maps folder which defines objects positions. Tanks cannot shot and move through these obstacles.
Your tank will have a blue label, allies - green, enemies - red. Info bar on the right will display teams (alive players), your team, health points, reloading progress and base capture progress. You can find health points of any tank on corresponding labels.
To drive the tank use keyboard:
arrow up - move forward
arrow down - move backward
arrow left - rotate left
arrow right - rotate right
The head of a tank will always rotate towards the mouse cursor. To
shot just left-click on the mouse on the game field.
The closer you are to the enemy, there more damage the projectile will deal.
There is also some random effect that can increase damage. Make sure to shot
precisely, because reloading time is 3 seconds.
In order to capture the base your tank needs to stand on it. In total,
base capturing will take 10 seconds to take it. If there are several (>1) tanks from
the same team are capturing the base, it will be captured faster.
If the some of ally tanks were damaged on the base, there will be applied
some time punishment. The enemy tank can pause base capturing if it will
stand on the base with your team.
In order to win you need to either destroy all enemy tanks or capture the base.
It was very good holidays spending, because I always
wanted to create multiplayer app especially about tanks. Hopefully, I will find
some people who will want to play with me.
If you have any suggestions, feel free to contact me via email [email protected]