Football

Inspiration

What it does

A 3D web application that connects multiple players together and allows them to play football against each other competitively.

How we built it

Frontend and backend were both built in TypeScript and JavaScript. Three.js was used for the rendering. Websockets were used to facilitate the real-time connection between clients and the server.

Challenges we ran into

Challenges with multiplayer and synchronising the game state across multiple players, and challenges with hosting the server.

Accomplishments that we're proud of

We all became much more confident using JavaScript and TypeScript. We all learnt how to use three.js. Got multiplayer to work. Made a game that is actually fun. Managed to use shaders and instanced rendering for the visuals.

What we learned

How to effectively collaborate. Learned some new technologies. Learnt lots about 3D rendering

What's next for Football

Better lag compensation (client-side prediction, interpolation), better visuals, animations, more ways to interact with the ball such as skills, power shots, keeper dives. Player identification, league & tournament systems, bots.

Built With

• express.js
• javascript
• node.js
• socket.io
• three.js
• typescript
• websockets