Interactive Coding 2

Input and Asyncronous Data
Collect user text input and send to and receive from server
Animate Circles and Spirals
Easy ways to make animated circles and cool spirals
Damping and Easing
Make motion smooth and natural with an easy Damping class
Drawing with Blitting
Draw smooth artistic lines with damping and blitting
Dynamic Drawing with Easing
Drag to magically change shapes
Falling, Catching and Dodging
See how to make the start of thousands of games
Draw and Animate Lines
Animate straight and curved lines using scale, masks and Bezier
Mobile Test
Is the app mobile or not and check for Android, iOS, Winphone or other
Path Finding Level Editor
Find shortest route through a maze or tiles with cost
Random from Array
Get a random element from an array and loop through array in random order
Skew for Effect
Stretch and make objects look a little wonky
Saving Data and JSON
Save states for games and personalization without database
ZIM loop()
Loop with index, through an array, object or container

Animate Properties
Use ZIM move() and animate() to tween position, scale, alpha, rotation, etc.
Registration Points and Centering
Try different registration points and center objects in containers
Chaining Methods
Efficient cool-looking code
Drag and Drag Copy
Drag and drop objects within bounds and multiple times
Scaling Content to Fit
Fit inside or around bounds with this handy function
Are Objects Hitting?
Multiple types of hitTests on point, reg, bounds, rect and circle
Masks and Masking
Show objects in a frame or make spotlight effect
Make a Maze with ZIM
Move pawn with mouse and collision detect walls
GUI Editor - Place
Move your objects and record their position for final placement
Sequencing Animation
Animate multiple objects to make marquees, etc.
Drag, Slide and Surround!
Slide and object and snap it inside or outside bounds
Snapping Multiple Objects
Drag and drop objects that snap into position or return to start
Ticker Engine
Fail-safe timer engine with latest tech

Drawing ZIM Shapes
Draw a circle, rectangle and triangle and center them on the stage
Blend Modes
Apply professional blends with HTML composite operations
Buttons, Radio Buttons, Check Boxes
Use easy components for the Canvas
Color Picker for Propeller
A custom color picker to set colors on a paused propeller
Dials and Indicators
Configurable dial components and infamous Indicators
Sprites and SpriteSheets
Explosive animations using game animation techniques
Gradient and Gloss
Add gradients or gloss to your buttons and tabs
Icon and Toggle Buttons
Use ZIM Pizzazz 2 for some classic button icons with a twist
ZIM 4TH Methods
All ZIM functionality as easy methods
Parallax 3D
Parallax moving with mouse movement or page scroll for layered 3D effect
Scroll Parallax Effect
Animate a scene with window scroll
ZIM Pizzazz
Module of shapes for Buttons and Panes
Make a Pop Up Window
Make and close a pop up window - draggable or not
Scrollbars with Sliders
Make a scrollbar using the Slider component and inside parameter
Scrubbing an Animation
Use a slider to play an animation - like a Video play head...
Tabs and Button Rows
Easily make tabs or rows of buttons with this canvas component
Tiles and Pads
Make game boards, tiled thumbnails, Pads, etc.
Swipeable Scroll Window
Scroll through text, menus and interactive content with this ZIM Component

Grids GUI for Canvas
See pixels or percent grid positions to avoid guesswork
HotSpots
Clickable regions like image maps - all your nav in one spot
Pages and Hotspots
Handle all page navigation in one spot
Responsive Design
Use ZIM Layout to respond to screen size
Side Scroller Animated Background
Classic Flinstones animated car with repeat scrolling
Swipes and Swiping
Swipe the screen up and down, left and right and capture event direction

Custom Fonts
Load custom fonts through CSS into ZIM
Inline Canvas
Put a ZIM Frame canvas inline into HTML and style with CSS
Minify Only Code You Use
Reduce file size to practically nothing
Physics with Box2D
Move shapes in a world with gravity and collision
Buoyancy with Physics
Add falling ingredients to a bowl of soup
Preload Images and Sounds
Preload images to show on canvas and play a sound with CreateJS
Sound Manipulation
Change volume, panning, pause and play
3D with ThreeJS
Control 3D objects with ZIM interfaces - embed 3D in ZIM
Using Two Canvases
Set up two or more canvases with ZIM Frame
Play and Control Video
Play video as a Bitmap and use controllers

Lessons 23, 24, 25, 26, 27, 28 - Labs for Portfolio Work

Sheridan Interactive Media