Tutorials



For more videos, visit the Tumult Hype YouTube channel.
Also, don't miss the Lynda course "Up and Running with Hype" by Jake Stroh.

Video: Getting Started


4:14
  • Adding and arranging content
  • Changing element properties
  • Basic animating using recording
  • Creating scenes
  • Exporting

What's New in Tumult Hype 2.0

This document explores many of the powerful new features in Tumult Hype 2.0.

  • Motion Paths
  • Audio
  • Hype Reflect for iOS
  • Touch Actions & More...
  • Related: New in 2.5

Lynda Video: Creating buttons and working with mouse actions


3:36
  • Setting button states
  • Controlling timelines with buttons
  • Using timeline actions
  • Designing buttons

Video: Embedding Your Tumult Hype Document Within Existing HTML Pages


4:21
  • Uploading resources via FTP
  • Embedding using relative & absolute URLs

Video: Testing your Tumult Hype Document on Mac Browsers & Using the Developer Console


2:50
  • Testing in Safari
  • Using developer tools & the console to diagnose issues

Video: Testing Your Tumult Hype Document on iOS and Hype Reflect


2:49
  • Quickly testing on Hype Reflect for iOS
  • Using Mirror Mode
  • Developer tools on Mobile Safari

Video: Creating Planetary Motion


4:55
  • Looped Rotation
  • Motion Paths
  • Adjusting the point of rotation
  • Space, the final frontier.

Example Document: CSS Filters

  • CSS Filter Effects on Photos
  • Creating Overlay Effects
  • Setting a mood for your elements
  • Note: these effects are supported in Chrome and Safari.

Tutorial Walkthroughs

These documents provide real world examples of elements, animations, easing techniques, and timelines:

For more videos, visit the Tumult Hype Youtube channel.