Workshops for the modern, simplified world of coding!
- Make a Browser or Mobile Puzzle, Game, etc. with just one page of text
- New HTML Canvas for Wondrous Free-form Interactive Features
- Code the Canvas with ZIM using the Popular and Powerful JavaScript
- ZIM designed for all ~ Absolute Beginner to Absolute Professional
- Tutorials, Workshops and Lessons prepared by ZIM Founder, Dan Zen
- Canadian New Media Awards Programmer and Educator of the Year
ZIM is a free JavaScript framework for making Interactive Media on the HTML Canvas with easy shapes, drag and drop, hit tests, components like buttons, sliders, dials and more powered by the robust CreateJS.
MORE BACKGROUND
- The Canvas is an HTML tag introduced in HTML 5
- The Canvas is a picture (bitmap) that we can change with code (computer programming)
- JavaScript gives us basic commands to draw on and update the Canvas
- The CreateJS Library gives us the EaselJS module for working on Canvas
- In HTML and JavaScript we have a Document Object Model (DOM) to access tags within tags
- Similarly, EaselJS gives us a Bitmap Object Model (BOM) with a stage to view things on the Canvas
- The BOM allows us to nest containers and make shapes, images and text, etc.
- EaselJS also gives us events to capture interaction
- ZIM works with CreateJS to bring us even more functionality often with one line of code
-
circle.drag(), circle.animate(), circle.hitTestRect(rectangle), etc.
- ZIM also provides a set of components for features you make
-
zim.Button(), zim.Label(), zim.Slider(), zim.Dial(), etc.
- ZIM also sets up a framework in which we can work - ZIM makes the Canvas and Stage