Setting up "Choose Avatar functionality and displaying the selected avatar in rest of the project"

[parichayak29705090]

Hi All,

I have created a story for some quiz questions and the user has to choose an avatar before proceeding to the quiz.

But I am not able to figure out, how to display the character based on the user’s selection. For example, the two characters that I have used are John and Ellet. If I select John in the character selection page, John should appear in the result screen instead of Ellet.

I was able to achieve the same using Storyline but not able to figure that out in Captivate.

The idea that I am having is by assigning variable to the two characters: John and Ellet. For John I will have variable J with default value false and for Ellet the variable will be E with default value false. When user clicks on any of the character, for example if he/she clicks on John then J will turn to true and E will remain false.

This condition can be used in result slide, to display John instead of Ellet. There can be a hidden shape with two states: one for John and other for Ellet.

If J is true, change state of the shape to state John and if E is true, change state of shape to Ellet.

I am not sure about how to create true/false variable and assign them value when user clicks on the character button.

Kindly help me with this. Kindly share the sample if anyone in the community has created the avatar choose functionality for the user.

Thanks a lot in advance.

[Lilybiri · Accepted solution]

You make it more complicated than necessary.

Create one user variable (Project, Variables), will label it v_avatar. You can leave the default value empty.

Turn the images of the avatars into shape buttons. Have a look at:

Turn an Image into a Button - Captivate blog

Shape buttons have two events: when clicked, you can execute an action, that is the Success event. Leave the number or attempts at Infinite, you'll not have a Last Attempt in that case. For the Success event, choose the action 'Assign', as variable v_avatar. and depending on the avatar choose the wanted value:

  Assign v_avatar with John

or

  Assign v_avatar with Ellet.

I don't know if you want the playhead to continue or not, there is an option for that.

On the score slide you'll need to create a conditional action. Since I don't know which version you are using, will not post a screenshot (advanced actions dialog box has changed in CP2017).

IF v_avatar is equal to John

     Change state of shape to John              provided that is the name of the state

ELSE

     Change state of shape to Ellet

[parichayak29705090]

Thanks a lot for a quick response.

[parichayak29705090]

I am using captivate version 9. Thanks a lot I was able to create as you mentioned. I am a newbie to captivate so had no idea how to use if else statement and use the variable in the project.

Can you please guide me to the link where I can learn more about captivate variables, and advanced actions?

[Lilybiri]

If you told me which version you are using, please? I have lots of blog posts about Advanced actions, variables, Shared actions etc.

For CP2017 this article explains the Advanced Actions dialog box completely:

Advanced Actions Dialog box in Captivate 2017 - Captivate blog

I think it would be a good idea to download the list with system variables from this article:

System variables in Captivate 8/9 and 2017 - Captivate blog

Here is a special one about Quizzing system variables:

Using Quizzing System Variables - Captivate blog

As a Newbie, have also a look at:

Challenges for Starters - Captivate blog

Starting with variables, very old article, but except maybe for screenshots, still valid:

Curious about Variables in Captivate? - Captivate blog

Play this game (will present it at Adobe Learning Summit, example of using the Timeline) and advanced actions.

http://www.lilybiri.com/published/GameALS/index.html

[parichayak29705090]

I am using Captivate 9