Now that we've simplified the controls we need to make it easy for

new players to understand them.

One approach that's gaining popularity is to apply

labels to the virtual representations of the controllers.

So when the player looks down at the controllers in their hands

they can see a text label of each button.

When the game starts will show all of the labels by default.

And then if the player wishes to hide the labels

they can press the application menu button at the top of the controller.

Let's jump back into unity and create these labels.

In the hierarchy turn off the geometry and basketball game objects.

So we'll select geometry.

And uncheck it in the inspector and

then select basketball and uncheck that as well.

Next back in the hierarchy open up one of the controllers

and select the model game object.

Then in the inspector on the steam V-R render

model component change the model override to VR

controller vive 1.5 down here at the bottom.

Then let's frame it up in the inspector.

This will make the controller model visible while we're in the editor and

hiding the other geometry nearby makes it easier to see it.

Next, in the hierarchy create a new game object underneath the controller.

So we'll go to the Create menu and choose Create Empty Child

with the controller selected.

And then name it tutorial.

This game object will hold several UI canvases that will

label each button on the controller.

Now create a canvas.

Then delete the event system game object, And

then parent the new canvas to the to tutorial game object.

Rename the canvas to Teleport

as this canvas will label the touchpad with the word Teleport and

some angle brackets to make arrows.

In the inspector change the canvas render mode to World Space

and then reset the rect transform.

And then change the scale to 0.01,

On x, y, and z.

And then change the width to 8 and

the height to a value of 2.

Then frame it up in the scene view.

Scaling the canvas like this will allow us to use relatable values for

the width and height.

The alternative is to set the width and height to very small decimal values and

leave the scale alone, but I think this way makes more intuitive sense.

Now add a text component to the canvas.

So in the hierarchy, we'll create a new UI Text

game object with the canvas selected so it becomes parented.

And at first, we won't even be able to see

the text because it's not the right size and there's not enough pixel density.

However, we can increase the effective resolution of the canvas.

Select the canvas in the hierarchy once more, which is named Teleport.

And on the canvas scalar component,

change the dynamic pixels per unit to 50.

This will increase the pixel density on dynamically generated UI

elements like text so that it's clear and readable.

Now select the text game object and

reset its rect transform so that its in the center.

And then we'll use the anchor box hold down alt and

stretch it to the bounds of the canvas and

then change the font size of the text to 1.

And now finally the text is actually visible.

Next change the text itself to two left

facing angle brackets and the word Teleport.

And then align the text to left horizontal and center vertical.

And finally, change the text color to white.

Now we need to position the canvas.

So in the hierarchy, select the Canvas Game Object and

set the x rotation in the inspector to 90.

That way the text is facing straight up like the controller.

Then in the scene view use the transform controls to position it so

that it's just to the right of the touchpad.

Now use the scene view gizmo

to position that properly and I think that looks pretty good.

When you position this make sure that you're positioning the canvas and

not the text itself.

Otherwise if you try to modify the canvas or

the text later on you might get some confusing results.

When you're done save the scene.

Next will duplicate our work to create the remaining labels.