Join Jake Ströh for an in-depth discussion in this video Understanding timeline interactions, part of Migrating from Flash to Edge Animate.
…In Flash, we frequently add Action Script to a…particular keyframe on the timeline, such as stop actions.…We've also been able to accomplish many other…tasks with time based introductions of Action Script.…Timeline triggers similarly can stop the timeline in Edge Animate.…Now, let's have some fun taking timeline triggers further by…hiding and revealing an image at different points on the timeline.…We'll begin by opening timeline-interaction-start.an.…First thing I want to do is ensure that…my composition will remain centered within a browser window.…
To do that, I'm going to select the stage, and over…here in the Properties, I'm going to check Center Stage.…The horizontal setting is just fine, so I'm going to leave that the way it is.…Next, I'm going to create a black box that's…going to animate and scale from 0% to 100%.…And this is just really nothing more than a visual effect, kind of zooming out.…And then, we'll reveal the SAMOCA building.…To do that, I'm going to select the Rectangle tool, and I'm…going to click and drag over the top of the SAMOCA building image.…
Jake Ströh explains how the web has evolved away from Flash, while pointing out key similarities and differences in Edge Animate that make migrating at times both smooth and challenging. He shows how to re-create a simple Flash banner ad inside of Edge Animate, walking through tasks that should be familiar to Flash developers, like keyframing parameters and working with symbols and nested timelines. Text, audio, and video work differently in Edge Animate, so Jake also spends time on those techniques. Then he'll work through the process of developing an interactive mobile prototype that accepts input from touch screens. When you're done, you should have the tools you need to migrate to Edge Animate and start building web projects that live up to modern standards.
- Understanding the history of Flash and the evolution toward HTML5
- Comparing the interface, keyframing, and asset management
- Re-creating a Flash project in Edge Animate
- Working with web fonts and CSS font styles in Edge Animate
- Working with HTML5 video
- Developing for touch screens
- Converting SWFs to HTML5 with third-party tools