Your browser does not support the canvas tag.


Displays smooth connections between two independent sized circles. The connection emulates a gummy appearance by adapting the thickness based on circle sized and distance to each other.
Drag mouse (left button) to set position of one center of the interactive red connection. Drag mouse horizontally (right button) to set size of interactive connection. Press 'd' to switch debug display.

Copyright (c) 2012 Till Nagel,
Released under MIT license.

Source code: GumConnectionApp

Built with Processing and Processing.js