46 lines
1.3 KiB
ReStructuredText
46 lines
1.3 KiB
ReStructuredText
.. _doc_splash_screen:
|
|
|
|
Splash screen
|
|
=============
|
|
|
|
Tutorial
|
|
--------
|
|
|
|
This is a simple tutorial to establish the basic idea of how the GUI
|
|
subsystem works. The goal is to create a really simple, static
|
|
splash screen.
|
|
|
|
.. image:: img/robisplash_result.png
|
|
|
|
Following is a file with the assets that will be used. The extracted files can
|
|
be placed directly in your project folder and Godot will import them automatically.
|
|
|
|
:download:`robisplash_assets.zip <files/robisplash_assets.zip>`.
|
|
|
|
Setting up
|
|
----------
|
|
|
|
Set the display resolution to 800x450 in Project Settings, and set up a new scene like this:
|
|
|
|
.. image:: img/robisplash_scene.png
|
|
|
|
The nodes "background" and "logo" are of :ref:`TextureRect <class_TextureRect>`
|
|
type. To display an image, just drag the corresponding asset to the texture property.
|
|
|
|
.. image:: img/robisplash_background_inspector.png
|
|
|
|
The node "start" is a :ref:`TextureButton <class_TextureButton>`.
|
|
It takes several images for different states, but only the normal and
|
|
pressed will be supplied in this example:
|
|
|
|
.. image:: img/robisplash_button_inspector.png
|
|
|
|
Finally, the node "copyright" is a :ref:`Label <class_Label>`.
|
|
|
|
Your final scene should look something like this.
|
|
|
|
.. image:: img/robisplash_editor.png
|
|
|
|
Go ahead and run the project. If you're satisfied with the results, continue to
|
|
the next tutorial.
|