{"id":11974,"date":"2021-07-09T18:38:44","date_gmt":"2021-07-09T16:38:44","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=11974"},"modified":"2021-07-09T18:50:22","modified_gmt":"2021-07-09T16:50:22","slug":"animaciones-unity","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/","title":{"rendered":"Animaciones en Unity"},"content":{"rendered":"<p>En nuestros proyectos, la mayor\u00eda de los personajes, accesorios y elementos de escenario son animados para que tengan movimiento para generar realismo, fluidez y dinamismo. Dentro de las animaciones tenemos much\u00edsimas posibilidades,\u00a0desde movimientos de respiraci\u00f3n cuando nuestro personaje est\u00e1 quieto, llamado\u00a0<strong>Idle\u00a0<\/strong>hasta la rotaci\u00f3n de las monedas de nuestro videojuego. En este art\u00edculo aprenderemos sobre las animaciones en Unity.<\/p>\n<p>Unity dispone de un sistema de animaciones, el\u00a0<strong><a href=\"https:\/\/docs.unity3d.com\/es\/2021.1\/Manual\/class-AnimatorController.html\">Animator Controller<\/a>,\u00a0<\/strong>permite organizar y mantener un conjunto de\u00a0<strong>Clips de animaci\u00f3n<\/strong>\u00a0y asociar las\u00a0<strong>Transiciones de animaci\u00f3n<\/strong>\u00a0para un personaje u objeto.<\/p>\n<p>En la mayor\u00eda de los casos, es normal tener varias animaciones y cambiar entre ellas cuando ocurren ciertas condiciones del juego.\u00a0Por ejemplo, puede cambiar de un Clip de animaci\u00f3n de caminar a un Clip de animaci\u00f3n de salto siempre que se presione la barra espaciadora.\u00a0Sin embargo, incluso si solo tiene un clip de animaci\u00f3n, debe colocarlo en un controlador de animador para usarlo en un\u00a0<strong>GameObject.<\/strong><\/p>\n<p>En este blog aprender\u00e1s sobre las animaciones en Unity, sus propiedades y como usarlas en tus proyectos.<\/p>\n<h4>Ventanas de animaci\u00f3n<\/h4>\n<p>Para empezar a animar un objeto necesitamos abrir las dos ventanas de animaci\u00f3n: Animator y animation, <strong>Window\/Animation<\/strong><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/WindowAnim.png\" rel=\"attachment wp-att-11997\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11997\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/WindowAnim.png\" alt=\"\" width=\"494\" height=\"484\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/WindowAnim.png 494w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/WindowAnim-300x294.png 300w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/a><\/p>\n<p>El siguiente paso es a\u00f1adir al objeto a animar, el componente <strong>animator. Este componente nos requiere a\u00f1adir un animator controller, que crearemos en nuestro proyecto:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11979 alignnone\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController.png\" alt=\"\" width=\"347\" height=\"138\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController.png 347w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController-300x119.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController-345x138.png 345w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController2.png\" rel=\"attachment wp-att-11980\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11980 alignnone\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController2.png\" alt=\"\" width=\"414\" height=\"420\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController2.png 530w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animatorController2-296x300.png 296w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/a><\/p>\n<p>Ya tenemos el controlador de clips de animaci\u00f3n, para crear las animaciones, nos dirigimos a la ventana de animation y pulsamos en Create.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animationWindow.png\" rel=\"attachment wp-att-11977\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11977\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animationWindow.png\" alt=\"\" width=\"774\" height=\"572\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animationWindow.png 774w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animationWindow-300x222.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animationWindow-768x568.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/animationWindow-700x517.png 700w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/a><\/p>\n<p>En la ventana de animation, crearemos y modificaremos nuestras animaciones. Como podemos ver tenemos una l\u00ednea del tiempo y unos fotogramas para modificar el objeto que queremos animar. Un <strong>fotograma <\/strong>representa el contenido del objeto en un instante de tiempo. Por tanto, una animaci\u00f3n solo es una sucesi\u00f3n de fotogramas. Todo se puede controlar desde la l\u00ednea de tiempo, pero no todos los fotogramas tienen el mismo comportamiento. Desde Unity usaremos los <strong>Keyframes<\/strong>, son fotogramas con un contenido espec\u00edfico, se crean, para insertar nuevo contenido no existente.<\/p>\n<p><strong>Ejemplo<\/strong>: con tres fotogramas claves podr\u00edamos mover una plataforma de derecha a izquierda: 1 fotograma con la posici\u00f3n inicial, otro fotograma con la posici\u00f3n de la derecha y el \u00faltimo fotograma la misma posici\u00f3n que en el primer fotograma. Con estos 3 fotogramas nuestra plataforma ir\u00eda de izquierda a derecha y volver\u00eda a la izquierda.<\/p>\n<p>\u00bfC\u00f3mo a\u00f1adimos keyframes en Unity?<\/p>\n<p>Hay dos formas de hacerlo:<\/p>\n<ul>\n<li><strong>M\u00e9todo de grabaci\u00f3n: <\/strong>Con este modo, Unity, nos registra todas las modificaciones que hagamos en el fotograma en el que estemos.<\/li>\n<li><strong>Manual:<\/strong> Nos dirigiremos en la l\u00ednea de tiempo hacia el punto donde queramos a\u00f1adir uno. Seleccionaremos la propiedad que queremos modificar y lo cambiaremos manualmente pulsando el icono que se muestra en la imagen.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/recordAnim.png\" rel=\"attachment wp-att-11988\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11988\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/recordAnim.png\" alt=\"\" width=\"485\" height=\"102\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/recordAnim.png 485w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/recordAnim-300x63.png 300w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/a><\/p>\n<h2>Creaci\u00f3n de una animaci\u00f3n<\/h2>\n<p><strong>Ejemplo 1: Plataforma de izquierda a derecha:<\/strong><\/p>\n<ul>\n<li>Creamos un cubo y le damos forma plana<\/li>\n<li>A\u00f1adimos el Animator<\/li>\n<li>Creamos un Animator Controller y lo vinculamos al Animator.<\/li>\n<li>Creamos el clip de animaci\u00f3n<\/li>\n<li>Pulsamos en la grabaci\u00f3n<\/li>\n<li>Situamos la l\u00ednea del tiempo en el segundo 0:30:<a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1.png\" rel=\"attachment wp-att-11991\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11991\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1.png\" alt=\"\" width=\"1914\" height=\"375\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1.png 1914w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1-300x59.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1-768x150.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1-1024x201.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine1-700x137.png 700w\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" \/><\/a><\/li>\n<li>Movemos la plataforma a la derecha:<a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2.png\" rel=\"attachment wp-att-11992\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11992\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2.png\" alt=\"\" width=\"1913\" height=\"353\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2.png 1913w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2-300x55.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2-768x142.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2-1024x189.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine2-700x129.png 700w\" sizes=\"auto, (max-width: 1913px) 100vw, 1913px\" \/><\/a><\/li>\n<li>Situamos la l\u00ednea del tiempo en el segundo 1:00 y copiamos los fotogramas que se nos han generado en el 0:00:<a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3.png\" rel=\"attachment wp-att-11993\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11993\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3.png\" alt=\"\" width=\"1912\" height=\"356\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3.png 1912w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3-300x56.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3-768x143.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3-1024x191.png 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/timeLine3-700x130.png 700w\" sizes=\"auto, (max-width: 1912px) 100vw, 1912px\" \/><\/a><\/li>\n<li>Dejamos de grabar y ya tenemos el movimiento de derecha a izquierda.<\/li>\n<\/ul>\n<p>Si intentamos situar esta plataforma en otra posici\u00f3n de nuestra escena veremos que siempre vuelve a la posici\u00f3n donde est\u00e1 animado. Para solucionar este problema, tenemos dos opciones, crear un padre para el objeto y animarlo en las posiciones (0,0,0). De esta forma solo hace falta mover el objeto padre donde deseemos. La otra opci\u00f3n es, en nuestro Animator, pulsar Apply Root Motion, para que mueva el objeto usando el root motion de las animaciones, si movemos la plataforma podemos observar c\u00f3mo se modifican los valores de la animaci\u00f3n:<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/RootMotion.png\" rel=\"attachment wp-att-11989\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11989\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/RootMotion.png\" alt=\"\" width=\"514\" height=\"120\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/RootMotion.png 514w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/RootMotion-300x70.png 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/a><\/p>\n<h2>M\u00c1S DE UNA ANIMACI\u00d3N<\/h2>\n<p>Unity nos permite a\u00f1adir m\u00e1s de una animaci\u00f3n en cada objeto, para cambiar de una animaci\u00f3n a otra usaremos la ventana de Animator:<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimatorWindow.png\" rel=\"attachment wp-att-11981\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11981\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimatorWindow.png\" alt=\"\" width=\"883\" height=\"535\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimatorWindow.png 883w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimatorWindow-300x182.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimatorWindow-768x465.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimatorWindow-700x424.png 700w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/a><\/p>\n<p>Para crear otra animaci\u00f3n iremos a la ventana animation y create new clip:<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/newClip.png\" rel=\"attachment wp-att-11986\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11986\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/newClip.png\" alt=\"\" width=\"205\" height=\"76\" \/><\/a><\/p>\n<p>Este nuevo clip de animaci\u00f3n aparecer\u00e1 en la ventana de Animator de color gris. Para hacer la transici\u00f3n de una a otra pulsaremos bot\u00f3n derecho encima de nuestra animaci\u00f3n por defecto y seleccionaremos Make Transition. Nos aparecer\u00e1 una flecha para seleccionar a que animaci\u00f3n cambiar cuando termine la suya:<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/makeTransition.png\" rel=\"attachment wp-att-11985\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11985\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/makeTransition.png\" alt=\"\" width=\"414\" height=\"232\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/makeTransition.png 414w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/makeTransition-300x168.png 300w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/a><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/transition.png\" rel=\"attachment wp-att-11994\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11994\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/transition.png\" alt=\"\" width=\"473\" height=\"215\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/transition.png 473w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/transition-300x136.png 300w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/a><\/p>\n<p>Las transiciones de animaci\u00f3n a animaci\u00f3n se pueden modificar de muchas maneras. Arriba a la izquierda de la ventana de Animator tenemos el apartado de Parameters:<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/parameters.png\" rel=\"attachment wp-att-11987\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11987\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/parameters.png\" alt=\"\" width=\"310\" height=\"136\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/parameters.png 310w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/parameters-300x132.png 300w\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" \/><\/a><\/p>\n<p>Podemos crear 4 tipos de variables para modificar el cambio de animaci\u00f3n mediante script. Para a\u00f1adir esta variable a nuestra transicion debemos seleccionar la flecha de \u00e9sta e ir al apartado de conditions:<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/conditionParameters.png\" rel=\"attachment wp-att-11983\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11983\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/conditionParameters.png\" alt=\"\" width=\"991\" height=\"417\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/conditionParameters.png 991w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/conditionParameters-300x126.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/conditionParameters-768x323.png 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/conditionParameters-700x295.png 700w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/a><\/p>\n<p>La transici\u00f3n se cumplir\u00e1 cuando la condici\u00f3n se cumpla.<\/p>\n<p>Vamos al script:<\/p>\n<p>Primero de todo necesitamos acceder a nuestro Animator:<\/p>\n<pre class=\"theme:monokai lang:default decode:true\">public Animator anim;\r\n\r\n\/\/crear una condici\u00f3n: cuando pulse space:\r\n\r\nif(Input.GetButtonDown(KeyCode.Space)){\r\n\r\nanim.SetBool(\u201cNOMBREDELPARAMETRO\u201d, true);\r\n\r\n}\r\n\r\nelse{\r\n\r\nanim.SetBool(\u201cNOMBREDELPARAMETRO\u201d, false);\r\n\r\n}<\/pre>\n<p>Las transiciones que podemos a\u00f1adir de animaci\u00f3n a animaci\u00f3n son reciprocas, igual que pueden ir, pueden volver.<\/p>\n<p>Podemos a\u00f1adir el n\u00famero de animaciones que queramos e ir saltando de una a otra, conect\u00e1ndose con las flechas.<\/p>\n<p><strong>Ejemplo 2: Animaci\u00f3n de un personaje<\/strong><\/p>\n<ul>\n<li>Implementamos el modelo a nuestra escena<\/li>\n<li>A\u00f1adimos Animator<\/li>\n<li>Creamos un Animator Controller y lo vinculamos al Animator.<\/li>\n<li>Dentro del animator arrastramos las animaciones de nuestro modelo.<\/li>\n<li>Creamos las transiciones que necesitemos y sus par\u00e1metros.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/ejemploTransiciones.png\" rel=\"attachment wp-att-11984\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11984\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/ejemploTransiciones.png\" alt=\"\" width=\"679\" height=\"455\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/ejemploTransiciones.png 679w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/ejemploTransiciones-300x201.png 300w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walktrue.png\" rel=\"attachment wp-att-11996\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11996\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walktrue.png\" alt=\"\" width=\"566\" height=\"344\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walktrue.png 566w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walktrue-300x182.png 300w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/a>\u00a0\u00a0<a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walkfalse.png\" rel=\"attachment wp-att-11995\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11995\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walkfalse.png\" alt=\"\" width=\"564\" height=\"353\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walkfalse.png 564w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/walkfalse-300x188.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/attackTrigger.png\" rel=\"attachment wp-att-11982\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11982\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/attackTrigger.png\" alt=\"\" width=\"568\" height=\"319\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/attackTrigger.png 568w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/attackTrigger-300x168.png 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/attackTrigger-539x303.png 539w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/a><\/p>\n<ul>\n<li>Activamos las condiciones v\u00eda script.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/scriptAnim.png\" rel=\"attachment wp-att-11990\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11990\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/scriptAnim.png\" alt=\"\" width=\"414\" height=\"505\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/scriptAnim.png 414w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/scriptAnim-246x300.png 246w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/a><\/p>\n<p><strong>\u00a0<\/strong><strong>Con estos dos ejemplos ya hemos aprendido lo b\u00e1sico de las animaciones en Unity, espero que les sirva de gran ayuda.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En nuestros proyectos, la mayor\u00eda de los personajes, accesorios y elementos de escenario son animados para que tengan movimiento para generar realismo, fluidez y dinamismo. Dentro de las animaciones tenemos much\u00edsimas posibilidades,\u00a0desde movimientos de respiraci\u00f3n cuando nuestro personaje est\u00e1 quieto, llamado\u00a0Idle\u00a0hasta la rotaci\u00f3n de las monedas de nuestro videojuego. En este art\u00edculo aprenderemos sobre las animaciones en Unity.<\/p>\n","protected":false},"author":37,"featured_media":12015,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[218,5],"tags":[53,528,89,37,322],"class_list":["post-11974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-escola-espai","category-programacion","tag-animacion","tag-escola-espai","tag-programacion-2","tag-tutorial","tag-unity"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Animaciones para tus proyectos de Unity - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo aprender\u00e1s sobre el sistema de animaciones que nos ofrece Unity, crear clips de animaci\u00f3n y transiciones entre ellas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animaciones para tus proyectos de Unity - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo aprender\u00e1s sobre el sistema de animaciones que nos ofrece Unity, crear clips de animaci\u00f3n y transiciones entre ellas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-09T16:38:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-09T16:50:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"David Roca\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"David Roca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\"},\"author\":{\"name\":\"David Roca\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/868ce068b4c6412eb54c2d7943697a2a\"},\"headline\":\"Animaciones en Unity\",\"datePublished\":\"2021-07-09T16:38:44+00:00\",\"dateModified\":\"2021-07-09T16:50:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\"},\"wordCount\":969,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png\",\"keywords\":[\"Animaci\u00f3n\",\"Escola Espai\",\"programaci\u00f3n\",\"tutorial\",\"unity\"],\"articleSection\":[\"Escola Espai\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\",\"name\":\"Animaciones para tus proyectos de Unity - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png\",\"datePublished\":\"2021-07-09T16:38:44+00:00\",\"dateModified\":\"2021-07-09T16:50:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/868ce068b4c6412eb54c2d7943697a2a\"},\"description\":\"En este art\u00edculo aprender\u00e1s sobre el sistema de animaciones que nos ofrece Unity, crear clips de animaci\u00f3n y transiciones entre ellas.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png\",\"width\":1000,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animaciones en Unity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/868ce068b4c6412eb54c2d7943697a2a\",\"name\":\"David Roca\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ffeeeb048688da23ed965545d7821176228acaac77f93c2234007020c27cfd4e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ffeeeb048688da23ed965545d7821176228acaac77f93c2234007020c27cfd4e?s=96&d=mm&r=g\",\"caption\":\"David Roca\"},\"description\":\"\u00a1Muy buenas a todos! Mi nombre es David, soy T\u00e9cnico en Animaci\u00f3n 3D, desarrollo de videojuegos y entornos interactivos. En mi carrera, me he especializado en la Realidad Aumentada, Realidad Virtual y la programaci\u00f3n en C#. Siempre me he decantado por la rama de programaci\u00f3n, y me he familiarizado por cuenta propia con distintos lenguajes de programaci\u00f3n. Mi hobby siempre ha sido analizar cada uno de los videojuegos que he tenido la ocasi\u00f3n de probar, y pensar en c\u00f3mo est\u00e1n hechos y programados. Desde que acab\u00e9 mis estudios he permanecido en el sector de la educaci\u00f3n, trabajando como profesor de programaci\u00f3n y como profesor de tiempo libre. Una de mis motivaciones, es la de poder transmitir esa energ\u00eda y esa ilusi\u00f3n por la programaci\u00f3n a los alumnos. Actualmente, estoy compaginando mi trabajo como profesor del \u00e1rea de programaci\u00f3n en la Escuela Espai, con un Grado Universitario de multimedia.\",\"url\":\"https:\/\/www.espai.es\/blog\/author\/davidroca\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animaciones para tus proyectos de Unity - Blog Escola Espai","description":"En este art\u00edculo aprender\u00e1s sobre el sistema de animaciones que nos ofrece Unity, crear clips de animaci\u00f3n y transiciones entre ellas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/","og_locale":"es_ES","og_type":"article","og_title":"Animaciones para tus proyectos de Unity - Blog Escola Espai","og_description":"En este art\u00edculo aprender\u00e1s sobre el sistema de animaciones que nos ofrece Unity, crear clips de animaci\u00f3n y transiciones entre ellas.","og_url":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/","og_site_name":"Blog Escola Espai","article_published_time":"2021-07-09T16:38:44+00:00","article_modified_time":"2021-07-09T16:50:22+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png","type":"image\/png"}],"author":"David Roca","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"David Roca","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/"},"author":{"name":"David Roca","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/868ce068b4c6412eb54c2d7943697a2a"},"headline":"Animaciones en Unity","datePublished":"2021-07-09T16:38:44+00:00","dateModified":"2021-07-09T16:50:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/"},"wordCount":969,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png","keywords":["Animaci\u00f3n","Escola Espai","programaci\u00f3n","tutorial","unity"],"articleSection":["Escola Espai","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/","url":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/","name":"Animaciones para tus proyectos de Unity - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png","datePublished":"2021-07-09T16:38:44+00:00","dateModified":"2021-07-09T16:50:22+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/868ce068b4c6412eb54c2d7943697a2a"},"description":"En este art\u00edculo aprender\u00e1s sobre el sistema de animaciones que nos ofrece Unity, crear clips de animaci\u00f3n y transiciones entre ellas.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png","width":1000,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2021\/07\/animaciones-unity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Animaciones en Unity"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/868ce068b4c6412eb54c2d7943697a2a","name":"David Roca","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ffeeeb048688da23ed965545d7821176228acaac77f93c2234007020c27cfd4e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ffeeeb048688da23ed965545d7821176228acaac77f93c2234007020c27cfd4e?s=96&d=mm&r=g","caption":"David Roca"},"description":"\u00a1Muy buenas a todos! Mi nombre es David, soy T\u00e9cnico en Animaci\u00f3n 3D, desarrollo de videojuegos y entornos interactivos. En mi carrera, me he especializado en la Realidad Aumentada, Realidad Virtual y la programaci\u00f3n en C#. Siempre me he decantado por la rama de programaci\u00f3n, y me he familiarizado por cuenta propia con distintos lenguajes de programaci\u00f3n. Mi hobby siempre ha sido analizar cada uno de los videojuegos que he tenido la ocasi\u00f3n de probar, y pensar en c\u00f3mo est\u00e1n hechos y programados. Desde que acab\u00e9 mis estudios he permanecido en el sector de la educaci\u00f3n, trabajando como profesor de programaci\u00f3n y como profesor de tiempo libre. Una de mis motivaciones, es la de poder transmitir esa energ\u00eda y esa ilusi\u00f3n por la programaci\u00f3n a los alumnos. Actualmente, estoy compaginando mi trabajo como profesor del \u00e1rea de programaci\u00f3n en la Escuela Espai, con un Grado Universitario de multimedia.","url":"https:\/\/www.espai.es\/blog\/author\/davidroca\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/07\/AnimacionesBlog.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/11974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=11974"}],"version-history":[{"count":18,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/11974\/revisions"}],"predecessor-version":[{"id":11976,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/11974\/revisions\/11976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/12015"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=11974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=11974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=11974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}