Canvas Components, Controls and more!
ZIM 5.1.0 has launched with a new Blob class complete with multiple types of Bezier controls. The ZIM Blob can be edited and recorded. The Bezier points can be animated and controlled dynamically with zim.animate() or zim.wiggle() or with zim.MotionController(). The Blob is a ZIM Shape so it can be dragged, scaled, centered, rotated, have its color or alpha changed, etc.
The above image is a ZIM reproduction of PaperJS wave that has been on their front page for a few years… The real power of ZIM Blob though comes with letting people edit blobs and save them – see the Bubbling Series videos: Blobs and Blobs 2.
The Bezier controls consist of a point and two handles that change the curve of the Blob as it comes in and out of the point – just like in PhotoShop, Illustrator, Flash, etc. There are four types of controls:
Here is an oil drop light show created with ZIM Blob in a few hours: