# Interactable World Space UI Canvas

<p class="callout warning">This is still just the raw structure of the steps involved! Images and more details will be added soon.</p>

- Create a UI canvas 
    - Right-click on your hierarchy, click on "UI &gt; Canvas"
- Switch **Render Mode** on **Canvas** to **World Space**
- Reset the Canvas' **Rect Transform**
- Set the **Width** and **Height** of the **Rect Transform** to 1000
- Set the **Scale** of the **Rect Transform** to 0.001
- Add **VRCUiShape** to the same GameObject as **Canvas**
- Change the GameObject's layer to **Default**
- Add a Panel 
    - Right-click on the Canvas in your hierarchy, click on "UI &gt; Panel"
- Disable **Raycast Target** and **Maskable** toggles on the **Image** component

### <span style="color: #3598db;">1) Create a UI Canvas</span>

<p class="callout info"><span style="color: #3598db;">Canvas is the root component of every UI</span></p>

<details id="bkmrk-1%29-create-a-ui-canva"><summary>Instructions</summary>

- Create a new Canvas in your scene by right-clicking your hierarchy and clicking on "UI &gt; Canvas"

[![image-1657475509118.png](https://vrclibrary.com/wiki/uploads/images/gallery/2022-07/scaled-1680-/image-1657475509118.png)](https://vrclibrary.com/wiki/uploads/images/gallery/2022-07/image-1657475509118.png)

[![image-1657475383536.png](https://vrclibrary.com/wiki/uploads/images/gallery/2022-07/scaled-1680-/image-1657475383536.png)](https://vrclibrary.com/wiki/uploads/images/gallery/2022-07/image-1657475383536.png)

</details>### <span style="color: #3598db;">2) Make Canvas World Space</span>

<details id="bkmrk-instructions-%C2%A0"><summary>Instructions</summary>

<p class="callout info">By default the render mode of the canvas will be set to ***"Screen Space - Overlay"***, meaning that the canvas will always overlay the game view. For a world space canvas we want to switch the mode to ***"World Space"***.</p>

<p class="callout warning">***"Screen Space - Overlay"*** and ***"Screen Space - Camera"*** are not compatible with VR as a render mode for a HUD</p>

- Change **Render Mode** of the **Canvas** to ***"World Space"***

[![image-1657476687430.png](https://vrclibrary.com/wiki/uploads/images/gallery/2022-07/scaled-1680-/image-1657476687430.png)](https://vrclibrary.com/wiki/uploads/images/gallery/2022-07/image-1657476687430.png)

</details>