Join Joseph Labrecque for an in-depth discussion in this video Actions Wizard, part of Adobe Animate CC New Features.
- [Instructor] Within older versions of Flash Professional, back in the ActionScript 2.0 days, beginners did not have to write code by hand. As there was a nice little wizard that could easily generate interactions for various elements. This version of Animate CC, reintroduces this idea with the actions wizard for HTML5 canvas documents. So here I have a basic animation. And if I scrub through you can see it's just a little sunrise that's going on here. And I also have a layer for my reset button.
And that brings us into this particular actions wizard mode, in the actions panel. So what we can do here is select a particular action, I'm going to go ahead and go down to go to frame number and play. Now, which object do we want to go to a specific frame number and play? We want to go to this timeline and it injects this dot go to and play and frame 50. However, we want to go to frame two.
The reason we want to go to frame two is because this code is going to exist on frame one and we don't want to have to repeat it whenever somebody clicks that reset button, because that can bog down the web browser. We'll now hit next and at this point we have to select a triggering event. So we want to have this actually occur on a mouse click. When somebody clicks reset specifically. So we'll choose on mouse click. And then we get to choose do we want to add this event listener to our current selection, which is the reset me instance here? Or we can just choose reset me.
If I had more interactive objects with instance names on the stage, more would appear here. I'm just going to choose reset me and then hit finish and add. Now you can see that we actually do have a number of comments here as well, to help people learn exactly what this code does. So, we're saying, this, which is the current scope, reset me, which is the instance name of this particular symbol of instance, and then we put an event listener on click, and then there's a function which says this dot parent, so this is actually a different scope, because we're dealing with the button itself, or the movie clip symbol instance.
- Enhanced animation tooling
- Frame Picker enhancements
- Custom ease presets for shape tweens
- Resetting the camera position
- Interactivity enhancements
Skill Level Intermediate
Q: This course was updated on 10/18/2017. What changed?
A: New videos were added that cover general enhancements to Adobe Animate CC, including changes to the interface, timeline enhancements, the updated Actions Wizard, and using the camera with layer depth.
Q: This course was updated on 10/15/2018. What changed?
A: New videos were added that cover the October 2018 updates to Adobe Animate CC.