01 Drawing ZIM Shapes Draw a circle, rectangle and triangle and center them on the stage CODEVIEW⬜ | 02 Random from Array Get a random element from an array and loop through array in random order CODEVIEW⬜ |
03 Quick Log to Console ZIM provides zog() shortcut for console.log() CODEVIEW⬜ | 04 Inline Canvas Put a ZIM Frame canvas inline into HTML and style with CSS CODEVIEW⬜ |
05 Responsive Design Use ZIM Layout to respond to screen size CODEVIEW⬜ | 06 Animate Properties Use ZIM move() and animate() to tween position, scale, alpha, rotation, etc. CODEVIEW⬜ |
07 Preload Images and Sounds Preload images to show on canvas and play a sound with CreateJS CODEVIEW⬜ |
09 Drag and Drag Copy Drag and drop objects within bounds and multiple times CODEVIEW⬜ | 10 Grids GUI for Canvas See pixels or percent grid positions to avoid guesswork CODEVIEW⬜ |
11 Parallax 3D Parallax moving with mouse movement for layered 3D effect! Also works with page scroll. CODEVIEW⬜ | 12 Parameters or Objects Pass in parameters or a single object with properties names matching parameters CODEVIEW⬜ |
13 Swipes and Swiping Swipe the screen up and down, left and right and capture event direction CODEVIEW⬜ | 14 Snapping Multiple Objects Drag and drop objects that snap into position (hit tests) or animate to return to start CODEVIEW⬜ |
15 Damping and Easing Make motion smooth and natural with an easy Damping class CODEVIEW⬜ | |
17 Drag, Slide and Surround! Slide and object and snap it inside or outside bounds CODEVIEW⬜ | 18 Mobile Test Is the app mobile or not and check for Android, iOS, Winphone or other CODEVIEW⬜ |
19 Tabs and Button Rows Easily make tabs or rows of buttons with this canvas component CODEVIEW⬜ | 20 Sequencing Animation Animate multiple objects to make marquees, etc. CODEVIEW⬜ |
21 GUI Editor - Place Move your objects and record their position for final placement! CODEVIEW⬜ | 22 HotSpots! Clickable regions like image maps - all your nav in one spot! CODEVIEW⬜ |
23 Dials and Indicators! Configurable dial components and infamous Indicators CODEVIEW⬜ | 24 Scaling Content to Fit Fit inside or around bounds with this handy function CODEVIEW⬜ |
25 Dynamic Drawing with Easing Drag to magically change shapes! CODEVIEW⬜ | |
27 Adding a URL Add quick and easy links to other pages CODEVIEW⬜ | 28 Registration Points and Centering Try different registration points and center objects in containers CODEVIEW⬜ |
29 Tiles and Pads Make game boards, tiled thumbnails, Pads, etc. CODEVIEW⬜ | 30 Input and Asyncronous Data Collect user text input and send to and receive from server CODEVIEW⬜ |
31 Masks and Masking Show objects in a frame or make spotlight effect! CODEVIEW⬜ | 32 Sound Manipulation Change volume, panning, pause and play CODEVIEW⬜ |
33 Drawing with Blitting Draw smooth artistic lines with damping and blitting! CODEVIEW⬜ | 34 Are Objects Hitting? Multiple types of hitTests on point, reg, bounds, rect and circle CODEVIEW⬜ |
35 Scrubbing an Animation Use a slider to play an animation - like a Video play head... CODEVIEW⬜ | 36 Using Two Canvases Set up two or more canvases with ZIM Frame! CODEVIEW⬜ |
37 Cookies and CSS Selectors Some HTML love with ZIM Cookies and CSS Selectors CODEVIEW⬜ | 38 Gradient and Gloss! Add gradients or gloss to your buttons and tabs! CODEVIEW⬜ |
39 Swipeable Scroll Window Scroll through text, menus and interactive content with this ZIM Component CODEVIEW⬜ | 40 Falling, Catching and Dodging See how to make the start of thousands of games! CODEVIEW⬜ |
41 Make a Maze with ZIM Move pawn with mouse and collision detect walls CODEVIEW⬜ | 42 Physics with Box2D Move shapes in a world with gravity and collision! CODEVIEW⬜ |
43 Buoyancy with Physics! Add falling ingredients to a bowl of soup! CODEVIEW⬜ | 44 Scroll Parallax Effect! Animate a scene with window scroll CODEVIEW⬜ |
45 Chaining Methods Efficient cool-looking code! CODEVIEW⬜ | 46 Pages and Hotspots Handle all page navigation in one spot! CODEVIEW⬜ |
47 Minify Only Code You Use Reduce file size to practically nothing CODEVIEW⬜ | 48 Blend Modes Apply professional blends with HTML composite operations CODEVIEW⬜ |
49 ZIM 4TH Methods All ZIM functionality as easy methods! CODEVIEW⬜ | 50 Ticker Engine Fail-safe timer engine with latest tech! CODEVIEW⬜ |
51 Custom Fonts Load custom fonts through CSS into ZIM CODEVIEW⬜ | 52 ZIM Pizzazz! Module of shapes for Buttons and Panes CODEVIEW⬜ |
53 Sprites and SpriteSheets Explosive animations using game animation techniques CODEVIEW⬜ | 54 Saving Data and JSON Save states for games and personalization without database CODEVIEW⬜ |
| 56 Color Picker for Propeller! A custom color picker to set colors on a paused propeller CODEVIEW⬜ |
57 Path Finding Level Editor! Find shortest route through a maze or tiles with cost! CODEVIEW⬜ | 58 3D with ThreeJS Control 3D objects with ZIM interfaces - embed 3D in ZIM CODEVIEW⬜ |
59 Icon and Toggle Buttons! Use ZIM Pizzazz 2 for some classic button icons with a twist! CODEVIEW⬜ | 60 Skew for Effect Stretch and make objects look a little wonky! CODEVIEW⬜ |
61 Animate Circles and Spirals Easy ways to make animated circles and cool spirals CODEVIEW⬜ | 62 ZIM loop() Loop with index, through an array, object or container CODEVIEW⬜ |
63 Play and Control Video Play video as a Bitmap and use controllers! CODEVIEW⬜ | 64 Draw and Animate Lines Animate straight and curved lines using scale, masks and Bezier CODEVIEW⬜ |
