Looking for an experienced front end developer who could help me build a gravity effect into a web page.
Look at the following codepen: http://codepen.io/gluc/pen/ORAbwZ
The page consists of three bins. The idea is that the user can move bricks from one bin to the other.
Compared to the current codepen, I would like:
1. the bricks should fall down from the middle of the middle bin (currently they fall down on the left side of the middle bin)
2. the bricks should stay within the bin (currently they go through half of the the border of the bin)
3. the bricks should be draggable from one bin to the other; i.e. when they fall, or when they are thrown, they should be bound by the bin they are in, as is currently the case. But when they are dragged, the bin border shouldn't stop them. And once they are dropped in another bin, then they should fall down to the bottom of that new bin, and be bound by that bin.
The deliverable of this job is a codepen that exhibits the above properties. There are no restrictions as to the libraries being used (the current version uses jquery.throwable, but that is not a requirement).