Allow learner to customize thier Avatar

Jul 01, 2020

Is there a way for learners to customize their chosen avatar within a Storyline360 course using an image from their desktop? If not, are there any suggestions of how I can achieve something similar?

2 Replies
Judy Nollet

Storyline doesn't allow for importing pics from a user's computer. 

Here's how to achieve something similar:

  • Create a variable for tracking which avatar is selected. This could be a number variable, but for easier programming trouble-shooting, I'd use a text variable, with the initial value blank.  Let's call this variable theChosenOne.
  • Let the user select an avatar at the beginning of the course. For this example, I'll just refer to 2 avatars. I'll call them Alice and Bob.
  • When the user selects an avatar, adjust the value of theChosenOne. For example, if they pick Alice, make "Alice" the value; if they pick Bob, make "Bob" the value.
  • On every slide with the avatar:
    • The avatar object needs a different state for each possible avatar. So, in this example, the object would have an Alice state and a Bob state. 
    • Add triggers to change the state of the avatar when the timeline starts, with a condition based on the value of theChosenOne variable. You'll need a trigger for each option.
      • In this example, there'd be a trigger to change the state to Alice with the condition that theChosenOne is "Alice." 
      • There'd be another trigger to change the state to Bob with the condition that theChosenOne is "Bob." 

If you aren't familiar with conditions and variables, I highly recommend taking the time to learn about them. They'll give you much more control over what happens and when it happens.

Vincent Scoma

Hi Carmel and Judy,

Judy: I first just wanted to say what a great idea! I appreciate you sharing these steps on how to create this design. 

Carmel: I also wanted to jump in to share some course design ideas that came from this E-Learning challenge. This challenge asked the community to share their designs on how learners can select an avatar. I am hoping that this will also help with your design needs and you can find more about this thread here: 

This discussion is closed. You can start a new discussion or contact Articulate Support.