From the course: Migrating from Flash to Edge Animate
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Working with symbols - Edge Animate Tutorial
From the course: Migrating from Flash to Edge Animate
Working with symbols
As mentioned earlier, we have been animating images as HTML elements, and Edge allows us to animate any HTML element on the stage without having to wrap them in the symbols. So, you might be asking yourself, why symbols then? And the answer would be, for the same exact reasons that we've used movie clip symbols in Flash. To illustrate that, we're going to open up symbols-begin.an in our Chapter 2, 02_04 folder. Our stage size is set to 700 by 400. I want to change the background color slightly on the stage to kind of a light gray. So, I'll do that here. And next, we're going to import an image. And inside of our exercise folder, we have an assets folder. Inside of there, we have rocket.png. Next, I'm going to drag that on to the stage. And then, by holding Shift key down, I'll just select one of these corners here and resize this to preserve the aspect ratio, and then over here in the Transform properties, I am just going to rotate this by 90 degrees. And next, I'm going to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.