The Modelup platform makes it possible to connect UI components in the control panel with mesh geometry. This helps guide users toward the right choices and makes the interface more intuitive.

Example of the highlight effect. When hovering over the side accordions, the corresponding side mesh of the cube is highlighted in yellow.

How the highlight effect works

The highlight effect is set up in two steps:

1. Apply an effect to a GUI component.
2. Apply matching tags to the mesh.

Step 1: Apply the effect to a GUI component

• Create the effect using Create Highlight Geometry Effect.
  • In the T input, provide a list of tags (strings) that act as identifiers.
• Use the Attach GUI Effect component.
  • In the E input, connect the effect from the previous step.
  • In the G input, connect the GUI component (e.g. an accordion).

Applying the highlight effect to GUI components.

Step 2: Apply tags to the mesh

1. Use the Apply Mesh Tags component.
2. In the G input, connect the mesh you want to tag.
3. In the T input, connect the tags you want to apply.
   • ⚠️ The tags must match the identifiers used in the Create Highlight Geometry Effect component.