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

Working with symbols - Edge Animate Tutorial

From the course: Migrating from Flash to Edge Animate

Start my 1-month free trial

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…

Contents