ZIM Bubbling: 66. Gesture Bounds - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs
Channel: ZIM LEARN
Date: 2018-07-03

Please see this intro page for all the latest at ZIM https://zimjs.com/intro.html
and the very visual Creative Coding Series here https://zimjs.com/learnjavascript.html
ZIM Bubbling: 66. Gesture Bounds and Asset Object - for ZIM at http://zimjs.com/
The latest updates for the ZIMjs Framework - Complete Canvas Coding and Creation.

ZIM gesture() now has a circularBounds parameter which you can set to true to keep circular objects inside a Boundary when scaling, rotating and moving.  There is also a new Asset Object with the format of {id:string, src:filename} that you can pass to frame.loadAsset() and receive with frame.asset(id);  Using just the filename still works as well.

More video tutorials for ZIM can be found in the http://zimjs.com/learn section under Tutorials including the ZIM Capture and What IZ? series.

00:00 start explaining loading image and changing with guesture by 2 fingers to pinch, rotating
00:41 F.loadAssets(id , src) ZIM DOCS FRAME https://zimjs.com/docs.html?item=Frame
01:38 why is an id for picture handy: when image url changes a lot
02:13 example of ball with physics https://zimjs.com/physics/keepup
02:56 ZIM Rectangle() is a shape
03:30 class Boundary(0,0,W,H) at https://zimjs.com/docs.html?item=Boundary
04:33 example no circularBounds:false is only for rectangle shapes or images
05:09 circularBounds:true for images that has circle shape
05:51 you need .reg(CENTER) because an image is a rectangle normally with .reg(LEFT,TOP)
06:40 make array of assets
07:29 end