ZIM Talk at DevTO 2018 Kick Off
Channel: ZIM LEARN
Date: 31/01/2018

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
Inventor Dan Zen gives a talk at a packed first DevTO of the new year.  ZIM at http://zimjs.com provides many conveniences, components and controls for the HTML Canvas such as one-line drag and drop, multitouch pan, pinch and rotate, accessibility for screen readers, multiple types of hit tests, buttons, panes, tabs, windows, sliders, steppers, waiters, color pickers, indicators, dials, pads, transformation tools, page and layout control, swipes and hotspots, guides, grids and outlines, parallax, scrollers and tiling, gamepad and motion controllers, particle emitters, sound waves, noise, animation, sequences and damping, sprites, dynamos, accelerators, 3D and physics support libraries, multiuser and asynchronous calls, dynamic Bezier blobs & squiggles, portals, VR, and more! Dan Zen is a Canadian New Media Awards winner Programmer and Educator of the Year. After establishing a Museum of Interactive Works at http://danzen.com he has spent the last three years creating ZIM at http://zimjs.com a JavaScript Framework to code creativity on the HTML 5 Canvas powered by CreateJS. Zen teaches in the post-grad Interactive Media program at Sheridan College and gives talks on coding and creativity for which he developed the creativity framework at http://creativityframework.com

DevTO Event Page is at https://www.meetup.com/DevTOEvents/events/246591589/

00:00 intro Dan Zen video https://zimjs.com/syno
03:00 new Circle(100, pink).center().drag();
03:25 chaining
04:00 showing the app into the browser
04:12 .addTo()
04:54 new Grid() to see pixel grid
04:40 .loc(x,y).place() https://youtu.be/8lk_5p9roy4?si=uCGIYGzKK_rNc6Xv&t=459
04,31 position with .pos(x,y) or use .loc(x,y) from LEFT,TOP
06:01 new Rectangle(width,height,color)
07:73 new Rectangle().outline() to so registration point
08:12 rotate around registration point .rot()
08:50 scale around registration point .sca()
09:12 use .reg(CENTER) https://zimjs.com/docs.html?item=reg video https://youtu.be/ObD24VpZQCo?si=atre1LP80_soH8r7&t=655
09:15 use .centerReg() to directly center on the stage S
10;01 new Blob() shape at https://zimjs.com/paths and https://zimjs.com/docs.html?item=Blob
11:40 .transform() https://zimjs.com/docs.html?item=transform
12:50 new TransfromManager()
12:55 .animate() with time now in seconds (not milliseconds) https://zimjs.com/docs.html?item=animate
19:04 new Tile() https://zimjs.com/docs.html?item=Tile
21:20 on click event
23:42 loop through the container https://zimjs.com/docs.html?item=loop
25:58 shuffle https://zimjs.com/docs.html?item=shuffle
26:35 ZIM.Tile namespace not necessary anymore zns=false https://zimjs.com/docs.html?item=Globals
27:10 created on CreateJS library free open source
28:10 video introducing what you can do with ZIM
30:34 open all eggs https://zimjs.com/dozen/