# Menus and HUD made in Blender

Lay out the game's screens, no code needed

Click-by-click video tutorial, 1:57. GameStudio 0.1.0, Blender 5.2.2 or newer.

## 00:03 Step 1: Open the GameStudio menu

Menus and HUDs are made right here in Blender. With Gem Island open, open the GameStudio menu.

## 00:09 Step 2: Choose Edit Game UI

Choose Edit Game UI.

## 00:12 Step 3: Open the scene list

This is the game's UI file: each scene in it is one screen. Open the scene list in the top bar.

## 00:19 Step 4: Type HUD, then Enter

Title, Pause, Options, Win and HUD. Type HUD and press Enter.

## 00:24 Step 5: Scroll to zoom out

The view looks through the screen's camera. Scroll to zoom out and see the screen's edges.

## 00:30 Step 6: Shift+right-click under the score

New elements land at the 3D cursor. Shift right-click under the score to put it there.

## 00:35 Step 7: Press Shift+A

Press Shift A. In a UI file, the Add menu starts with Game UI.

## 00:40 Step 8: Choose Text

Choose Text.

## 00:42 Step 9: Press Tab to edit it

Press Tab to edit the text.

## 00:45 Step 10: Type Gems {score}

Type Gems, then score in curly braces. Braces show a live value: the score the starter's code keeps.

## 00:52 Step 11: Press Tab to finish

Press Tab again to finish.

## 00:54 Step 12: Scroll down to Game

In the Properties, scroll down to the Game panel.

## 00:58 Step 13: Click Add Component

Now pin it to the corner. Under Game in the Properties, click Add Component.

## 01:04 Step 14: Choose UiAnchor

In a UI file, the UI components come first. Choose UiAnchor.

## 01:08 Step 15: Open Anchor

Open its Anchor menu.

## 01:11 Step 16: Choose Top-left

Choose Top-left. On any screen shape, the text now keeps its distance to that corner.

## 01:17 Step 17: Turn on Game in the header

To see it as the game draws it, turn on Game in the header. Live values show as placeholders.

## 01:23 Step 18: Press Ctrl+S to save

Press Control S. Saving the UI file exports its screens for the game.

## 01:28 Step 19: Open the GameStudio menu

Now go back to the level. Open the GameStudio menu

## 01:32 Step 20: Choose Back to Level

and choose Back to Level.

## 01:35 Step 21: Press F5 to play

Press F5 to play.

## 01:38 Step 22: Click Play in the game

Click Play. The HUD opens with the game: Gems zero, under the score.

## 01:43 Step 23: Hold W to grab a gem

Hold W to run into the gem ahead.

## 01:46 Done: The HUD counts every gem

The moment you pick up a gem, the HUD counts it. That's a HUD laid out in Blender, with no code.