Tengo tiempo sin hacer esto de los tutoriales, es hora de retomarlo. Explicaré un tema que me habían pedido hace un tiempo, en los siguientes días es probable que pueda hablar sobre los dos que me faltan hasta ahora (según la lista de tutoriales).

(Escribí esto hace como un mes, pero no tenía internet para publicarlo. Hoy en día me faltan más tutoriales por cumplir)

Hacer un selector de personajes en Godot es muy sencillo, tenemos muchos métodos diferentes. Lo que aplicaremos ahora será la creación de una nueva escena de Interfaz 2D. Para los personajes que serán “seleccionables” podemos usar el nodo de tipo TextureButton, y si hace falta redimensionar la imagen, activamos su propiedad “expand”.

Cuando tengamos las imágenes/botón preparadas (que en mi caso son naves, pero puede ser cualquier cosa) añadamos un script para el nodo raíz y empecemos a conectar la señal de “pressed()” de los botones con él.

Después necesitaremos un Singlenton o script en el AutoLoad que pueda guardar al jugador que queremos añadir a nuestro nivel. Hagan clic en “Nuevo Script” y lo guardan con el nombre de “global_var”. Pueden hacer de ese script un Singlenton si entran en los aquíAjustes de Proyecto y en la pestaña de AutoLoad lo añaden. El nombre que elijan para ese script será el que deben usar cuando quieran trabajar con sus variables y/o funciones. Si no sabes como funciona el AutoLoad, pasa por aquí.

Antes de cerrar el nuevo script, creen la variable de “player_dir” e indiquen que será de tipo String. Ella guardará la ruta que tiene el personaje que instanciaremos, en el Sistema de Archivos de nuestro proyecto.

Ya con esto podemos volver a nuestro Selector de Personajes. En el script con todas las señales de presionado conectadas, vamos a crear las variables de “nave_azul”, “nave_roja” y “nave_verde”, que son mis personajes. Esas tres variables son una cadena de texto (String) y para tener la dirección de cada una sólo tenemos que arrastrar la escena correspondiente al personaje hasta el espacio después del igual, en la variable.

Dentro de todas las funciones que quedaron abiertas, hagan que la variable “player_dir” del script global, pase a tener la dirección del personaje que represente ese botón. Por ejemplo: la primera señal que emití corresponde a la nave verde, por lo que la dirección correcta para el script global será la variable con la nave verde.

También debemos añadir una línea que nos haga cambiar de escena, yo lo resolví con una función que llama a “get_tree().change_scene()”, sólo tienen que poner dentro “change_scene()” la ruta de la escena nivel, y después de hacer clic en alguna nave, cambiaremos de escena.

Ya en nuestro nivel sólo tendremos que instanciar la nave que indiquemos en el Selector. Añadan un Script donde quieran: puede ser en el nodo raíz o por algún contenedor de los personajes, como es mi caso. Básicamente tienen que cargar la escena con la dirección que guardamos hace un rato, y usar la función “instance()” para crear una nueva instancia que podamos tener en la escena. La añadimos como hija y cambiamos su propiedad de posición si no tenemos una cámara.

Como algo opcional pueden crear un nodo Position2D para guardar la posición del nuevo personaje.

Espero que este artículo con su vídeo les sea de utilidad. Pueden dejar dudas o recomendaciones en los comentarios de este blog o YouTube.

Si estas aquí es porque te decidiste a iniciar un nuevo curso. Espero que aprendas cosas nuevas. Seguro que ya sabes crear proyectos, definir los Nodos y las Escenas en Godot, y muchas cosas más relacionadas con el editor… pasaré entonces a darte más detalles sobre los Recursos que se pueden crear dentro de Godot, pero primero configuraremos nuestro proyecto.

Dirijanse a los “Ajustes de Proyecto”, les enumeraré los cambios que realizaremos:

1. Windows → El Ancho y Alto del proyecto será de 320 y 240 pixeles respectivamente.
2. Windows → Bajando en las propiedades de la misma sección, sería bueno cambiar el Mode a 2D y el Aspect en Keep. Así los gráficos se ajustarán a cualquier cambio que se le realice a la pantalla.
3. Escriban “Snap” en el buscador, y después activen la propiedad “Pixel Snap”. Con eso evitamos que los gráficos no se encuentren perfectamente alineados.

Creando Recursos

Ahora podemos empezar: según la documentación oficial del motor, tenemos que Los recursos son Contenedores de datos. Sirven cuando un Nodo puede disponer de sus datos y darles una función. El recurso que necesitaremos para trabajar con nuestros mapas de tiles, se conoce como TileSet. Para no desviarme del tema, y pasar directamente a construir los gráficos ncesarios, les dejaré con este enlace la documentación de Godot en Español en su tema de los recursos: https://docs.godotengine.org/es/latest/getting_started/step_by_step/resources.html.

Creamos una nueva carpeta desde el sistema de archivos de Godot y dentro de ella, cuando pulsemos el clic derecho, podremos “Crear un Recurso”. Nos mostrará un menú parecido al que sale cuando creamos nodos, simplemente escribimos “TileSet” y ya tendremos lo que necesitamos. Guardamos y abrimos con doble clic.

Se abrirá el editor de Tiles. Lo pueden usar para crear AutoTiles y Tiles separados. Para eso ustedes deben tener preparada una hoja de Sprites con los tiles que van a necesitar, alineados en función de que sea fácil entender cómo es que deben estar colocados cuando Godot les dé posiciones. La hoja que usaré yo, la tienen en la carpeta de Assets que pegamos dentro del proyecto.

La añadimos con el botón de “+” y ahora podremos elegir entre crear un recurso AutoTile (azul) o un Tile único (amarillo). Esa hoja de ahí tiene muchas opciones, pero sólo vamos a poder aplicar tiles automáticos con unas zonas determinadas, como la tierra y la madera. Por lo tanto, primero seleccionaré la opción de AutoTile. Se nos permitirá definir la “región” o la “zona” de nuestra hoja. Para hacer que el selector sea más exacto, presionemos el botón con el imán:

Se percatarán de que los Tiles son más pequeños que los cuadrados de ahí. Para reducir el tamaño, vamos al inspector y cambiamos el «Snap» a valores de 16×16. Cuando la tengamos así, podremos seleccionar exactamente la zona de los tiles.

Los tenemos y ya podemos avanzar a la sección de «Collision», allí podremos hacer que los tiles sean sólidos para nuestro personaje. Nos encontraremos con que los cuadrados siguen siendo más grandes que la imagen, dirijanse nuevamente al inspector y abran la sección «Selected Tile» , busquen la propiedad «Subtile_size» y en los valores de «X» y «Y» ponen 16×16, el tamaño de estos tiles.

Ahora sólo debemos hacer un clic sobre la herramienta de rectángulo (la segunda, de izquierda a derecha), y después en los tiles que queramos como cuerpos sólidos.

Cuando tengamos todas las colisiones que necesitamos, pasaremos a la sección «BitMask», para definir cómo reaccionarán los Tiles mientras se estén creando. Deben hacer clic en todo el espacio que ocupa cada tile, menos en los bordes. Como en esta imagen:

Estos tiles ya deberían funcionar correctamente, sin embargo, nos toca seguir añadiendo otras partes que faltan. Como ya saben formar AutoTiles, explicaré como se hacen imágenes separadas, para saltarme el trabajo de hacerlo con todas.

Muy bien, hacer esto es practicamente el mismo proceso. Van al apartado de “Region” y en lugar de Autotiles seleccionan “Single Tile”. Marcan los tiles que necesitan, le dan una colisión si hace falta, y nos vamos felices.

En el próximo capítulo les explicaré todo lo que necesiten saben sobre el nodo TileMap y diseñaremos un mapa para nuestro nivel principal.