Build a Bot

A drag and drop robot builder app made with JavaScript and Canvas. Click on the example robots to pick up their individual pieces, click again to drop your pieces into the shaded area and begin constructing your own unique robot.

The demo doesn’t rely on any existing framework so I had to create my own methods for handling cursor collision detection and object z-index stacking.

See the Pen Build a Bot by Octavector (@Octavector) on CodePen.

View Demo