ZIM JavaScript Framework

Canvas Components, Controls and more!

Code Outside the Box – HTML Canvas

Interactive Media can be laid out in boxes like information sites or it can transcend boxes like applications to make art.  While traditional HTML, CSS and JavaScript are great for … Continue reading

June 23, 2016 · 3 Comments

TRI ZIM Launches with Distill, Wonder and Async for HTML Canvas, JavaScript and CreateJS

ZIM 3 (TRI) is live http://zimjs.com along with a new ZIM site.  All the features of ZIM DUO are there plus three main new features: ZIM DISTILL: set zim.DISTILL = … Continue reading

May 16, 2016 · Leave a comment

Scrollbar for CreateJS using ZIM Slider Component on the HTML 5 Canvas with JavaScript

ZIM Slider component now has an inside parameter that when set to true basically makes a scrollbar.  Try out the ZIM Bit above. Here we feature a button that is … Continue reading

April 11, 2016 · 2 Comments

ZIM 2.6 Launches with Dial, Indicator and Pad Components plus Easy Asset Loading for the HTML 5 Canvas with JavaScript and CreateJS

ZIM 2.6 Duo has launched http://zimjs.com with three new components and updates to Tab and Slider components.  There are now a lucky 13 components in the free library of interactive … Continue reading

March 31, 2016 · Leave a comment

ZIM 2.5.2 Adds Wrapper to CreateJS PreloadJS Functionality for loading Image and Sound on HTML 5 Canvas with JavaScript

CreateJS (PreloadJS) has a LoadQueue class with a loadManifest() method – the manifest is an array of objects with src and id properties.    Once loaded, you create a new createjs.Bitmap(loadQueue.getResult()).  For … Continue reading

March 26, 2016 · Leave a comment

ZIM 2.5 Launches with a new Ticker, Sequenced Animation and new Drag functionality for the HTML 5 Canvas, JavaScript and CreateJS

ZIM 2.5 adds a zim.Ticker static class so that all ZIM updates are done in one createjs.Ticker. The ZIM classes and functions add to the zim.Ticker.list queue. If there are … Continue reading

March 16, 2016 · Leave a comment

ZIM 2 DUO – CreateInTO Talk – What’s Bubbling on the HTML 5 Canvas?

Inventor Dan Zen will give a talk on the latest updates of ZIM – the free open source library of Interactive Media modules for the HTML 5 Canvas, JavaScript and … Continue reading

January 25, 2016 · Leave a comment

ZIM ColorPicker – Color Picker Component for HTML 5 Canvas, JavaScript and CreateJS

ZIM ColorPicker lets you pop up a 256 Web color picker or a picker with custom colors according to an array you pass it.  You can also optionally add a … Continue reading

January 19, 2016 · Leave a comment

Optimizing HTML 5 Canvas JavaScript with CreateJS and ZIMjs

First and foremost, CACHING shapes and text can dramatically improve performance.  The first mobile tests I could not get smooth transitions – then I cached the container at the stage … Continue reading

January 11, 2016 · 1 Comment

ZIM Tabs add to the HTML 5 Canvas, Javascript and CreateJS component set!

The ZIM Tabs component class lets you set up tabs and button rows and control tab states – with tab key too.  You can choose to indicate a selected tab … Continue reading

January 7, 2016 · Leave a comment

ZIM BITS – Animate Position, Rotation, Scale and Alpha in JavaScript HTML 5 Canvas and CreateJS – Tips, Techniques and Tutorials

http://zimjs.com/bits/view/animation.html CreateJS has a TweenJS library.  ZIM animate() wrap this functionality.  With the createjs.Tween you need to also make a Ticker so it becomes a couple steps and you have … Continue reading

December 31, 2015 · Leave a comment

ZIM 2 DUO Launches with Extra Parameter Functionality

ZIM 2 DUO has launched as full version 2 of ZIMjs, the open source, free framework for interactive media on the HTML 5 Canvas working with the powerful CreateJS. DUO … Continue reading

December 24, 2015 · 1 Comment

Remote Control with ZIM Socket in JavaScript HTML5

Here we use ZIM Socket to control a desktop or mobile app remotely.  For instance, the controls could be on your mobile device opened in a Web browser. When you … Continue reading

December 16, 2015 · Leave a comment

Scrolling Parallax Animation on HTML 5 Canvas with ZIMjs Parallax

ZIM PARALLAX lets you scroll the page and control animations and content on the HTML 5 canvas in JavaScript with CreateJS and ZIM js.  The parallax class has always been … Continue reading

December 10, 2015 · Leave a comment

Categories

Design a site like this with WordPress.com
Get started