Ways to use Captivate 9 effects and states

Captivate 8 review

Last week I reviewed Captivate 9 and I was quite excited about the new Effect and State options. However, I didn’t go into any detail as it would have taken up the entire blog. So this post will take you through some of the ideas I’ve had on how to use the new effect and state settings in Captivate 9. Below is a link to a demo project; you can also download the source Captivate file if you want as well.

Captivate 9 experiments:

View full-screenDownload files

This is HTML5. If it doesn’t work get a better browser 😉

Taking you through the Captivate project

I am going to go through each slide to quickly explain what I have done, so hopefully you can have a go yourself.

Simpler interactions with states

This is a pretty simple slide. the three buttons change the state of the smart shape on the right. This is done in the Actions tab, as displayed below:

captivate 9 changing states

States and animation

This slide is a little more complicated, but not much. I really only made it to highlight that states don’t just apply to stationary objects. To have a state as an Edge Animation you need to go into State View and browse to the OAM file manually.

captivate-9-edge-animate-states

Getting the Edge animation to work was a little tempremental, so save constantly!

Delay next action by

The delay action by slide highlights how you can basically simulate a secondary timeline for you hidden objects. This is great if you are wanting to have an effect similar to Storyline’s layers in Captivate. You can see the Advanced Action I have used in the demo. It follows the pattern Show X, Animate X, Delay, Show Y…and so on. Of all the new functions in Captivate, this is the one I will use the most.

Delaying change of state

When I’m developing e-Learning I am constantly switching between Edge and Captivate because Captivate has never been able to do the most basic of animations. But now I can simulate a squash and stretch effect by combining motion paths and state changes. The slide has the following Advanced Action on slide entry:

captivate-9-delayed-state-changes

Then all you have to do is match up the timings with the motion path.

Animating in Captivate using states

On this slide I have used the same images that I used in the Edge Animation of a man walking earlier in the demo. However, this time I have “animated” the walk using Captivate states and Advanced Actions. The walk cycle has 10 images. Each state (labelled as a-i and normal) is one of the images from the cycle. The ‘Show Me’ button executes the following advanced action:

captivate-9-animating-a-character

By my eye, this animation looks no worse than the one built in Edge and was quicker to pull together.

Summary

Anyway, there you have it. Some ideas on how you could use Captivate 9’s new features to make your e-Learning stand out.

Let me know your thoughts. I will update this post if I find anything else interesting. Enjoy!

George Hill (14 Posts)

George is an e-Learning developer and webmaster for Armada. His areas of expertise include HTML5, Javascript and instructional design.


Leave a Reply

Your email address will not be published.

Website