Canvas Components, Controls and more!
Interactive Media consists of sites, apps and games for information, social, artistic or educational purposes or to play or simulate life. The diagram above divides how we make Interactive Media into two camps – 1. the text optimized DOM (Document Object Model) and 2. the draw optimized BOM (Bitmap Object Model). A third camp could be considered game platforms like Unity.
On the traditional draw-optimized Interactive Media side the benchmark has been set by Macromedia Director and subsequently by Adobe Flash as to what features are available for the creator. The diagram above shows the features or tasks inside the boxes that are used to make an Interactive Media project. We should be spending our time on the tasks in the final box to be actually creating our app – and not building infrastructure (or plumbing).
The colored arrows beneath the boxes show that the time to build an app is reduced as we add the libraries. This makes sense as you do not need to build your own hit tests, drags, components, etc. which are provided by ZIM. And you do not need to organize your low level graphics calls, handle nesting and events because CreateJS does that for you. Not only that, but the libraries have been professionally coded and tested.
There is a plus sign to the right of the arrows that indicates that the build time continues and is not to overall scale. A test case shows that ZIM saved 200 lines of code on a 1500 line project so roughly a 1/8 saving in code. This may not directly translate to a 1/8 saving in time but gives an indication that build time can be reduced.
At the top of the Metrics diagram are some stats on the amount of code in ZIM. This code is indeed doing many useful things that will save time. Most likely you will not be using all the code so to be efficient, you may consider using ZIM Distill which will collect only the functions you are using in a remote JS file. A minor drawback to this technique is that the JS file cannot be cached across sites as a complete JS file could. CreateJS is popular enough that the caching of its complete JS file has been accommodated in online advertising standards.
LET’S GET STARTED!
Having seen the context of ZIM within Interactive Media and its advantage in metrics please have a look at the ZIM site to get started. A good place is the ZIM Capture series of video tutorials. These introduce ZIM, the site, the resources and then on to examples of using ZIM. As a matter of fact, we have inserted a Capture 00 that takes you through the diagrams above!
All the best,