ZIM Basics 04 - How to Use Containers on the HTML 5 Canvas with JavaScript and ZIMjs

00:00 intro
08:23 code-example Circle and Rectangle (with animation) not yet into a container
9:10 how to convert code into comments with //
10:00 start coding a const holder container for the 2 objects Circle and Rectangle
12:36 example from other tutorial with dragging objects // onTop:false
16:43 each container has own Grid system
18:01 Grid in Docs
18:23 Grid into container 'holder' with the code obj:holder
19:55 hide Grid and outline from container to view result
20:34 scale an rotate the container
23:41 animate falling objects y-position

ZIM is for everyone even Kids - here are some ZIM Kids links
level 1: click a triangle (for example a car) to move it to the right side
level 2: workshop tile with circle (number into it) into a container
level 1: var colors = [color, color,..] with stepper
level 2: small squares into container with loop
level 3: diagram possibilities to sort an array