Join Jake Ströh for an in-depth discussion in this video Creating the image gallery, part of Migrating from Flash to Edge Animate.
Let's begin by opening samoca-ig-start.…So, before I bring my first image on to the stage and convert it into a symbol,…I'm going to select the Banner Intro layer and what…this essentially is going to do is when I now add an image onto…the stage, it will appear in the stacking order right above this selected layer.…Which is exactly what I want because I want all of my navigation items…down in the bottom here of the stage to appear in front of the image.…
So, let's get started here by selecting Land Meets Ocean.jpg,…and I'm going to place this on to the stage.…
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