Pantalla de introducción

Tutorial

Este es un tutorial simple para establecer la idea básica de cómo funciona el subsistema de GUI. El objetivo es crear una pantalla de introducción estática simple.

../../_images/robisplash_result.png

El siguiente archivo contiene los recursos que se utilizarán. Los archivos extraídos pueden colocarse directamente en la carpeta del proyecto y Godot los importará automaticamente.

robisplash_assets.zip.

Configurando

Ajusta la resolución de la pantalla a 800x450 en Ajustes del Proyecto y configura una nueva escena como ésta:

../../_images/robisplash_scene.png

Los nodos «background» y «logo» son del tipo TextureRect. Para mostrar una imagen, arrastra el recurso correspondiente a la propiedad texture.

../../_images/robisplash_background_inspector.png

El nodo «start»es un TextureButton. Utiliza varias imágenes para diferentes estados, pero sólo se usarán la normal y pressed en este ejemplo:

../../_images/robisplash_button_inspector.png

Finalmente, el nodo «copyright» es un Label.

La escena final debería verse similar a esta.

../../_images/robisplash_editor.png

Adelante, ejecuta el proyecto. Si estás satisfecho con los resultados, continúa con el siguiente tutorial.