LMS Avatar

Feb 10, 2021

Hi Guys,

I have well and truly hit a wall and am reaching out to the community for help. I am working with a developer to create a bespoke LMS and have built an avatar activity in storyline. The developer has explained that the mechanics are in place for the SCORM file to be uploaded but I cannot get it to work correctly.

The attached image helps to explain my objective...

Users log in to their accounts and can access a storyline activity to colour a character. This all works correctly. However, I cannot integrate this into the LMS. In the image you can see I have used a camera icon to act as a save button. I am exploring all kinds of triggers ("execute JS") but cannot make the image remain when they access their character again. The activity always returns to a blank character that requires coloring each time. Any ideas how the user can color the character and hit the camera button to save their design? I am a designer that has used storyline for some years but I feel I am out of my comfort zone on this one! Please help! Thanks in advance.

24 Replies
C_ Cudworth

Thanks for the quick response. I really appreciate the input but I have to say I'm getting lost in all the code and finding myself tying myself in knots. I have attached a pic to show what I have assigned to each part of the character that is colored. Is this along the lines of what you describe? Also, am I right to have "execute JS" on the button?

Math Notermans

As Phil says...you do need multiple slides to save and resume states.
Mocked up your color thing and set it up properly... at least for the top 4 colors and only the arm.

This is basically what you need. 
whats needed

To help you out added the mockedup Storyline..
No Javascript needed at all...

C_ Cudworth

Hi Math & Phil,

I've ran Phil's method because it seemed more efficient for testing with only 2 slides. I published to SCORM 1.2 and uploaded to LMS. As you can see from attached pics I colored the arms red. I then hit the hotspot to take me to the second slide where the arms are still red. But this color does not stay when I return. It goes back to the first blank character slide. I need the user to login, design character and "set colors." When they return to this activity they are always greeted by the colours they chose. They should be able to make changes and save again whenever they wish. What am I doing wrong?

Math Notermans

Do share your Storyline...or follow precise the steps shown... so ensure a variable is present...test that variable in Storyline by using inline replacement ( %variable% )... Make sure the course has resume saved state active. Does my sample course work on your LMS ? What LMS you are using...
Publish for LMS...

Math Notermans

A few errors you made:
- only one slide. So it never can resume
- the slide had resume state not set
- your player was set to never resume
- because you missed a 2nd slide, offcourse the triggers needed there were missing too.

Fixed that and tested it on my LMS. Only added the correct triggers on the 2nd slide for the Arm...but it works.
Adding my fixed Storyline and a published output that you can put on your LMS to test to see it works.


C_ Cudworth

Hi Math,

I have tested the .zip at Scorm Cloud in case there are issues with my LMS. If you look at the attched pic, it allows the user to select a color for arms and progress to second slide. When I relaunch in Scorm Cloud, I am presented with second slide with saved color, so this part works...But when I press the back button and return to the coloring slide, I cannot save a different color if I want to edit. It always returns to the green arms even when I go through the process of changing the color and moving to the second slide.

C_ Cudworth

Hi Math,

The Dev has managed to integrate the file into the LMS. However, to test, we only got the arms working. Now I've added the triggers to all areas of the character, the same color is set to every part when you advance slides. I have attached current file for you to see for yourself. I'm sure it is an issue with the variables but I'm not sure where. Any thoughts, please?

Math Notermans

You only save 1 color. So all gets that color. You need to save all colors. And you actually need to save what cloth or body element gets what color...and the emblem choosen too... Now only 1 color gets passed to the 2nd slide. Guess an array or object works best.

Correction: You did save the values, but on slide 2 all are set to Color..where they need to be set to BodyColor, MaskColor etc.