Join Jake Ströh for an in-depth discussion in this video Reviewing an existing Flash project, part of Migrating from Flash to Edge Animate.
…We'll be recreating this existing Flash project together in Edge Animate.…To understand the differences between the two workflows, let's…look at our completed Flash file by opening samoca-hero.fla.…I could have built this file a number of…different ways, but I specifically built this in the…fashion that I did so as to illustrate key…similarities and differences when recreating this project in Edge Animate.…You'll see by how I've constructed the main timeline, that I…utilize frame labels, and these frame labels are then directed to…a place and time where we reveal nested movie clips that…essentially fade up an image over the course of about one second.…
If we go to frame one on action script layer,…you'll see that this is how I've programmed the buttons.…So, all they do, essentially, is just go to a frame label and stop.…I'll do a published preview, and you'll see that we…have a default animation that comes in with our titles.…And then we just click on these thumbnails…to reveal the various images fading up over time.…
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