|
@@ -53,7 +53,7 @@ now is that nodes exist and can be arranged this way.
|
|
Scenes
|
|
Scenes
|
|
------
|
|
------
|
|
|
|
|
|
-.. image:: /img/scene_tree_example_2.0.png
|
|
|
|
|
|
+.. image:: /img/scene_tree_example.png
|
|
|
|
|
|
Now that the existence of nodes has been defined, the next logical
|
|
Now that the existence of nodes has been defined, the next logical
|
|
step is to explain what a Scene is.
|
|
step is to explain what a Scene is.
|
|
@@ -83,12 +83,12 @@ For this, the editor will be used.
|
|
When godot executable is run outside a project, the Project Manager
|
|
When godot executable is run outside a project, the Project Manager
|
|
appears. This helps developers manage their projects.
|
|
appears. This helps developers manage their projects.
|
|
|
|
|
|
-.. image:: /img/project_manager_2.0.png
|
|
|
|
|
|
+.. image:: /img/project_manager.png
|
|
|
|
|
|
To create a new project, the "New Project" option must be used. Choose
|
|
To create a new project, the "New Project" option must be used. Choose
|
|
and create a path for the project and specify the project name:
|
|
and create a path for the project and specify the project name:
|
|
|
|
|
|
-.. image:: /img/create_new_project_2.0.png
|
|
|
|
|
|
+.. image:: /img/create_new_project.png
|
|
|
|
|
|
Editor
|
|
Editor
|
|
------
|
|
------
|
|
@@ -97,28 +97,28 @@ Once the "New Project" is created, the next step is opening it. This
|
|
will open the Godot editor. Here is how the editor looks when freshly
|
|
will open the Godot editor. Here is how the editor looks when freshly
|
|
opened:
|
|
opened:
|
|
|
|
|
|
-.. image:: /img/empty_editor_2.0.png
|
|
|
|
|
|
+.. image:: /img/empty_editor.png
|
|
|
|
|
|
As mentioned before, making games in Godot feels like being in a
|
|
As mentioned before, making games in Godot feels like being in a
|
|
kitchen, so let's open the refrigerator and add some fresh nodes to the
|
|
kitchen, so let's open the refrigerator and add some fresh nodes to the
|
|
project. We'll begin with a Hello World! To do this, the "New Node"
|
|
project. We'll begin with a Hello World! To do this, the "New Node"
|
|
button must be pressed:
|
|
button must be pressed:
|
|
|
|
|
|
-.. image:: /img/newnode_button_2.0.png
|
|
|
|
|
|
+.. image:: /img/newnode_button.png
|
|
|
|
|
|
This will open the Create Node dialog, showing the long list of nodes
|
|
This will open the Create Node dialog, showing the long list of nodes
|
|
that can be created:
|
|
that can be created:
|
|
|
|
|
|
-.. image:: /img/node_classes_2.0.png
|
|
|
|
|
|
+.. image:: /img/node_classes.png
|
|
|
|
|
|
From there, select the "Label" node first. Searching for it is probably
|
|
From there, select the "Label" node first. Searching for it is probably
|
|
the quickest way:
|
|
the quickest way:
|
|
|
|
|
|
-.. image:: /img/node_search_label_2.0.png
|
|
|
|
|
|
+.. image:: /img/node_search_label.png
|
|
|
|
|
|
And finally, create the Label! A lot happens when Create is pressed:
|
|
And finally, create the Label! A lot happens when Create is pressed:
|
|
|
|
|
|
-.. image:: /img/editor_with_label_2.0.png
|
|
|
|
|
|
+.. image:: /img/editor_with_label.png
|
|
|
|
|
|
First of all, the scene is changed to the 2D editor (because Label is
|
|
First of all, the scene is changed to the 2D editor (because Label is
|
|
a 2D Node type), and the Label appears, selected, at the top left
|
|
a 2D Node type), and the Label appears, selected, at the top left
|
|
@@ -131,21 +131,21 @@ bottom right corner).
|
|
The next step, will be to change the "Text" Property of the label, let
|
|
The next step, will be to change the "Text" Property of the label, let
|
|
change it to "Hello, World!":
|
|
change it to "Hello, World!":
|
|
|
|
|
|
-.. image:: /img/hw_2.0.png
|
|
|
|
|
|
+.. image:: /img/hw.png
|
|
|
|
|
|
Ok, everything's ready to run the scene! Press the PLAY SCENE Button on
|
|
Ok, everything's ready to run the scene! Press the PLAY SCENE Button on
|
|
the top bar (or hit F6):
|
|
the top bar (or hit F6):
|
|
|
|
|
|
-.. image:: /img/playscene_2.0.png
|
|
|
|
|
|
+.. image:: /img/playscene.png
|
|
|
|
|
|
Aaaand... Oops.
|
|
Aaaand... Oops.
|
|
|
|
|
|
-.. image:: /img/neversaved_2.0.png
|
|
|
|
|
|
+.. image:: /img/neversaved.png
|
|
|
|
|
|
Scenes need to be saved to be run, so save the scene to something like
|
|
Scenes need to be saved to be run, so save the scene to something like
|
|
hello.scn in Scene -> Save:
|
|
hello.scn in Scene -> Save:
|
|
|
|
|
|
-.. image:: /img/save_scene_2.0.png
|
|
|
|
|
|
+.. image:: /img/save_scene.png
|
|
|
|
|
|
And here's when something funny happens. The file dialog is a special
|
|
And here's when something funny happens. The file dialog is a special
|
|
file dialog, and only allows to save inside the project. The project
|
|
file dialog, and only allows to save inside the project. The project
|
|
@@ -158,7 +158,7 @@ resource files are from inside the game.
|
|
After saving the scene and pressing run scene again, the "Hello, World!"
|
|
After saving the scene and pressing run scene again, the "Hello, World!"
|
|
demo should finally execute:
|
|
demo should finally execute:
|
|
|
|
|
|
-.. image:: /img/helloworld_2.0.png
|
|
|
|
|
|
+.. image:: /img/helloworld.png
|
|
|
|
|
|
Success!
|
|
Success!
|
|
|
|
|
|
@@ -183,7 +183,7 @@ Once the window opens, the task will be to select a main scene. This can
|
|
be done easily by changing the application/main_scene property and
|
|
be done easily by changing the application/main_scene property and
|
|
selecting 'hello.scn'.
|
|
selecting 'hello.scn'.
|
|
|
|
|
|
-.. image:: /img/main_scene_2.0.png
|
|
|
|
|
|
+.. image:: /img/main_scene.png
|
|
|
|
|
|
With this change, pressing the regular Play button (or F5) will run the
|
|
With this change, pressing the regular Play button (or F5) will run the
|
|
project, no matter which scene is being edited.
|
|
project, no matter which scene is being edited.
|