domingo, 2 de diciembre de 2018

Intro Star Wars con GUI Unity 2018

En esta ocasión, realizaremos una pequeña intro al estilo Star Wars con la GUI de Unity 2018.

EMPEZANDO

1.-Primero crearemos un proyecto 3D, esto para aprovechar la vista de la cámara en perspectiva que es lo que queremos lograr, crearemos una carpeta que se llame Recursos, en esta carpeta necesitaremos una fuente la de Star Wars por ejemplo, puedes dar clic aquí para obtener la fuente. y una canción en formato .mp3 para la intro, si es la de Star Wars mucho mejor. 


2.- Ahora seleccionamos la Main Camera y cambiaremos algunas opciones, en el inspector donde aparece Camera, cambiaremos el Clear Flags a Solid Color, Background a negro, Projection Perspective, Field of View a 150.


3.-  Ahora en la Jerarquía o Hierarchy agregamos un UI Text dando clic derecho UI > Text y lo nombramos, TextoStarWars.



4.- Ahora con el canvas creado podemos eliminar nuestro texto, para que nos quede solo el canvas. Ahora crearemos un Texto en 3D dando clic derecho al Canvas y en 3D Object y 3D Text. Cambiaremos los siguientes valores en el Text Mesh del Texto 3D colocaremos la intro, si no tienes alguna puedes ver las intros aquí, colocas el texto de tal forma que quede el espacio entre lineas, y colocas los siguientes valores.



5.- Ahora para poder ver el texto de manera inclinada debemos de cambiar los valores en el Rect Transform, para mi estos son los valores que me funcionaron tanto en la Posición y en la Rotación, puedes probar la que mas te guste.



6.- Ahora crearemos la movilidad del texto, para ello crearemos un C# Script y lo llamaremos texto, y se lo asignamos al Texto 3D


7.- Ahora con el Script asignado le damos doble clic y  colocamos el siguiente código.


8.- Ahora de nuestra carpeta de Recursos seleccionamos la canción del intro y se la asignamos a Main Camera para cuando le demos Play suene la música épica.



TERMINANDO 

9.- Ahora que hemos hecho todo esto toca dar al botón de Play y obtenemos el siguiente resultado.



Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en Patreon si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.


Manipulando Actors en UE4+

En esta ocasión vamos a manipular Actors, que son los objetos que utilizamos en UE4+, vamos aprender a como movernos, como escalarlos y como rotarlos para entender un poco su funcionamiento.

EMPEZANDO

1.- Creamos un nuevo proyecto o si tenemos uno ya existente podríamos abrirlo, los Actors son todos los objetos con los que manejamos en UE4, estos tienen una serie de propiedades y son de todo tipo. Vamos a aprender a usar los Actors en UE4. Si el proyecto que iniciaste tiene el Starter Content, vamos a usar los objetos que viene en esa carpeta, si no intenta crear un nuevo proyecto en blanco con el Starter Content ya que este contiene muchos cosas a utilizar.



2.- En la carpeta Starter Content le damos doble clic y buscamos otra carpeta llamada Props y la abrimos aquí podemos utilizar algunos objetos.


3.- Tomaremos de los objetos de esta carpeta el SM_Couch lo seleccionamos y lo arrastramos a la escena. 


4.- Ahora podremos manipular este Actor, vamos a usar las herramientas de Transformación, la cual consisten en la posición del Actor, Escala y Rotación el cual podemos ver en la escena en la parte de arriba por default nos sale la opción de posicionar el objeto.


5.- Puedes mover el objeto donde quieras usando las flechas de colores que te aparecen, en las posiciones X, Y y Z, puedes probar.


6.- Ahora si seleccionas el siguiente botón o presionas la tecla E podrás empezar a rotar el objeto, ahora notaras que las flechas de colores que aparecían antes ahora son sustituidas por lo siguiente, puedes manipular y rotar también.



7.- Ahora nos situamos en el siguiente botón o podemos usar la tecla R para poder escalar el objeto, ahora nos saldrá el siguientes colores pero con cubos, podemos escalar el objeto dependiendo el color que seleccionemos, si le damos en el cubo blanco que esta en el centro, podremos  escalarlo en todas direcciones, puedes intentar probar escalarlo. 





TERMINANDO

8.- Para terminar, seleccionado el Actor podemos cambiar estos valores en la ventana Detalles que se encuentra a la derecha de la escena en la parte de Transformación ahí podemos cambiar esos valores y obtendremos también cambiar lo que queramos, escala, rotación o la ubicación.



Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en Patreon si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.

Creando un TileSet y un TileMap en Godot 3

En este tutorial crearemos un TileSet y un TileMap para poder crear niveles en Godot 3, con estas herramientas podremos crear diversos niveles y editarlos a voluntad.

EMPEZANDO

1.- Para comenzar necesitaremos crear un proyecto en Godot 3, una vez que lo hayamos creado necesitaremos agregarle los recursos que necesitaremos, para ello usaremos imágenes .PNG u otro formato que desees, usares PNG por la transparencia, bien como queremos construir un nivel necesitaremos imágenes de acuerdo a la creación del nivel, una vez que hayas escogido las imágenes tienes que agregarlas al proyecto para ello debes ubicar la ruta de tu proyecto y si lo deseas crear una carpeta y ahí meter las imágenes para tener un orden y en Godot ya nos tendría que aparecen las imágenes que agregamos.




2.- El siguiente paso es crear nuestro TileSet que sera un recurso que utilizaremos para después poder usar nuestro TileMap, entonces lo primero que hacemos es cambiar la vista si aun no lo esta a 2D e ir a la ventana o Dock Scene dar en el botón  "+" y agregar un Node 2D.




3.- Ahora que hemos creado nuestro nodo raíz, agregaremos un nodo Sprite que le asignaremos nuestras imágenes que representaran al nivel de la siguiente forma, al Node2D creado le daremos clic derecho y le daremos +Add Child Node, ahora buscaremos Sprite y agregaremos uno.




4.- Nos situamos en nuestra carpeta donde están las imágenes y con el Sprite seleccionado arrastramos una de las imágenes donde se encuentra Texture <null> y esto le asignara la imagen, en la ventana de la escena podemos ajustar la imagen por si se saliera. Existen otros nodos que se pueden agregar para darle mas vida, por ejemplo el StaticBody2D y el CollisionShape2D como hijos del Sprite, pero de momento solo los mencionare y lo realizaremos cuando lo ocupemos.



5.- Repetimos los pasos 3 y 4 para agregar las demás imágenes si es que tenemos mas de una, si no deseas repetir el proceso solo puedes darle Ctrl + D seleccionando el primer Sprite y este hará una copia, y solo arrastras la imagen sustituyendo la que ya tiene, recuerda acomodarlo en la escena.


6.- Ahora guardaremos la escena y le daremos un nombre.




7.- Ahora lo convertiremos en un Recurso para poderlo utilizar, para ello nos vamos a el menú Scene > Convert To > TileSet.. y le daremos un nombre con extensión .res.





8.- Ahora que ya hemos creado nuestro Recurso podemos borrar los Sprites de la escena dejando solo el Node2D.


9.- Ahora crearemos nuestro TileMap, para ello le daremos clic derecho al Node2D +Add Child Node y buscaremos TileMap



10.- Nos creara una Cuadricula o Grid, ahora con el TileMap seleccionado, buscamos nuestro TileSet que habíamos creado en mi caso tile.res y lo asignamos en el inspector donde pone Tile Set <null> y ahora nos aparecerá al lado izquierdo de nuestro Grid las imágenes.




TERMINANDO

11.- Intentamos construir un nivel con esta herramienta, puedes probar las herramientas que están en la parte de arriba de las imágenes estas contienen opciones para poder manipular las imágenes y así terminaremos este tutorial.


Si te gusta este sitio y deseas que esto continué vivo tu apoyo sera importante, puedes dar clic en la publicidad si lo deseas o puedes donar algo en Patreon si puedes permitírtelo, con esto el proyecto empezara a tener un objetivo y dejara de navegar sin rumbo y empezara a convertirse en una comunidad que ayudara unos a los otros, saludos y excelente día.