Canvas Components, Controls and more!
All the Bits have been updated to ZIM 4.3.0 to use the ZIM 4TH methods.
We have added a Bits Filter bar that expands open to show all of the commands used in the ZIM Bits and the number of Bits where the commands are used. You can press on any command to see a list of the relevant Bits.
You can also press the colored module buttons above to highlight the commands that are in that module. Code can be used without CreateJS. Create holds the functions / ZIM 4TH methods, Build holds the ZIM objects that receive the Create methods. Pages relate to overall organization classes. Wrap holds the shortcuts that do not need the zim namespace and of course, Frame is the ZIM Frame template class.
When paging through the related ZIM Bits in the Filter window there is a DOCS link up top left that links to the Documentation for the specific command. In the Documentation when you open up a specific command, there is a link at the bottom by the close and view that links to the ZIM Bits Filter window for that command. You can quickly go back and forth between the Docs and the Bits – in a Julien relationship.
Here are links and titles to the 64 Bits. As you can see, ZIM covers a wide variety of interactive media requirements. The Bits were purposely made in random order of no particular difficulty. It should be noted that the little square icon on the main Bits menu or the Filter Related Bits window opens up pictures of the Bits which are often more memorable.
Drawing ZIM Shapes — Random from Array — Quick Log to Console — Inline Canvas — Responsive Design — Animate Properties — Preload Images and Sounds — Make a Pop Up Window — Drag and Drag Copy — Grids GUI for Canvas — Parallax 3D — Parameters or Objects — Swipes and Swiping — Snapping Multiple Objects — Damping and Easing — Buttons, Radio Buttons, Check Boxes — Drag, Slide and Surround! — Mobile Test — Tabs and Button Rows — Sequencing Animation — GUI Editor – Place — HotSpots! — Dials and Indicators! — Scaling Content to Fit — Dynamic Drawing with Easing — Scrollbars with Sliders — Adding a URL — Registration Points and Centering — Tiles and Pads — Input and Asyncronous Data — Masks and Masking — Sound Manipulation — Drawing with Blitting — Are Objects Hitting? — Scrubbing an Animation — Using Two Canvases — Cookies and CSS Selectors — Gradient and Gloss! — Swipeable Scroll Window — Falling, Catching and Dodging — Make a Maze with ZIM — Physics with Box2D — Buoyancy with Physics! — Scroll Parallax Effect! — Chaining Methods — Pages and Hotspots — Minify Only Code You Use — Blend Modes — ZIM 4TH Methods — Ticker Engine — Custom Fonts — ZIM Pizzazz! — Sprites and SpriteSheets — Saving Data and JSON — Side Scroller Animated Background — Color Picker for Propeller! — Path Finding Level Editor! — 3D with ThreeJS — Icon and Toggle Buttons! — Skew for Effect — Animate Circles and Spirals — ZIM loop() — Play and Control Video — Draw and Animate Lines