How to add a "life bar" or "happiness bar"

Aug 31, 2017

Hello, Wonderful People! :)

I am working on a game about customer service. I need to put a "life bar" or a "happiness bar". This is how it works.

There are mini activities throughout the game but the end goal is to make the customer happy and satisfied with the learner's service/provided answers. For every wrong answer, the "happiness bar" will decrease its level. For every correct answer, its level will increase. Has anyone done this? Please help.

Thank you! :)

4 Replies
Adam Cochran

I've created something like this in Flash, a long time ago. It was a customer service satisfaction meter that went up based on the amount of correct answers the user selected. I imagine it would be something similar. You could have a variable that will display different layers (meter goes up or down) based on the users' answers. You could also have different results displayed based on the variable's total at the end. Hope this helps!


Which version of SL are you using? If you are using SL3 or 360, you can use the new Dial functionality to create a meter. 
Start by drawing an arrow. Then, with the arrow selected, click the dial drop down and click "convert to dial". Change your arc length, number of stops, and the pivot point to achieve your desired look and feel.  Add a background with different colors like red, yellow, & green. 

If you do all of this on a master slide, you can easily add the meter on the slides where you want it to appear. Then, simply add the actions to adjust the dial slider's variable up or down.  In the sample file below, I am just using buttons so you can see how it works.

This file also shows how to achieve this with a standard linear slider using a gradient background. The standard slider is on the 2nd slide.



OK - a slider with a gradient background should do the trick for you. 

  1. Insert the slider of your choice and resize it to fit your needs.
  2. Change the track fill to a custom gradient. Start by selecting "more gradients".
  3. The type should be "Linear". The direction should be "Linear Right". In the attached example I have 4 stops. Stop one is at 10% and is Red. Stops 2 & 3 are both Yellow and are located at 35% and 65%. Stop 4 is Green and is at 90%.
  4. For my meter, I renamed the variable to "Meter". I set the start at 0 and the stop at 100 so I could show a "percent happy" statistic. To keep it simple, I made the steps 10 so it limits the total number of stops.
  5. In my example, I used buttons to move the "meter" but you could attach the action to any event that you want.
    The increase action is simply to add 10 to your happiness variable when your event occurs but only if your happiness variable value is less than 100. 
    The decrease action is similar.  Subtract 10 from your happiness variable when your event occurs but only if your happiness variable value is greater than 0.

You now have a working Happiness Meter.

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