WEBVTT

00:00:03.400 --> 00:00:05.856
Menus and HUDs are made right here in Blender.

00:00:05.861 --> 00:00:08.944
With Gem Island open, open the GameStudio menu.

00:00:09.500 --> 00:00:11.050
Choose Edit Game UI.

00:00:12.633 --> 00:00:14.316
This is the game's UI file:

00:00:14.316 --> 00:00:16.424
each scene in it is one screen.

00:00:16.429 --> 00:00:18.781
Open the scene list in the top bar.

00:00:19.333 --> 00:00:21.458
Title, Pause, Options, Win and HUD.

00:00:21.458 --> 00:00:23.391
Type HUD and press Enter.

00:00:24.700 --> 00:00:26.784
The view looks through the screen's camera.

00:00:26.825 --> 00:00:29.733
Scroll to zoom out and see the screen's edges.

00:00:30.300 --> 00:00:32.541
New elements land at the 3D cursor.

00:00:32.541 --> 00:00:35.287
Shift right-click under the score to put it there.

00:00:35.867 --> 00:00:36.982
Press Shift A.

00:00:36.982 --> 00:00:39.925
In a UI file, the Add menu starts with Game UI.

00:00:40.500 --> 00:00:41.818
Choose Text.

00:00:43.000 --> 00:00:44.875
Press Tab to edit the text.

00:00:45.500 --> 00:00:48.176
Type Gems, then score in curly braces.

00:00:48.217 --> 00:00:49.912
Braces show a live value:

00:00:49.912 --> 00:00:52.112
the score the starter's code keeps.

00:00:52.667 --> 00:00:54.403
Press Tab again to finish.

00:00:55.167 --> 00:00:57.971
In the Properties, scroll down to the Game panel.

00:00:59.100 --> 00:01:00.569
Now pin it to the corner.

00:01:00.609 --> 00:01:03.715
Under Game in the Properties, click Add Component.

00:01:04.533 --> 00:01:06.925
In a UI file, the UI components come first.

00:01:06.925 --> 00:01:08.359
Choose UiAnchor.

00:01:09.000 --> 00:01:10.504
Open its Anchor menu.

00:01:12.000 --> 00:01:13.277
Choose Top-left.

00:01:13.277 --> 00:01:14.949
On any screen shape, the text now

00:01:14.949 --> 00:01:16.894
keeps its distance to that corner.

00:01:17.467 --> 00:01:20.596
To see it as the game draws it, turn on Game in the header.

00:01:20.799 --> 00:01:23.290
Live values show as placeholders.

00:01:23.867 --> 00:01:25.162
Press Control S.

00:01:25.167 --> 00:01:28.389
Saving the UI file exports its screens for the game.

00:01:28.967 --> 00:01:30.366
Now go back to the level.

00:01:30.407 --> 00:01:32.375
Open the GameStudio menu

00:01:32.933 --> 00:01:34.669
and choose Back to Level.

00:01:36.100 --> 00:01:37.604
Press F5 to play.

00:01:38.833 --> 00:01:39.704
Click Play.

00:01:39.704 --> 00:01:41.213
The HUD opens with the game:

00:01:41.213 --> 00:01:43.402
Gems zero, under the score.

00:01:43.967 --> 00:01:46.400
Hold W to run into the gem ahead.

00:01:46.967 --> 00:01:49.637
The moment you pick up a gem, the HUD counts it.

00:01:49.637 --> 00:01:52.558
That's a HUD laid out in Blender, with no code.