sábado, 30 de julio de 2016

Rotar un objeto Script en unity 5+

En esta ocasión realizaremos un pequeño script que nos ayude a entender un poco como funciona algunas propiedades de ciertos objetos, para el ejemplo rotaremos mediante código un objeto 3D en su posición, siempre puedes revisar la documentación para explorar como funcionan algunas cosas que vemos aquí, comenzamos.


1.- Tendremos que tener un proyecto creado, accedemos a nuestro proyecto, si no podemos crear uno que tenga un entorno 3D, no importa si tenemos uno con vista 2D ya que unity tiene la capacidad de cambiar estas vistas, bien lo que necesitaremos primero es introducir a nuestra escena un objeto 3D, nosotros utilizaremos un cubo para poder realizar este pequeño script, para insertar un cubo realizaremos lo siguiente, nos vamos al menú, le damos en GameObject < 3D object < Cube, con eso habremos insertado el cubo, podemos nombrarlo o dejarlo como esta.




2.- Ahora nos tocara realizar este pequeño script, le daremos en la pestaña de proyecto Create < C# Script y lo nombraremos como Rotar, le daremos doble clic y nos iremos a monodevelop e introduciremos el siguiente código.




3.- Ahora que hemos creado nuestro script, nos regresamos a unity y esperamos que compile nuestro código, si no tiene errores ahora nos tocara pasárselo al objeto para probar nuestro script, para ello tomamos nuestro script y lo asignamos a nuestro cubo.



4.- Para finalizar, le daremos en el botón Play y vemos nuestro resultado.

Practica siempre para ir mejorando, la repetición y la constancia nos ayudan a mejorar, recuerda cada vez lo harás mejor, si te equivocas esta bien, permitirse equivocarse es la clave de mejora continua, así que permítete equivocarte mas seguido.

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.

sábado, 23 de julio de 2016

Usando Enum en Unity 5+

En esta ocasión continuando con el script básico usaremos Enum, los enum se utilizan para enumerar conjunto de constantes con nombres, utilizaremos como lista de elementos en este caso serán armas que utilizamos en los juegos First Person Shooter, solo identificaremos estos elementos.




1.- Lo primero es tener abierto unity, después de eso crearemos un GameObject Vacio para poder asignarle nuestro script, nos situamos en GameObject > Create Empty y lo nombramos Jugador.



2.- Ahora crearemos un nuevo script y lo llamamos UsandoEnum y lo rellenaremos con el siguiente código.



3.- Regresamos a unity y comprobamos si no tenemos errores, ahora le asignaremos el script a nuestro Jugador que es nuestro GameObject como lo habíamos nombrado.



4.- Ahora si nos situamos en nuestra variable de Armas a Utilizar podemos ver la lista de elementos que hemos declarado en nuestro enum y eso seria todo.



Si te sirvió el tutorial apoyarme dando clic en la publicidad del sitio, con esto me llevo una compensación por lo tutoriales hechos, saludos y practica mucho, cada vez lo harás mejor,

domingo, 10 de julio de 2016

Consola y Compilacion de Script en Unity 5+

Hola, en este punto nos enfocaremos en la consola y la compilación de scripts, la compilación en términos mas exactos es el que traduce un código fuente a un archivo ejecutable, la consola nos servirá para ver si tenemos algunos errores a la hora de crea nuestro código para ello es importante tenerla activa, si deseas tener mas información sobre estos aspectos no dudes en revisar la documentación y aprender un lenguaje de programación para familiarizarte con estos términos mas concretos, sin mas comenzamos.

1.- Antes debo aclarar que esta es la continuación del primer ejemplo de script, por si no lo has visto te coloco el link para ir directamente y después pasarte hasta aquí, link, una vez aclarado esto, tendremos que activar la consola por si no la tienes visible, los pasos son los siguientes, situarse en el menú y buscar la pestaña Window > Console, con esto activaremos la consola y la colocamos en un lugar donde no nos estorbe para poder trabajar.



2.- Como mencionaba antes la consola nos servirá para visualizar errores que podamos cometer, ya que los lenguajes de programación mantienen reglas para poder realizar una tarea especifica, por eso es importante conocer la sintaxis del lenguaje que estaremos practicando, bueno primero le daremos doble clic a nuestro script para conocer como son y también el IDE que es donde programaremos, utilizaremos MonoDevelop para este fin así que damos doble clic y visualizamos nuestro script.



3.- Como mencionaba antes, los lenguajes de programación tienes reglas y secuencias que hay que respetar, pero en este paso revisaremos las reglas de compilación, ya que comprendiendo esto podemos familiarizarnos mas cuando avancemos en scripting, aquí colocaremos cualquier texto y le daremos Ctrl + S para guardar.



4.- Ahora ya hemos realizado una acción en nuestro código, nos tocara compilar, la compilación ocurre cuando nos regresamos a unity, así que regresamos a unity y ponemos atención en la parte inferior derecha de la pantalla de unity, podemos visualizar una barrita de proceso, esto nos indica que unity esta compilando nuestro script, como en este primer intento hicimos algo mal, nos ayudara el uso de la consola para saber los errores que cometimos y como podemos interpretar para solucionar nuestro script.




5.- Bueno, tenemos error, obviamente en el texto que introducimos esta mal, por que no seguimos las reglas de insertar texto, aquí no lo haremos sera en siguientes tutoriales, pero no lo podemos dejar así, tenemos que solucionar el error, y el error que tenemos fue el texto, entonces regresamos a MonoDevelop y borramos el texto, le damos Ctrl + S para guardar, regresamos a Unity y observamos la barra donde esta compilando, el error se soluciono porque en la consola ya no aparece. Si llegara a continuar el error y ya se soluciono también podemos probar dándole en el botón clear en la consola.




6.- Listo, ya hemos usado la consola para visualizar los errores, hemos visto el proceso de compilación que hace unity y un primer vistaso al código en MonoDevelop, en próximos tutoriales realizaremos mas cosas, practica mucho, cada vez lo hará mejor, puedes apoyar al sitio dando clic en la publicidad eso me anima a realizar mas tutoriales, gracias.

Creando un script en Unity 5+

Hola, en este apartado aprenderemos como empezar a crear nuestros scripts en Unity 5+ usando el lenguaje de programación C#, esto nos servirá para poder programar nuestros juegos y aplicaciones que hagamos en Unity,  yo lo manejo en forma de pasos para ir creando poco a poco.

1.- Iniciar el programa de Unity 5+, crear un nuevo proyecto(si aun no tienes uno creado) y crear, esto nos abrirá la interfaz de Unity.



2.- Ahora es importante mantener un orden a la hora de crear nuestros recursos, ya sea scripts, materiales, prefabs, sprites, música, etc. para ello tendremos que ordenarlos en carpetas para hacer eso, nos situamos en la pestaña de Assets y con Click Derecho > Create > Folder, lo nombraremos Scripts para mantener el orden.




3.- Ahora ya que tenemos un orden sera necesario aprender como crear nuestros scripts, para ello realizaremos el mismo paso cuando creamos la carpeta, pero primero entraremos con doble clic en la carpeta Scripts y ahi le daremos Clic Derecho > Create > C# Script y lo nombraremos como queramos, puede ser holamundo, mi primer script, etc, yo lo dejare como MiScript.




4.- Listo, ahora ya aprendimos la parte de crear carpetas y scripts, todavía falta rellenar nuestro script para darle alguna funcionalidad, en próximos tutoriales aprenderemos a usar este lenguaje de programación, recuerda practicar diario, cada vez lo hará mejor, puedes apoyar al sitio dándole clic a la publicidad para con esa ayuda pueda ir creando mas tutoriales.


sábado, 9 de abril de 2016

Hierarchy o Jerarquia en Spriter

Hola a todos, en esta ocasión nos toca ver la jerarquía que maneja Spriter, aquí nosotros podemos ver como se va entrelazando todo lo que vamos haciendo, por ejemplo la asignación de imágenes a los huesos o los propios huesos, aquí podemos renombrar o también indicarle que imagen corresponde a un hueso en especifico, como se menciona la jerarquía es ver quien esta arriba del todo y a que grupo corresponde, sin mas empezamos.

1.- La jerarquía se encuentra en la misma posición que el Z - Order, aquí podemos ver los sprites, huesos y asignaciones que vamos haciendo, por ejemplo pondré 2 de las imágenes de mi personaje y visualizare la jerarquía, de momento no veré su utilidad solo que están colocados aquí.




2.- Podemos ver mejor al realizar un esqueleto por ejemplo creare uno para la cabeza y el cuerpo y podre ver que los huesos dependen uno de otro.



3.- Podemos renombrar los huesos aquí para tener un mejor orden de lo que vamos haciendo por ejemplo.



4.- Podemos asignar aquí que imagen queremos que corresponda a el hueso, por ejemplo moveré la cabeza al hueso cabeza para asignarlo, puedo comprobar que lo hizo al rotar mi hueso asignado.




5.- Así existe otra forma de asignar las imágenes a nuestros huesos, ademas la ventaja es que tenemos un orden especifico y ademas la conexión de los huesos es la misma incluso mejor, es como te vayas acomodando a usar el programa, si intentas asignarlo con B, podrás ver en la jerarquía que hace lo mismo, listo eso es todo por este tutorial.

Practica cada vez lo harás mejor, recordar que puedes ayudar al sitio dándole clic a la publicidad ya que así me ayudas por el esfuerzo y me entra motivación para seguir avanzando con el sitio, saludos.



Asignando Huesos a las Imagenes en Spriter

Hola a todos, en el anterior tutoral aprendimos a realizar los esqueletos y crear huesos, ahora en este ejemplo aprenderemos asignar los esqueletos a nuestras imágenes, sin mas comenzamos.

1.- Primero tendremos que mandar las imágenes que utilizaremos, para este ejemplo utilizare 3, la cabeza, cuello y cuerpo, puedes poner todas las imágenes e ir probando con lo que vayas aprendiendo, bien entonces lo coloco en el canvas.




2.- Establecemos nuestros puntos de pivote para cada imagen.

3.- Ahora unimos las partes, recuerda que si no están bien unidas las imágenes podemos usar el Z - Order para colocarlas bien.



4.- Ahora a crear los huesos, sabes que el personaje lo componen 3 imágenes, entonces pondremos 3 huesos, recuerda que el principal que moverá todo el cuerpo es la columna, encontraras situaciones que no necesariamente sea así pero en esta ocasión si, entonces empezaremos del cuerpo y seguido del cuello, antes que coloquemos los huesos para que no se nos muevan las imágenes siempre le podemos poner una restricción para que no se muevan a la hora de poner nuestros huesos para ello en la parte de arriba hay un botón que dice Lock Sprites le damos ahí para que no se muevan, recuerda quitarlo cuando termines.




5.- Siempre probamos que hayamos hecho bien los huesos rotando individualmente para que la conexión sea correcta.



6.- Le damos Ctrl + Z para dejarlo como estaba, ahora si viene la parte de asignación de los huesos a las imágenes, primero necesitamos seleccionar el hueso, empezaremos con el hueso del cuerpo, lo selecciono hasta ponerlo en color naranja, luego le daré la tecla "B" sin soltar, esto hará que la imagen se haga transparente, una vez que mantengamos presionado B, con el clic izquierdo seleccionamos la imagen para asignarlo, podemos ver que se selecciono porque recupera el color original mientras las demás se mantienen transparentes, cuando lo asignemos soltamos B, probamos rotando el hueso para ver si quedo bien.




7.- Haremos lo mismo con el cuello y con la cabeza, tendremos que seleccionar el hueso que corresponde al cuello y asignarlo como explico en el paso 6, lo mismo para la cabeza con el hueso superior, va a ver ocasiones que deberás asignar 2 imágenes o mas, ejemplo, que cuando asignes el hueso de la cabeza, este contenga cabello y un sombrero ahí tendrás que seleccionar 3 imágenes al mismo hueso.




8.- Ahora si rotamos individualmente para ver nuestro resultado, listo eso es todo para este tutorial.



Practica mucho, cada vez lo harás mejor, recuerda que puedes ayudar al sitio dando clic en la publicidad, ya que con eso me veo recompensado por el esfuerzo de crear los tutoriales y motiva a seguir adelante, saludos.



Creando Huesos en Spriter

Hola a todos, en esta ocasión nos toca la parte de la creación de huesos, esta parte es una de las mas importantes después de la animación también, pero aquí sera la parte que definirá si hicimos un buen trabajo a la hora de ya hacer nuestra animación porque si no creamos bien nuestros huesos no podremos animar correctamente, seguiremos este orden para que entendamos bien el tutorial, primero enseñare la creación de los huesos, las teclas que usaremos para crear un hueso, como trabajar con huesos independientes de los demás y por ultimo crearemos un esqueleto completo que dependa de los demás huesos sin mas empezamos.

1.- Primero que nada empezaremos con la creación de huesos, para poder crear un hueso nos situaremos en el canvas y con las teclas ALT + Clic Izquierdo podremos agregar un hueso, probamos para salir de dudas.



2.- Como vemos nos ha creado un hueso, recordar que cuando lo seleccionamos cambia a un color naraja esto sera de ayuda cuando creemos demás huesos,  la parte de abajo o triangular es el origen, es donde el hueso tiene su punto de rotación, la parte de la punta sera el destino o limite hasta donde llegaremos, es una forma de analizar los conceptos de huesos no es necesariamente es asi, pero sirve para entender mejor, puedes tener un concepto que mejor se adapte.

3.- Bueno ahora pasaremos a la parte de trabajar con huesos independientes, es un concepto que me he inventado pero tiene sentido, me paso en varias ocasiones una situación en donde cree esqueletos pero no quería trabajar con huesos unidos, es decir, que dependieran de otro para moverse, tal ves en alguna situación te pase por eso lo explico aquí, crearemos dos huesos, pero lo haremos de la siguiente manera, crearemos un hueso y lo deseleccionamos es decir que quede de color gris y ahora si crearemos inmediatamente otro, si lo hacemos así podemos rotar y mover los huesos independientemente cada uno de ellos.



4.- Tal ves la explicación anterior te confundió pero es aquí donde cobra sentido lo que mencione anteriormente, ahora borraremos los huesos creados y lo haremos de la manera tradicional, crea un hueso y sin deseleccionar, es decir, que tenga el color anaranjado en la parte de arriba crea otro, veras que crea una conexión, algo así como una linea que los une, si intentas mover el primer hueso que creaste veras inmediatamente que el anterior se mueve también, si lo rotas el primero, rotara el de arriba, pero si rotas o mueves el de arriba lo hará independientemente, prueba para que lo entiendas mejor, esto se conoce como emparentamiento padre e hijo, que uno depende de otro.



5.- Para terminar y espero logres entender los conceptos anteriores nos toca crear un esqueleto completo que dependa para el movimiento, recuerda que del numero de imágenes que corresponda a nuestro personaje tendrá de huesos si así lo deseas o puedes limitar los huesos dependiendo hasta donde quieres animar, eso lo entenderás con la experiencia que vayas teniendo en el programa, borramos y empezaremos asi crearemos tres huesos verticales empezando por la espalda hasta llegar a la cabeza, primero crearemos el hueso principal donde dependerán los otros 2 así como muestro en la imagen.



6.- Aquí hemos creado la columna, el hueso de abajo es el mas importante si lo movemos, movemos los demás recordar eso siempre, probar siempre que lo estemos haciendo bien, rotare cada una para ilustrar como.




7.- Ahora crearemos un brazo, lo haremos así, 3 huesos, el hombro, el brazo y la mano, tendremos que seleccionar el segundo hueso para que dependan de el, así como lo muestro.



8.- Si roto el segundo hueso de mi columna se moverá el brazo completo junto con la cabeza de igual forma y si roto el hueso mayor moveré todo el esqueleto.



9.- Así crearemos el otro brazo, ahora para crear la parte de la pierna le daremos al hueso mayor seleccionándolo y de ahí creando muslo, rodilla y pie de igual forma.



10.- Rotamos los huesos para probar si lo hicimos bien.



11.- Terminaremos creando todo el esqueleto, siempre que dependan bien los huesos con respecto al cuerpo puedes fijarte por las lineas que los unen, listo ahora puedes crear esqueletos, el siguiente paso sera asignar los esqueletos a las imágenes .



Practica mucho cada vez lo harás mejor, recuerda que puedes ayudar dándole clic a la publicidad, con esto me motiva para seguir adelante con los tutoriales, saludos.





Z - Order Spriter

Hola a todos, en esta ocasión nos tocara revisar la parte del Z - Order, podemos entender este concepto como cuando trabajamos por capas, es decir si anteriormente trabajaste con GIMP o Photoshop u otro similar sabrás lo de trabajar con capas, lo mismo pasa en Spriter cuando nosotros trabajamos con las imágenes y mas si trabajamos en unir partes de estas, nos daremos cuenta tarde que temprano que las imágenes se enciman o simplemente no encajan bien a la hora de trabajar con ellas, para esto necesitaremos acomodarlas, en Spriter existe el Z - Order que nos ayudara a acomodar bien nuestra imagen, sin mas empezamos.

1.- Para este tutorial tendremos que cargar imágenes de nuestro proyecto, en mi caso solo introduciré 2 objetos que serán el cuerpo y cabeza de mi personaje para enseñar el Z - Order, puedes introducir todas las imágenes para diseñar completamente el cuerpo y asi practicar y aprender mejor los conceptos.


 


2.- Bien ahora intentamos colocar nuestras imágenes para poder representar al personaje completamente, como mencione anteriormente nos toparemos con la siguiente situación, que nuestras imágenes no queden bien a la primera que lo coloquemos, que uno quede detrás de otro cuando queremos que sea lo contrario.



3.- En la parte izquierda del programa se encuentra las pestañas de jerarquía y Z - Order le daremos en la de Z - Order, aquí podemos ver nuestras imágenes colocadas en un orden ascendente.



4.- Aquí solo lo que tenemos que hacer es mover de lugar nuestras imágenes para poder componer y tenga una mejor vista, lo podemos hacer es seleccionar la que se encuentra debajo del todo y subirlo seleccionándolo con el mouse, ya con esto corregiremos ese problema, probar con todas las imágenes hasta tener la imagen como queramos, listo eso seria todo para este ejemplo.



Practica mucho para hacerlo mejor cada vez, recuerda puedes apoyar al sitio dándole clic a la publicidad para tener una motivación de recompensa por los tutoriales, eso ayuda para seguir con el entusiasmo de que se hacen las cosas bien, recomienda estos tutoriales a amigos, saludos.