Archive | Tutorial RSS feed for this section

Screenshot 2020-06-15 at 3.54.16 PM

Preview all your responsive layouts at once with Hype’s new Polypane integration

Tumult Hype now previews directly to Polypane, a browser built with a huge suite of tools for developing and testing responsive web designs. Polypane will appear in the Preview dropdown if you have it installed: … and Polypane will load each layout at once: Here’s a quick video showing the tool in action: Tumult Hype […]

Read full story

Advanced Timing Functions and Easing for Web Animations with Tumult Hype

Animation can roughly be defined as showing successive images or frames to give the illusion of smooth changes. Instead of producing every frame by hand, modern web animation tools like Tumult Hype let an animator create keyframes (generally start and stop points) and the computer dynamically fills in all the inbetween frames. How the computer […]

Read full story
1519639191animation

Visual Ad Creation Workflow with Tumult Hype

The goal of this article is to show how to create a rich media advertisement with Tumult Hype. It covers the basics of using the app in the context of building an ad and discusses ad-specific tips and tricks. By the end of reading you’ll be able to make HTML5 ads quickly and beautifully! The […]

Read full story
wp-leading-image

Easy Embedding HTML5 Animations in WordPress with the official Hype Animations Plugin

In this post, I’d like to introduce a new WordPress plugin for embedding interactive and animated content in WordPress: Tumult Hype Animations for WordPress. For a quick walkthrough of how to use this plugin, watch this video. If you’re not familiar, Tumult Hype is a powerful tool for building advanced interactive and animated content that works […]

Read full story

Visualizing Live Data in Tumult Hype

This post is a complement to Getting Started with Infographics in Tumult Hype and shows off a few methods to work with live numbers, text, and data pulled at regular intervals for use in your visualizations. There are three examples, and sometimes a ‘wall of code’ but I promise these techniques will come in handy if you want […]

Read full story
Devices_2x

Getting Started with Infographics in Tumult Hype

In this post, I’m going to share some tips on creating infographics & data visualizations in Tumult Hype and show off a few amazing examples. Who am I? I’m Tumult’s support director, and it’s my mission to help journalists, design agencies, digital book designers, and museums make the most of what Hype can do. So what […]

Read full story
flashAnimation-EasingSelection@2x

Flash Transition Guide

Welcome to Tumult’s Flash transition guide. We produced this guide to help those familiar with Adobe Flash get started with the best HTML5 production tool: Tumult Hype Professional. Tumult Hype produces high performance HTML5, JavaScript, and CSS. If you’re familiar with other timeline-based animation tools like After Effects, Final Cut Pro, or Motion, you’ll feel […]

Read full story
symbol

Flash Transition Guide: Working with Symbols

If you’ve worked in Flash and become accustomed to symbols and movie clips for managing your animations, this guide will prepare you for the easy transition into HTML5 animation with Tumult Hype. This guide is written by Nick Gressle. Also check out the Character Animation guide for Flash converts. Hi! My Name is Nick and […]

Read full story
Screen Shot 2015-08-17 at 7.08.13 PM

Flash Transition Guide: Character Animation

A note from Tumult: As the world shuns Flash with renewed vigor, we thought it would be a great time to talk about how to apply skills learned in Flash to Tumult Hype. The guest post below by Lucky De explores character animation in Hype. Whether you’re a seasoned Flash animator, or just curious about the […]

Read full story
Screen Shot 2015-06-01 at 1.19.34 PM

Comprehensive Physics Tutorial for Hype Professional

Want to make the most of the physics features in Hype Pro? Review our documentation &  download this demo document. This physics-loaded document covers: Element Types: Static, Inactive, and Dynamic Setting different gravity values on the same scene using Symbols Defining dynamic element edges (circles, too!) Manipulating physics bodies with animations Creating top-down physics environments Control Gravity […]

Read full story