Join Jake Ströh for an in-depth discussion in this video HTML5 Canvas in Flash, part of Migrating from Flash to Edge Animate.
…Flash CC does allow you the ability to create and deliver HTML5 content.…And while this might seem like a safe option…to work with a program that you're already familiar with.…Is it really the best option?…We'll open up both samoca-hero and samoca-canvas Flash files.…I'll start by doing a publish preview for samoca-hero.…And you'll see that this is the flash file that we have worked with previously.…In the samoca-canvas file I have recreated this to…the point where I have the banner animation, which…is at the beginning of our presentation and I…have the buttons down here with the rollover effects.…
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