Skip to main content

​
Overview

Show Red Vignette displays a red overlay around the edges of the trainee’s view. Add it to a transition’s Actions list to provide feedback after an incorrect object selection or panel answer. The action displays feedback when it runs. Configure the event and any conditions that identify the incorrect response separately. It does not detect mistakes, unsafe movement, boundaries, or missing equipment by itself.

​
Parameters

Use a finite duration for brief error feedback. In the browser Trainee App, the effect is a red edge overlay that fades in and out while the scene remains visible. It does not block pointer interaction or automatically pause the training.

​
Example: Incorrect Object Selection

The scene contains component_a, component_b, and component_c. In this example, component_c is the correct selection. Create Select Component and Inspect Component steps.
1

Show the task

In Select Component → On Entry, add Show Panel:
  • Title: “Select the component”
  • Body: instructions that identify component_c as the required part
  • Next: hidden
  • Wait Until Complete: unchecked
Ensure the three objects are available for interaction.
2

Configure incorrect selections

Create a transition with a Tap event. Select component_a and component_b under Target Objects. Leave the transition’s target unset so the trainee stays in Select Component.In the transition’s Actions, add:
  1. Show Text: set Body to “That is not the required component. Check the instructions and try again.” Set Duration (ms) to 3000 and leave Wait Until Complete unchecked.
  2. Show Red Vignette: set Duration (ms) to 1500.
3

Configure the correct selection

Create another transition with a Tap event targeting component_c. Set its destination to Inspect Component.
4

Clean up when leaving the step

Add Hide Panel and Hide Text to Select Component → On Exit. Incorrect selections run the feedback actions without leaving the step. Selecting component_c advances to inspection.

​
Example: Incorrect Panel Answer

Create an Identify Valve question step followed by Valve Explanation.
1

Create the question

In Identify Valve → On Entry, add Show Panel. Set Title to “Identify the valve” and Body to “Which valve controls the inlet?” Add Inlet valve and Outlet valve choices. Hide Next so an answer is required to proceed.
2

Connect the incorrect choice

For Outlet valve, choose Create new transition. Leave its target unset. In that transition’s Actions, add:
  1. Show Text: Body “Incorrect. Look for the valve on the inlet connection.”, Duration (ms) 3000, Wait Until Complete unchecked.
  2. Show Red Vignette: Duration (ms) 1500.
Use the Choice event created through the panel configuration.
3

Connect the correct choice

For Inlet valve, choose Navigate to another step and select Valve Explanation. Add Hide Panel and Hide Text to Identify Valve → On Exit.
The incorrect choice shows feedback and keeps the question available for another answer. The correct choice moves to the explanation step.

​
Feedback Within the Current Step

Leave a feedback transition’s target unset when the trainee should retry within the current step. Its actions run without re-running the step’s On Exit and On Entry lists. If a feedback transition has a condition, that condition must be satisfied before its actions run. A false condition skips the transition, including Show Red Vignette.

​
Verify the Feedback

  • Test each incorrect Tap or Choice and confirm that the overlay and explanatory text appear.
  • Confirm that a finite duration clears the overlay and that another attempt is possible.
  • Test the correct response and confirm that it reaches the intended destination.
  • Check the effect in the Trainee App on the device used for training.