Screenshot

Darts Zomebie 180 is a holiday project I started while playing too much darts and got lazy to memorize my scores. While there are a lot of apps out there to track your scores, they all require you to input numbers. I wanted a visual alternative which allows you to input your throws by clicking on virtual dart board.

The challenge was to make the input precise while only having a touch screen of a phone. I decided to apply a zoom-in mechanism that automatically increases precision through zooming into the area the user touched with their finger.

The game is a web-app using React, MobX and a lot of vanilla TypeScript. The board is rendered using dynamic SVG with React. And you even have a score annoucer using the SpeechSynthesis Web API.

Why zombies?

I firmly believe darts is a mind game. Staying focused is super hard and requires a very specific state of mind to repeatedly execute precise and repetitive throws.

Emotions are your worst enemy. Getting excited when you've hit two triple-twenties makes you miss the third one for sure. Same problem when you get angry about too many misses.

So, what's the solution? Dismiss all emotions and just be the mindless zombie. Make your body work like an automata and be as precise as a machine.

Finally, we've found a game to make being a zombie aspirational.

Try it

You can try it yourself on a mobile phone browser (only works with touch): DartZombie180

Or check it out on Github