Relintai
/
godot-docs
mirror of https://github.com/Relintai/godot-docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix errors reported on learning/step_by_step/ui_game_user_interface.rst

This commit is contained in:
Nathan 2018-01-20 09:46:49 +01:00
parent 2ab06d76e7
commit a7a38c9018
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
learning/step_by_step/ui_game_user_interface.rst
View File

@ -64,7 +64,7 @@ tree as reusable sub-scenes. We'll do just that in a moment.
For now, let's start with a few containers.
Create a new scene and add a ``MarginContainer``. Select the node and
name it ``GUI``. Then save the scene and name it ``GUI.tscn``. It will
name it ``GUI``. Then save the scene as ``GUI.tscn``. It will
contain the entire GUI.
With the ``MarginContainer`` selected, head to the inspector and scroll
@ -429,9 +429,9 @@ We already setup the ``LifeBar``'s design with the main ``Bar`` scene.
Now we need the ``EnergyBar``.
Let's create a new inherited scene, and once again select the
``Bar.tscn`` scene and open it. Save the new scene as
``EnergyBar.tscn``. Double-click on the ``Bar`` root node and rename it
to ``EnergyBar``. We need to replace the HP texture with EP one, and to
``Bar.tscn`` scene and open it. Double-click on the ``Bar`` root node and rename it
to ``EnergyBar``. Save the new scene as ``EnergyBar.tscn``.
We need to replace the HP texture with EP one, and to
change the textures on the gauge.
Head to the FileSystem dock on the left, select the ``Title`` node in
@ -488,7 +488,7 @@ set based on its textures, you won't be able to downsize the ``Count``
node below that. That is also the size the ``Bar`` container will have.
You may downscale this one as well.
last but not least, the ``Count`` container has a minimum size that
Last but not least, the ``Background`` container has a minimum size that
makes it a bit large. Select it and in the ``Rect`` section, change the
``Min Size`` property down to ``80`` pixels. It should resize
automatically and the ``Title`` and ``Number`` nodes should reposition
@ -511,16 +511,16 @@ Prepare the bomb and rupee counters
Let us now take care of the counters. Go to
``Scene -> New Inherited Scene`` and select the ``Counter.tscn`` as a
base. Save the new scene as ``BombCounter.tscn``. Rename the root node
as ``BombCounter`` too. That's all for this scene.
base. Rename the root node as ``BombCounter`` too.
Save the new scene as ``BombCounter.tscn``. That's all for this scene.
.. figure:: ./img/ui_gui_step_tutorial_design_counters_1.png
The bomb counter is the same as the original Counter scene
Go to ``Scene -> New Inherited Scene`` again and select ``Counter.tscn``
once more. Save the scene as ``RupeeCounter.tscn``. Rename the root node
``RupeeCounter``. For this one, we mainly need to replace the bomb icon
once more. Rename the root node ``RupeeCounter`` and save the scene as ``RupeeCounter.tscn``.
For this one, we mainly need to replace the bomb icon
with the rupee icon. In the FileSystem tab, drag the ``rupees_icon.png``
onto the ``Icon`` node's ``Texture`` slot. ``Icon`` already anchors to
the right edge of the ``Background`` node so we can change its position