Ultimate Air Soccer

It is a charming mixture of air hockey and football. Try to shoot the ball into the goal by skillfully controlling your figures. You have to anticipate your opponent's move and trick him.

The multiplayer mode works well and has been tested properly. However, another player must of course be online at the same time. I recommend making an appointment with friends beforehand.

Idea

The goal is to score 3 points. This can be achieved as follows:

• Shoot the ball into the opposite goal. 
• All opponents are disqualified, i.e. they moved into the goal.

The game is played in rounds. It is divided into two phases of play:

Planning phase

In the first phase, you have to plan the shooting direction and speed of your figures. Once both players have set their direction and speed, the second phase begins.

Simulation phase

No more corrections are possible now. All your figures are moved simultaneously according to the set direction and speed. To do this, all the figures and the ball are calculated in a physics simulation in real time. If the ball lands in a goal, the corresponding player gets a point. 

If no goal has been scored yet, the next round begins. Again, both players set the directions and speeds of their figures and the simulation is started.

If a goal is scored or all players are disqualified, all figures and the ball are reset to the beginning positions. A new round begins again.

It is also possible for both players to score at the same time:

• A player scores a goal
  • But at the same time all his figures are disqualified
• All figures of both players are disqualified

In very rare cases, it is even possible to score two points in one round:

• One player scores a goal
• At the same time all the opponent's figures are disqualified

Attention: If you shoot the ball into your own goal, the opponent gets a point

Controls

The game is controlled by mouse. You have to click on one of your own figures with the left mouse button and hold it. Now draw the direction and speed (length of the arrow). You should do this for all three of your own figures.

Tips

1. Try to play across the board.
2. Try to shoot the opponent's figures into the goal (they will then be disqualified).

Technical background

The game use the Phaser 3 game framework (https://phaser.io/phaser3). For the physic simulation, this games uses the build in MatterJS engine.

The most challenging task was  to get the physic simulation running on different browsers and system in sync. This was due, that browsers on different system uses different implementation for mathematical like Math.sin(x).