Join Jake Ströh for an in-depth discussion in this video Animating symbols and previewing the animation, part of Migrating from Flash to Edge Animate.
…As we've discussed previously, within Edge Animate, we have the…ability to animate images without wrapping them into a symbol.…Previously you might have also noticed that…when we double clicked on a symbol and…went into isolation mode that the main…timeline changed to the symbol's own independent timeline.…Sound familiar?…The fact that we do not have to first put an image into a…symbol and then put that symbol into another symbol, just so we can have…a nested timeline to animate on, like we had to in Flash, only makes…animating objects within a symbol that much…more accessible and with less steps involved.…
We'll begin by opening up the animating-symbols.fla file, so I…can show you what we're going to accomplish in Edge Animate.…Also open animating_symbols_start.an.…What we have here in Flash is, we have our symbol of symbols,…so we have our grouping of three rockets and three instances of this onstage.…And on the main timeline they animate from left to right.…Inside of the symbol, on their own timeline, we have skill being effected.…
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