Building a Football Formation Tool Was More Complicated Than I Expected

https://hackernoon.imgix.net/images/XKTDqs13meOQctVtb64cqRRgQEf2-2w93drr.png

What looked like eleven circles on a pitch turned into a surprisingly useful lesson in responsive design, positioning, touch interactions, and keeping a small web tool simple.

A football formation looks simple when you draw it on paper. Put a goalkeeper at the back, arrange the defenders, add a midfield, place a few attackers higher up the pitch, and you already have something that most football fans can recognize immediately.

That was roughly how I approached the idea when I started building a football formation tool. I wasn't trying to create a football management game or a complex tactical analysis platform. I wanted something much simpler: choose a formation, put players on a pitch, move them around, and create a lineup without having to install anything.

The first version came together quickly. Drawing the pitch itself was straightforward. A rectangular container, a halfway line, a centre circle, penalty areas and...

Copyright of this story solely belongs to hackernoon.com. To see the full text click HERE

Read more