Un clásico rompecabezas.
Las ilustraciones:
https://www.mediafire.com/file/oj9wxxpcs1ub44r/Ilustraciones_de_Rompecabezas.zip/file
Comenzamos por crear una pieza con los nodos:
"Node2D" como nodo raíz, le ponemos el nombre de: "pieza1", le añadimos un script
"TextureRect" como hijo de "pieza1", conectamos la señal "gui_input" a la función "_eventos"
"Area2D" como hijo de "pieza1"
"CollisionShape2D" como hijo de "Area2D", le añadimos una colisión rectangular de 20x20
Ahora la parte en la que se colocan las piezas:
"Node2D" como nodo raíz, le ponemos el nombre de: "Imagen", le añadimos un script
"Sprite" como hijo de "Imagen", le ponemos el nombre de: "Fondo", le añadimos su textura
"Node2D" como hijo de "Imagen", le ponemos el nombre de: "Mascaras"
"Sprite" como hijo de "Mascaras", le ponemos el nombre de: "mascara1", añadimos textura
Continuamos agregando de forma manual los nodos "mascara2", mascara3
, hasta concluir.
El código:
Visualización de variables del anterior código:
Ahora una mesa:
"Node2D" como nodo raíz, le ponemos el nombre de: "Mesa", le añadimos un script
enlazamos el nodo "Imagen" como hijo de "Mesa"
"Control" como hijo de "Mesa", le ponemos el nombre de: "Area"
Posicionamos y damos tamaño al nodo "Area", es dentro de este donde de forma aleatoria se colocaran las piezas del rompecabezas.
Ahora la escena principal:
"Node2D" como nodo raíz, le ponemos el nombre de: "Inicio", le añadimos un script
"Sprite" como hijo de "Inico", le ponemos el nombre de: "Fondo", le añadimos su textura
"Button" como hijo de "Inicio"
¡Listo!
https://www.mediafire.com/file/u5ndgsv0c2sgcw8/Rompecabezas.zip/file
Nota:
Si quieres ver con mas claridad el trabajo de los códigos, antes de correr el juego activa la casilla de: "Ver Formas de Colisión".
¿Por que usas el nodo "TextureRect" para colocar la imagen?
Por que hace una doble función: mostrar una imágen y detectar si el cursor esta solo encima de este nodo.
Aquí encontraras otra forma de mover nodos con el cursor usando el nodo "Area2D".
https://nodosgodot.blogspot.com/2019/11/godot-2d-arrastrar-formas-de-colision.html?view=sidebar
Las ilustraciones:
https://www.mediafire.com/file/oj9wxxpcs1ub44r/Ilustraciones_de_Rompecabezas.zip/file
Comenzamos por crear una pieza con los nodos:
"Node2D" como nodo raíz, le ponemos el nombre de: "pieza1", le añadimos un script
"TextureRect" como hijo de "pieza1", conectamos la señal "gui_input" a la función "_eventos"
"Area2D" como hijo de "pieza1"
"CollisionShape2D" como hijo de "Area2D", le añadimos una colisión rectangular de 20x20
Ahora la parte en la que se colocan las piezas:
"Node2D" como nodo raíz, le ponemos el nombre de: "Imagen", le añadimos un script
"Sprite" como hijo de "Imagen", le ponemos el nombre de: "Fondo", le añadimos su textura
"Node2D" como hijo de "Imagen", le ponemos el nombre de: "Mascaras"
"Sprite" como hijo de "Mascaras", le ponemos el nombre de: "mascara1", añadimos textura
Continuamos agregando de forma manual los nodos "mascara2", mascara3
, hasta concluir.
El código:
Visualización de variables del anterior código:
Ahora una mesa:
"Node2D" como nodo raíz, le ponemos el nombre de: "Mesa", le añadimos un script
enlazamos el nodo "Imagen" como hijo de "Mesa"
"Control" como hijo de "Mesa", le ponemos el nombre de: "Area"
Posicionamos y damos tamaño al nodo "Area", es dentro de este donde de forma aleatoria se colocaran las piezas del rompecabezas.
Ahora la escena principal:
"Node2D" como nodo raíz, le ponemos el nombre de: "Inicio", le añadimos un script
"Sprite" como hijo de "Inico", le ponemos el nombre de: "Fondo", le añadimos su textura
"Button" como hijo de "Inicio"
¡Listo!
https://www.mediafire.com/file/u5ndgsv0c2sgcw8/Rompecabezas.zip/file
Nota:
Si quieres ver con mas claridad el trabajo de los códigos, antes de correr el juego activa la casilla de: "Ver Formas de Colisión".
¿Por que usas el nodo "TextureRect" para colocar la imagen?
Por que hace una doble función: mostrar una imágen y detectar si el cursor esta solo encima de este nodo.
Aquí encontraras otra forma de mover nodos con el cursor usando el nodo "Area2D".
https://nodosgodot.blogspot.com/2019/11/godot-2d-arrastrar-formas-de-colision.html?view=sidebar
Comentarios
Publicar un comentario