Create a counter

Unlock an action after several user actions or display a score with a counter. Create your counter using a Multi-state (or Gallery) component.

Unlock an action after user actions

Case study: during a game, the user must find 5 clues on the screen. Once all the clues have been found, he accesses the rest of the adventure and moves on to the next screen.

To unlock the screen, you have to create an invisible counter that is only used to count the clues and trigger the final action. We use an empty Multi-state component.

Insert a Multi-state component and place it outside of the screen. Insert 6 states in this component. This component includes n+1 states, n being the number of clues. 

When the user discovers a clue, increment the score. Create an action Interact with the component > Go to the following state

Finally, select the Multi-State component and create an action at Display state (6) that moves to the next screen.

Display a score

Case study: in a quiz, we want to display user's score at the end of the questions. The questionnaire is composed of 5 questions and each correct answer earns 1 point.

Create your score visually using a Multi-State component.

Insert 6 states in this component. This component includes n+1 states, n being the number of questions. 

Type "0" in state 1; "1" in state 2 etc... up to state 6 including the maximum score of "5". Insert this component in the final screen and rename it Score.

On each correct answer, increment the score. Create an action Interact with the component > Go to the following state

On each wrong answer, there is nothing to do

When the user reaches the presentation of the results, the counter displays the number of correct answers.

 Tip : it is possible to go further and assign different scores depending on the answers. The Go to next state action includes an interval and it is possible to increment the number of your choice. It is also possible to make people lose points by using the Go to previous state action.

Still need help? Contact Us Contact Us