Achtung die Kurve
The age old classic game, modernised in your browser
This is the result of a mini hackathon my friend Lukas and I did during some cold winter weekend. Later on we polished and cleaned it up a little bit, too.
Motivation
We spent a weekend together and wanted to build something we haven’t done before. Since neither of us had any game experience, we decided to recreate this classic game of our school days. It is still super fun to play!
Description
The game’s core logic is built using Typescript and the built-in Canvas API. There are some beautiful built in features, that make building paths and checking for collisions very easy.
Since we have no experience in game dev, I’m not sure how good the general architecture is, but the game runs smoothly. We use the game loop of:
Move -> Check collisions -> Draw -> Check game state -> RepeatLogic is encapsulated in multiple classes, like ‘Game’, ‘Player’, etc. They using a Pub/Sub system to communicate with each other.
The UI is built using Svelte, since this is our preferred frontend framework. In it you can create more players, adjust some config parameters, like speed or size of line gaps. Everything is, of course, built with a dark AND light theme.