Adding Event Triggers for Interactivity in Microsoft Expression mix mutually
The animations that we have created up to this point are all non-interactive animations that mean they are just going to start when the window is laden and persist on. In the triggers inspector, there is a window loaded events trigger and when you connect on it you will see that says when the window is laden the simple move timeline will begin. I am going essentially to delete the simple move timeline and we are going to create some new timelines.
The first timeline I am going to create is enthused to red. This timeline is going to tell the sphere to move closer to the red number one control after three seconds. So I am going to advance the play head to three and move the sphere. I am going to create another timeline, move to blue and do the same thing. Lastly, one more moving to green and repeat the procedure. Now, this time I forgot to move the play head to three, but that can be easily remedy by just clicking and dragging the key frame to the preferred time.
Now, I have created three different timelines, all of which move the ball to a dissimilar location. I am going to create event triggers on the three controls, one, two, and three to start their own animation. So I am going to first choose my number one manage and add an event trigger to it. Now, by elusion the event trigger says when the window is laden. I am going to first drop down this field to choose the number one element and then the event we are looking for in the subsequent field is mouse enter. I will just drag through the list to place it.
Now, when number one has the mouse enters it? I am going to press this play button to add an action and I want to move to red timeline to begin. Likewise, I am now going to choose number two and add an event trigger to it and when number two has the mouse enter. I want to move to blue timeline to begin, the same performance with event three.
Our will notice when I drop down the box this time, it will only display window in number two. Whenever this box is drop down it will only show the at present chosen element and its parent container. Since number three is not chosen, it does not come into view on the box, but just click on number three will now put it in the box so I can have the events occur on it.
Now, let us take a look at what happen when I run the request. The ball started moving unwaveringly to the green. I will show you why that happen in a moment. Now, when I move to the blue button, the ball moves over to the blue position, when I move over to red it does the same. If I occur to move somewhere, say to the green and then move to the blue before it is finished you will see that the ball changes its direction and moves. Let me explain why that happened.
This type of animation is call the hand-off animation. If we look in the timeline, we see that we have recognized key frames at time three, but no preliminary key frames. This means that when this timeline plays. I do not care where the sphere is at the start of the animation. I just care that after three seconds the sphere is at a particular location.
So, when the sphere was moving from number one control to the number three control the move to blue timeline caused it to stop wherever it was and right away start moving towards the number two. You will also notice that when the window came up the move to green animation started right away. Let us take a look at why that happens.
In the trigger inspector, in addition to our entire mouse go into events there is a window full event. By default, when the window is loaded, it will start each timeline in your project. Since these three timelines all influence the same possessions, only the final timeline really have its property display.
So, move to red begins, move to blue begin and at the end it enthused to green begins. Since, we do not want this I can click the minus buttons to delete all three of those actions. So, now when I press F5 to run the request, the ball at stationary, until I reason one of the animations to start.