# Start your own HMI

The scene `EmtySceneHMI`only consists of HMI components, demonstrating a standard HMI structure. This is also available as a Prefab HMI serving as a foundation for creating your own HMI. To incorporate the `HMI` prefab, insert it into your scene and customize it to fit your requirements by adding or removing elements under the appropriate content game object. To make these modifications, simply right-click on the game object in the hierarchy and select `Prefab/UnpackCompletly`.\
The example scene contains two HMI-Tabs.

<figure><img src="/files/I0lsteWfdCrJu9QyG2X6" alt=""><figcaption><p>Hierarchy overview HMI</p></figcaption></figure>

They are activated and deactivated by Tab-Buttons which are organized in a separat panel. The panel is an overlay and always visible.

## HMI-Tab 1 - details

HMI-Tab1 shows how to set up a overlay panel. The game object "Panel" uses the component "VerticalLayoutGroup" to organize the buttons by setting the padding and the spacing in between elements.

<div align="left"><figure><img src="/files/xxUdLLF9jSGBktzgWRvb" alt=""><figcaption></figcaption></figure></div>

To change the size of an element use the parameter "Width" and "Height" of the component "RectTransform". This is possible for all HMI elements.

<div align="left"><figure><img src="/files/A7Jp1JzfeZeiKUjyd0uj" alt=""><figcaption><p>RectTransform component</p></figcaption></figure></div>

## HMI-Tab 2 details

HMI-Tab 2 uses an overlay content and contains elements in world space. The gif below shows you how the different elements appear when you navigate through the scene:

<figure><img src="/files/NQSubzy35T6CMfvmSrSB" alt=""><figcaption><p>Behavior HMI-elements in render mode "Worldspace"</p></figcaption></figure>

The overlay content stays always at the same position. It contains an example how to use a [Drop-Down-Menu](/components-and-scripts/scene-interaction/hmi-components-pro/hmi-dropdown.md) and a [Value Display](/components-and-scripts/scene-interaction/hmi-components-pro/hmi-value.md).

<div align="left"><figure><img src="/files/JnBCJfDacER8eAZ29Cu0" alt=""><figcaption></figcaption></figure></div>

The "WorldspaceContent" section contains two separate elements: [HMI\_Marker ](/components-and-scripts/scene-interaction/hmi-components-pro/hmi-marker.md)and [HMI\_Text](/components-and-scripts/scene-interaction/hmi-components-pro/hmi-text.md). The HMI\_Text, as well as the [HMI\_Value](/components-and-scripts/scene-interaction/hmi-components-pro/hmi-value.md), check if they're positioned beneath a canvas. If no canvas is found in the parent object, the "Canvas" component is automatically added and set to "Worldspace" render mode. This feature is currently only available for this HMI-elements. For the other HMI-elements you can use the `HMI_PanelWorldSpace` prefab, which already includes the canvas component. Just place this prefab under "WorldspaceContent." Subsequent HMI elements are added beneath the panel. This approach allows you to create a user panel within your scene. The [HMI Marker](/components-and-scripts/scene-interaction/hmi-components-pro/hmi-marker.md) doesn't need a canvas because it is a 3D object.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.realvirtual.io/components-and-scripts/scene-interaction/hmi-components-pro/start-your-own-hmi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.