Introducción al Rive | ¿Qué es Rive y cómo usarlo?

1. Te doy la bienvenida a la clase: Mi nombre es Bold Bt, y he estado creando animaciones de Lotti durante los últimos cinco años Soy un ganador del torneo Creador de archivos Lotti que fue alojado en su discordia Yo también soy un experto certificado por ellos en tra, y recientemente, acabo de convertirme en experto en rive, también Y creo que este es el momento adecuado para ahora compartir mi opinión y compartir mi pericia o experiencia limitada que he adquirido sobre las herramientas y compartir lo que he aprendido hasta ahora. Y solo muestra lo que Rife puede hacer, básicamente, y ¿por qué deberíamos siquiera molestarnos en aprenderlo Y ¿cuáles son otras herramientas con las que podemos compararlo y cuáles son las ventajas que nos ofrece en lugar de simplemente usar otra cosa? Así que vamos a meternos en ello. 2. ¿Qué es Rive?: Bien, entonces qué es RIV, en realidad. Simplemente sigamos adelante y comencemos desde el principio y entendamos qué es RIV Así que vamos a seguir adelante y Google lo que es RIV. ¿Bien? Y vamos a abrir nuestro primer enlace, y vamos a aprender qué es RV. Solo echemos un vistazo a esta información. RIV es un motor interactivo de diseño y animación que permite a diseñadores y desarrolladores crear gráficos animados y receptivos de código en una sola herramienta Bien, a diferencia de las herramientas tradicionales de animación lineal que exportan archivos estáticos, uso de RIV es un sistema de máquina de estados para crear animaciones que reaccionan dinámicamente a los datos de entradas del usuario y a los disparadores en tiempo real Bien, entonces este es básicamente un sitio web de RV, y RIV básicamente ofrece dos tipos de uso puedes usar RIV en el navegador, y también puedes descargar la aplicación, qué manera entraremos en un minuto Y luego tenemos estas interacciones realmente agradables que notarás cuando cursor sobre la parte derecha del botón Básicamente, una pata de gato sale de este lado, y si vuelo el cursor sobre el lado izquierdo, sale una pata de ese lado, y si me alejo del botón, verás que el gato básicamente está tratando de agarrarme Entonces esto es básicamente en realidad activado usando la máquina de estado. Y básicamente, diferentes máquinas de estado se adjuntan a este botón. Ahora lo que es en realidad máquina de estado donde vamos a entrar en eso con mucho más detalle. Puedes ver que este botón es realmente agradable y puedes ver lo suave que se está ejecutando la animación. No hay rezago y es tan hermoso, ¿verdad? Y esto es realmente increíble. Al igual que cuando vemos algo como Latte en un sitio web o algo que se acaba de crear en una base de código, tal vez, entonces todo funciona igual de suave como esto ahora Ahora bien, ¿por qué nos molestamos en aprender sobre RV? Vamos a meternos en eso un poco ahora. Podemos crear todas estas cosas dentro de RV, así podemos crear animaciones para el sitio web. Así que vamos a abrir estos. Así que la interfaz de usuario del producto. Interfaz de usuario del juego, y luego también hay aplicaciones móviles. Entonces puedes ver que Figma en realidad ha usado RIV para sus animaciones de landing page Metaphy también ha utilizado la animación. Bend Health también los usó, y se pueden ver diferentes tipos de animaciones, ¿verdad? La noción también ha usado RIV, y haremos alguna comparación también más adelante que ¿cuál es la diferencia entre RV o Lotti Así que puedes ver que todas estas animaciones son realmente creadas dentro de RV. Ahora, vamos a seguir adelante y echar un vistazo a qué más podemos crear en esto. Puedes ver que también puedes crear la interfaz de usuario del juego. Entonces sí, básicamente, puedes crear interfaces de usuario completas del juego, y aparte de eso, puedes ver muchas otras cosas vinculadas aquí en revisión Discutiremos todo esto con mucho más detalle. Al seguir adelante, también tenemos aplicaciones móviles, para que puedas crear la animación que se usa dentro de las aplicaciones móviles. Bien. Entonces, desde la perspectiva de un creador de lotes, lo que RV hace de manera diferente es básicamente solo una herramienta que puede hacer animación solo en palabras simples. También puede hacer muchas más cosas. Pero mantengámoslo simple por ahora para que puedas entender y digerir la información con mucha facilidad. Por cierto, esta es una perspectiva de un diseñador slash Animator que te estoy dando Si eres alguien que es desarrollador y estás viendo este video, entonces lo que te recomiendo encarecidamente es que estés muy, muy recomendable es que veas este video de Isa Genus, y recomiendo encarecidamente a cualquiera que esté en desarrollo o haya tocado algún desarrollo, o incluso si solo eres diseñador, muy recomendable que revises esto particular video de Isa Gantus Espero que se haya acercado más a algunas cosas realmente agradables algunas cosas realmente agradables porque realmente me encanta esta, y le recomiendo encarecidamente echarle un vistazo a esto en YouTube, porque esto realmente te aclarará la mente de que cómo funciona realmente el lado del desarrollo de Rise. Bien. Así que vamos a seguir adelante y ahora echemos un vistazo a algunos de los ejemplos que he creado. Así que creé esta animación interactiva. Ahora, algo realmente sorprendente aquí es que en realidad no se puede volver a crear esta animación dentro de ningún otro software que yo sepa dentro que no sea RV básicamente. No se puede hacer esto. Obviamente, el estudio dios de Santa Mónica no utilizó si para crearlo, creo. Usaron algún motor de juego detrás de todo, obviamente, y entonces tal vez solo construyeron todo en código. Pero si estás trabajando, básicamente eres un desarrollador front-end y te básicamente la animación y el diseño de la interfaz de usuario, este tipo de cosas está todo el tiempo hecho para botones, animaciones de interfaz de usuario, y también puedes hacer alguna animación de personajes. Y básicamente, hay un montón de cosas nuevas que puedes crear. Pero lo interesante es que esto es tiempo real. Esto es en realidad esto no es video, ¿de acuerdo? Y otro ejemplo es éste. Este es también el logo interactivo de God of War, que animé y puedes ver. Que esto también sea interactivo. Ahora bien, no se puede crear estas cosas en Latte, per se, y esto es lo que hace que el Rive destaquen del Latte Y cómo se hace esto básicamente es usar la máquina de estado. Y discutiremos esto en detalle cómo puedes hacerlo tú mismo también. Pero esto es solo una introducción para mostrarte lo que es capaz de hacer RIF Y eso es básicamente todo. Espero que entiendas lo que Rife puede hacer realmente, y veamos en la siguiente clase Bien, entonces ahora creo que entiendes lo que Rife puede hacer. Vamos a pasar a la siguiente clase. 3. Lottie vs. Rive: Bien, entonces en este video, vamos a comparar Rb versus Lotte. Así que sigamos adelante y profundicemos en eso. Bien, entonces aquí básicamente, tenemos la comunidad de archivos Late, y puedes ver que hay múltiples básicamente múltiples foros, y puedes pasar por esos. Y sí, básicamente puedes aprender lo que dice la comunidad, lo que está haciendo la comunidad. Y se puede ver que básicamente, esta es su comunidad. Bien. Y luego está el descarte de RV RV también tiene una comunidad, por cierto. Vamos a seguir adelante y déjame Rive comunidad. Déjame abrirla. Sí. Entonces podemos comparar algunas cositas. Bien, entonces esta es la comunidad para RV. Bien, así que vamos a seguir adelante. Sí. Por lo tanto, hay muchas solicitudes de funciones. Hay alguna charla general en curso. Bien. Entonces sí, sigamos adelante y ahora primero hablemos algunas cosas que deberíamos. Bien. Entonces en el video anterior, estábamos discutiendo que básicamente podemos, sí, ir a comparar RI frente a Lotte. Así que Lotte revolucionó la forma los diseñadores ofrecen animaciones lineales livianas para web RI está resolviendo un problema mayor. Tenemos la misión de hacer historia de gráficos hardcore d con un nuevo formato gráfico de propósito general para todo el software y la interfaz de usuario, y la animación es solo una parte del poder. Con un otorrinolaringólogo y canalización para diseñar la creación y ejecución gráficos interactivos a través de movimientos de plataformas, RI pasan los formatos lineales para permitir imágenes interactivas y receptivas Por lo tanto, el renderizado Rive personalizado garantiza archivos más pequeños y un rendimiento más rápido sin comprometer la libertad del diseñador Guide compara RV y Late a través dimensiones clave para ayudar a los equipos a elegir la herramienta adecuada para su proyecto. Bien, entonces como dice esto, RIV básicamente no solo está reemplazando a Latte, Ambas herramientas ofrecen diferentes tipos de soluciones en palabras simples. Lo mejor para respuestas interactivas de interfaz de usuario y salida básicamente son gráficos listos para producción con interactividad impulsada por el estado y entradas en vivo Así como pueden ver, el botón de Ga started está aquí, correcto, tal como lo discutimos antes. Y Late es básicamente una animación lineal ligera para sitios web de marketing e interacciones de aplicaciones. SN lleva animaciones lineales con interactividad limitada. Exactamente. Y luego también puedes hacer muchas cosas nuevas. Hay un diseño de capacidad de respuesta, que básicamente no se puede hacer en Lotte No es básicamente algo que puedas hacer. La unión de datos no es básicamente una parte del dominio Lott. Recientemente han introducido tokens de movimiento, pero eso no funciona exactamente de la misma manera que el enlace de datos de RI. Y la vinculación de datos de RIs ofrece mucha más complejidad y ofrece resultados posibles mucho más intuitivos. Y luego está el anuncio emplumado, donde se meterá un poco en eso Después de eso, tenemos máscaras y sí, básicamente, estos son en realidad documentos, y estas cosas básicamente se agregan. Y luego PU aceleró la renderización también encima de eso. Y luego básicamente, sí, solo hablemos de esto. Básicamente vas a hacer el diseño en Illustrator, animar en after effects, y luego vas a exportar usando complemento body movement o puedes usar el LatifiPlug in también, y luego puedes ejecutar LatJSNFLE que es básicamente el Todo esto lo hemos discutido particularmente en mis cursos o clases anteriores. Puedes echarles un vistazo. Si quieres recomendarlo altamente, hemos cubierto toneladas de diferentes proyectos complicados, y los principios de animación de la interfaz de usuario son en realidad los mismos. La herramienta básicamente solo ofrece una mejor ejecución. En algunos casos, el lote es mejor o después de los efectos es mejor En algunos casos, RI va a ser mejor. Pero los fundamentos son los mismos, así que te recomiendo que los revises si estás interesado en aprender, particularmente sobre la animación de la interfaz de usuario y agarrar toda la información posible que puedas tener Por lo que recomiendo encarecidamente revisarlos. Y aparte de eso, básicamente está la biblioteca. Se puede ejecutar básicamente en casi todas partes. Bien, aparte de eso, tienen algunos estudios CSS, y después de eso, tenemos esta foto interactiva también en la página web. Bien, entonces RIV y Lotti la principal diferencia es la diferencia de tubería , Que básicamente el gasoducto Lotte es básicamente esto, pero el gasoducto RV es en realidad completamente diferente. El editor es en realidad que RIV ha construido. El formato es punto RIV. No es sólo un formato extraño como el punto JSON. Ahora bien, no es malo tener animación dot Json. Es solo que en ese momento, la tecnología en realidad, Henan Torosi quien es el fundador de Lotti en realidad creó el formato Late, y es un genio Tengo un gran respeto por el tipo, y él hizo un trabajo increíble. Pero simplemente no está construido para ofrecer esa complejidad u ofrecer esa interactividad que RIV puede hacer, Por lo que el formato dot RIV en realidad se puede exportar desde el propio RIV Entonces ningún otro software realmente lo exporta. El tiempo de ejecución en realidad está construido por sí mismo, el equipo de Rive, y luego el renderer también es construido por la misma plataforma Hemos cubierto muchos temas diferentes en las clases en las que enseño todos los diferentes tipos de animaciones que podemos crear usando animaciones tardías mediante el uso de efectos posteriores. Y en esas clases, verás muchas cosas que en realidad no están traduciendo como debería Vemos algo más en after effects y algo más en la web. Y es un poco extraño, incluso cuando estamos usando las funciones compatibles. Pero ese no va a ser el caso en RIV. He estado usando RV más de un año, casi 1.5 años, y nunca me he enfrentado a algún problema extraño como este. Ha habido algún problema extraño solo cuando alguien no está usando el renderer adecuado para RIF, realidad hay que habilitarlo a veces Cuando básicamente lanzaron el nuevo renderer y tuvieron que hacer algún tipo de cambio, y en ese momento, hubo algunos problemas, pero después de eso, no ha habido otros temas Bien. Y si tienes alguna información sobre el café con leche, sabrás que no ofrece brillos, básicamente, derecho Un enorme y enorme punto positivo de usar RI es que en realidad puede ofrecer plumas vectoriales Ahora bien, ¿qué es el emplumado vectorial? ¿En realidad? Solo busquemos plumas vectoriales en RV, Y básicamente, es solo una herramienta que básicamente te permite agregar desenfoque, así de simple, ¿verdad? Pero puedes hacer mucho más usando el desenfoque aquí. Básicamente se pueden manipular los difuminados. Puedes crear todo tipo de animaciones, y puedes ver que se crean efectos realmente agradables, y el desenfoque puede ser realmente interactivo. Se puede ver que el ratón se mueve, y básicamente el cursor en realidad está siendo seguido por el efecto de resplandor, ¿verdad? Puedes ver cosas increíbles creadas usando los difuminos, ¿verdad Ahora bien, no puedes hacer estas cosas, particularmente usando Latte. Ahora bien, estas son algunas cosas que cambian el juego. Aparte de eso, también hay otras cosas que me gustaría cubrir, que es el sigamos adelante y déjame mostrarte ese estudio de caso, que es, sí, este , noción Uno. He estado notando una revolución realmente interesante digamos interesante digamos que Rive básicamente ha creado, que es que básicamente todas estas enormes empresas están usando RV para crear la animación interactiva Ahora, la noción es algo que la mayoría de la gente estaría al tanto y toda la animación de IA de su asistente es realmente interactiva y esas se crean usando RV. Ahora, nadie está usando a Lotte. No sé la razón detrás de eso, pero en realidad probé el creador de Lotte por mí mismo, y no creo que las herramientas sean realmente intuitivas. Por ejemplo, en RV, básicamente, cuando creas animación, lo que básicamente puedes hacer es comenzar desde un estado de animación, y luego puedes entrar en otra línea de tiempo. Básicamente, solo consideremos que esta es la composición de los efectos posteriores, ¿verdad? Entonces una composición a otra transición simple como esa. Pero Lotti no funciona de esa manera. En Lotte, tienes que trabajar en una composición, y luego tienes que bloquear básicamente el área de trabajo tal como lo haríamos en after effects, y luego tienes que bajar esas secciones y luego adjuntar esas secciones y luego crear la animación. No creo que esa sea realmente una buena manera solucionarlo porque lo probé, pero en realidad tampoco me encantaron los resultados, y fue muy confuso usarlo para alguien con mis antecedentes que ha estado usando After facts. No sé si eso es solo que yo esté sesgado, pero sí, realmente no he visto algunos proyectos realmente importantes recientemente creados dentro de Lotti Entonces aparte de eso, hay una cosa realmente importante que mencionar aquí, que es que sigamos adelante y revisemos la plataforma de archivos Lotti, ¿de acuerdo? Y déjame mostrarte algo muy bonito. Bien, así que vamos a seguir adelante y mirar a los clientes. Sí, vamos a ver todos los casos de estudio. Bien, entonces verás aquí que dice hacer una jerga, y sólo vamos a hacer clic en eso Y puedes leer un montón de cosas aquí. Ahora bien, cómo en realidad R básicamente llegó a existir es que la historia es básicamente simple. Básicamente, Duolingo fue el primer cliente o el usuario de ¿Bien? Y el equipo en realidad comenzó a usar RV para el primer evert creo porque esto no es solo información compuesta Go Rosso, quien es básicamente el fundador de RV. Básicamente lo mencionaron en un podcast o en una entrevista. Sí, se puede ver con Rosso, CEO de RV. Entonces hermano gemelo de Nutsure Luego, creo, es el sí, Luigi oso, sí Entonces estos dos son el CEO de RV y tipos increíbles, en realidad, y muy solidarios y realmente son uno de los directores ejecutivos más fáciles de llegar en realidad. Así que realmente aprecio cómo equipo de RV está desarrollando la herramienta y cómo son tan receptivos todo el tiempo. Entonces es realmente algo sorprendente para mí. También nos meteremos en eso con más detalle. Entonces básicamente, Duolingo básicamente en realidad tiene actualmente está usando RIV, y RV básicamente no era una Simplemente estaba siendo utilizado por Duolingo la mayor parte del tiempo. Y entonces, básicamente lo que realmente sucedió es que algún otro animador discutió esto con Guido que tal vez deberían lanzar porque a otras personas también les gustaría usarlo Ahora, Joy Cornman de School of Motion también ha mencionado algo con respecto a RV que es realmente una herramienta increíble RV es la mejor herramienta nueva para los diseñadores de movimiento de los últimos diez años. Te permite hacer lo que Flash usó también, pero de una manera mucho más poderosa. Ahora bien, en realidad no soy tan viejo que he trabajado alrededor de flash, para ser honesto. Y pero básicamente, cuando lanzaron Rive, mucha gente estaba muy contenta de que el flash esté de vuelta y ahora es mucho mejor Entonces tal vez o alguien que tenga la experiencia suficiente usando flash, sabrían a qué se refiere realmente. Aparte de eso, también ha habido algunos estudios de invitados realmente increíbles. En primer lugar, los Duolingo, como hemos comentado, actualmente básicamente fueron el primer cliente o el usuario de RF y básicamente se han desplazado completamente a animaciones plagadas Y el personaje de doble Lingo básicamente puede hacer estamos básicamente ahora cubriendo que lo que R es posible de hacer Y básicamente, tú si lees todos los detalles, notarás que todos estos sonidos en realidad son básicamente diferentes plataformas de boca Pero estos básicamente están unidos vía back end con el enlace de datos, y de esa manera, básicamente, puede ver que en realidad han transformado todo, y la boca básicamente se mueve sobre la base de cómo se están diciendo las palabras o qué sonido están produciendo, y el enlace de datos básicamente desencadena esos momentos de boca. Ahora bien, todo esto está sucediendo en tiempo real. La función de jerga súper dúo, la función de pago en realidad te permite hacer videollamadas a Lily Y Lily básicamente está usando la función de enlace de datos de R lo cual es realmente sorprendente, y básicamente está hablando contigo. Y es básicamente escucharte y responderte porque esos datos básicamente están unidos a la animación de Rive, y eso se está traduciendo a la animación ya que está activando ¿Bien? Ahora bien, podría ser muy difícil de entender. Pero en palabras simples, digamos que el número uno está cerrado con la boca. Permítanme seguir adelante y abrir una Figma y permítanme ilustrar esto mejor Bien, así que vamos a echar un vistazo a lo que estaba tratando de decirte. Bien, así que digamos que esto es una boca, y tenemos diferentes poses por aquí. Y esto es solo digamos la lengua o la cerrada o la apertura de la boca, y entonces básicamente somos algunos sonidos diferentes que salen de la boca del personaje, ¿de acuerdo? Y básicamente, digamos que tenemos estas cuatro entradas diferentes. ¿Bien? Entonces estas son solo cuatro bocas diferentes, vamos a dirigirnos a una y dejadme simplemente escalarla. Bien. Bien. Y básicamente, ahora esto es sólo para simplificar los propósitos de ilustración solamente, para que puedas entender los conceptos. ¿Bien? Entonces digamos que estas son las cuatro poses y básicamente tienen que hacer malabarismos entre ellas. Ahora, básicamente, cuando el usuario básicamente está hablando, Lily no está hablando nada, ¿verdad? Entonces básicamente, digamos que el número tres es la boca cerrada, bien, así. Bien. Y básicamente, éste se activará. Automáticamente porque los datos básicamente están escuchando y la animación tiene la condición que cuando el usuario está hablando, hay que activar el número tres. Pero en cuanto el usuario se detiene, tienes que responder luego usando diferentes sonidos. Entonces digamos que este es el sonido de A, y este es el sonido de T, y este es el sonido de F, ¿verdad? Y entonces básicamente se trata de decir completo, entonces para un fotograma, cambiará a air F o L. Por ejemplo, algo así. F 000, y luego L. Entonces lo va a hacer automáticamente porque el enlace de datos está unido a eso y la lógica se ha creado de tal manera. Y básicamente, algo así en realidad se crea en RV que puedes ver, ya sabes, que el enlace de datos está conectado entre sí, ¿verdad? Entonces algo como esto. Se pueden ver estructuras como esta en la animación de RV todo el tiempo. Entonces así es como básicamente está trabajando en el back end. Ahora, basta con mirar también algunos otros ejemplos de cómo RI es realmente diferente. ¿Bien? Y por qué en realidad estoy pensando que podría ser caso de uso potencial o una herramienta que deberías aprender para la creación de animaciones de interfaz de usuario. Ahora bien, si notas la comunidad tardía o la discordia tardía, verás que no hay actividad Verás que solo hay un mensaje en julio. Nadie está respondiendo. Este es, creo, moderador. Aparte de eso, se puede ver la comunidad está un poco muerta. Ahora, han anunciado oficialmente que la comunidad se ha desplazado por aquí. Ahora, sigamos adelante y echemos un vistazo al chat y verás que el 22 de julio, hay dos mensajes, y luego tenemos el 21 de julio, un mensaje. Y luego básicamente se puede ver la diferencia. Entonces básicamente, todo el mes de julio o todo un mes está básicamente cubierto dentro de 20 o 30 mensajes. Eso es. Entonces, básicamente, no se habla mucho en la comunidad, y no parece que muchos usuarios activos realmente lo estén usando. E incluso si buscas en LinkedIn, cosas así, no encontrarás muchos casos en los que la gente esté creando cosas como esta. Y tal vez porque hay limitación en las funciones de lotería. Y aparte de eso, no creo que haya alguna razón en particular para esto. Tal vez las herramientas son limitadas porque hay muchas características que no están incluidas aparte de solo el desenfoque o el enlace de datos. Por ejemplo, vamos a seguir adelante y echar un vistazo a otra cosa, que son las mallas Así que sigamos adelante y déjame buscar mallas en Rip, ¿de acuerdo? Introducción a las mallas, mesh es Rye, solo abre un montón de enlaces para que te pueda mostrar lo que podemos hacer Entonces puedes ver que puedes crear estas estructuras raras y complicadas, ¿verdad? Entonces, básicamente, estas son imágenes, imágenes simples, puedes agregar básicamente mallas encima de ella, y luego cosas animadas de manera bastante simple Late no ofrece esta característica, y el formato Jason básicamente admite que trabajas solo alrededor del formato vectorial. RIV básicamente resuelve ese problema también porque puedes trabajar alrededor de mallas, y no lo hace el archivo porque puedes ver que cómo están funcionando las mallas, puedes crear algunas animaciones realmente, realmente complicadas a Y lo he probado yo mismo. No soy realmente tan grande con mallas, así que mi experiencia es muy limitada con esto, pero no lo hace Estoy bastante seguro de eso porque puedes ver aquí lo bonito que se ve esto, y esta es solo una imagen o dos o simplemente dividir algunas imágenes en Photoshop, y luego simplemente puedes adjuntarlas aquí. Lo realmente importante aquí para mencionar es que también puedes ingresar archivos de Photoshop en RF y luego puedes trabajar con esos también, bastante fácil. Y si hay efectos agregados encima de esas capas, básicamente no crean muchos problemas. Y aparte de eso, una cosa realmente importante a mencionar aquí es que hay otra herramienta en RI, que se conoce como la herramienta ósea, que en realidad ofrece el aparejo, y puedes aparejar básicamente usando como quieras Y esto es algo realmente asombroso. Late no ofrece todas estas características. No puedes crear algunas animaciones realmente interactivas y crear animación de personajes realmente una preocupación aquí porque todo el mundo está tratando de crear una nueva Lingo dual porque la Lingo dual o básicamente la tendencia de la interfaz de usuario ha cambiado mucho en los últimos años Básicamente, no todo el mundo está tratando de crear la app más minimalista Incluso si algo como Notion, que básicamente es conocido por su minimalismo, en realidad también está usando una mascota animada aquí, que representa su IA, Y la mayor parte de la compañía básicamente está tratando de ir por un enfoque de animación de mascotas donde toda su identidad está básicamente apegada a una mascota o a un personaje que básicamente guía al usuario a través Por ejemplo, hay un ejemplo muy bonito que es Byte Paul, algo parecido al personaje de Duolingos y puedes ver Y con toda probabilidad, creo que esto fue creado también en RIV No estoy muy seguro porque esto no se menciona en alguna parte, pero si investigas en alguna parte, entonces también podrías encontrar el tema detrás de él. Bien. Y aparte de eso, también puedes adjuntar audio. Realmente no he usado audios usando Late en realidad porque Lot realmente exporta el audio en un archivo separado Pero en realidad, vuelve a esa misma discusión que aquí se ha mencionado. Toda la animación, los efectos de sonido, todo está dentro de un solo archivo, el archivo datery, pero ese no es el caso cuando se está exportando un archivo JSON porque el archivo de audio se exporta por separado Y entonces hay que darle eso al desarrollador, y él tendrá encontrar una manera o adjuntarlo de alguna manera, ya sabes, también una cosa realmente importante a tener en cuenta es que Lottie no ofrece la interactividad, mientras que lo que realmente hace mejor RIV es lo que básicamente es el enorme beneficio de usar RIV es el aspecto de resolución de problemas, que es que si estás creando la animación, no tienes que hacerlo no es solo que la herramienta pueda hacer animación interactiva. La herramienta básicamente permite agregar todas esas interacciones dentro del creador o del propio software. Entonces básicamente no tienes que darle mucho dolor de cabeza al desarrollador o al equipo de back-end. Básicamente, puedes agregar toda la interacción aquí, así que es básicamente puede ser manejada por el animador, slash designer slash el desarrollador que está haciendo la animación Puedes hacer crear toda la lógica aquí, y luego básicamente solo tienes que adjuntar todos esos datos con el backend Eso es. Bastante simple. No hay que escribir en esas condiciones que si el mouse está por aquí, entonces solo hazlo más grande. No tienes que hacer todo eso. No hay que pasar por todo ese dolor de cabeza y básicamente, lo que estamos tratando de hacer como animador o como diseñador es básicamente resolver problemas complejos Y si vas a crear otro problema para tu cliente, entonces básicamente no es agregar valor al proyecto o básicamente no te estás convirtiendo en un solucionador de problemas para el proyecto o el cliente, ¿verdad Entonces, lo increíble aquí es que manejas todo eso por ti mismo, no solo estás creando desorden adicional para que el equipo de desarrollo lo maneje. Y también lo realmente asombroso aquí es que también se pueden ver cosas como esta que también señala los problemas. Hay una consola que en realidad te muestra lo que realmente estás haciendo en la animación. ¿Bien? Y luego puedes hacer algunas pruebas aquí también. Hay algunos cambios. Hay tanto Rive que puedes hacer Y también lo realmente muy importante aquí para mencionar es que el aspecto de la comunidad, ¿de acuerdo? Ahora bien, debido a que hay mucha discusión en vamos a decir que el lote de esta encuesta es básicamente un poco muerto ahora tal vez porque se han desplazado por aquí, pero se puede ver que no hay mucha discusión por aquí también. Pero vamos a compararlo con la comunidad de arribo. Ahora, puedes ver, vamos a desplazarnos hacia abajo y ver cuántos mensajes o chat por día está pasando. Entonces es el primer día, y vamos subiendo, vamos subiendo, vamos subiendo. Es el Día dos. Y luego tenemos el Día tres, y luego tú tienes el día cuatro. Ahora, y no pasa mucho en este día. Entonces, obviamente, esto sucede. Y luego, sí, muchos mensajes. Y se puede ver que la gente básicamente está compartiendo y creando cosas. Ahora, permítanme regresar a Late Community o Chat. No ves realmente que la gente mencione cosas como esta. Entonces aquí, se menciona algún tema. Aparte de eso, no realmente las cosas que está creando la comunidad, ¿verdad? Y mientras que, vamos a llegar Jac a la comunidad, puedes ver que están pasando muchas cosas ¿Bien? Y algo realmente sorprendente aquí es que es mucho más fácil llegar al equipo. Incluso puedes etiquetar a Guido también. Básicamente es el fundador del equipo o básicamente el fundador de la Rive como comentamos Y básicamente estaba pasando por algunos problemas porque estaba tratando de presentar un desafío contra, pero en realidad no pude encontrar una opción en la herramienta. Y Guido básicamente me respondió porque dentro de una hora, creo, y si no se acerca, alguien más lo hará del equipo. Entonces hay un apoyo constante, lo cual es realmente, realmente asombroso. Y la parte impactante para mí es, y yo realmente grande, gran saludo al equipo que envían las actualizaciones realmente, muy rápido Al igual que, básicamente RV actualiza el software semanalmente. Y no estoy bromeando. A veces también se actualiza dos veces por semana. Básicamente a veces solo están depurando algunas cosas. En ocasiones están agregando un pequeño detalle que la comunidad ha solicitado. Y luego aparte de eso, básicamente, solo puedes compartir tu trabajo también. Para que puedas compartir puedes ver que se está compartiendo mucho trabajo aquí. Derecha. Entonces, la gente básicamente está creando carretes de espectáculos completos en su interior, como puedes ver aquí. Pero no he visto todas esas cosas usando Latte. Y realmente un tipo de creo que será la conclusión final de esto es que compañía como Spotify también ha usado esto. Ahora bien, para lo que lo utilizan es realmente interesante es que wrap de Spotify es algo que la gente espera a fin de año. Y creo que entiendes lo que es Spotify Arab donde básicamente entiendes o básicamente compruebas qué tipo de canción estuviste escuchando todo el año y básicamente esa animación de Spotify Arab realmente se creó usando RV. Y algo realmente interesante aquí para notar es que Spotify tiene tantos oyentes o usuarios Y básicamente, el enlace de datos ha sido, por ejemplo, adjunto. Al perfil de usuario, por ejemplo. Entonces porque todo el mundo básicamente va a ver su cara en su Spotify, cierto, o cada artista en la plataforma en realidad va a ser agregado en la animación de Spotifyer Entonces eso se hace básicamente mediante el uso de enlace de datos. Entonces, por ejemplo, si solo volvemos por aquí, solo vamos a crear cuatro círculos para que solo digamos que tenemos cuatro artistas, bien. Entonces y luego básicamente lo que tenemos aquí es que ahora definitivamente hay tantos más artistas que cuatro, pero solo estamos tomando esto como ejemplo, ¿verdad? Y básicamente lo que realmente está sucediendo es a través de la vinculación de datos es lo que realmente está sucediendo es que digamos que escucho a este artista, ¿verdad? Ahora, llegar básicamente Spotify tiene mis datos. Ahora básicamente va a crear mi animación en base a lo que estoy escuchando o a qué artista estoy escuchando. Ahora, la foto de perfil actual de este artista se va a adjuntar a mi más oyente o el artista que más he escuchado se agregará por aquí Entonces, básicamente, el marcador de posición dentro esta animación es básicamente un marcador Básicamente va a responder a cada creador que tenga la plataforma. Y una vez que coincide con ese punto de datos, básicamente sólo va a elegir ese punto de datos. Ahora no vamos a ver todo eso definitivamente porque RI es realmente, muy suave. ¿Y por qué es eso? Porque como discutimos antes, tiene su propio ducto. Así que la animación se ejecuta muy bien. Y realmente no hemos visto ninguna contragolpe que se rompió la animación, ya sabes, quiero decir, si un equipo le gusta un Spotify usando algo, entonces no creo que haya un punto de preocuparse, en realidad Y el Duolingo fue básicamente básicamente son el OG de animaciones de mascotas en el campo UI, y básicamente su producto es el producto más animado en Internet, diría yo Y si estas herramientas están usando, cuáles son las herramientas principales, como si fueran el 1% superior, derecho, en sus dominios. Y si están usando esas herramientas, entonces creo que estarían usando las mejores herramientas porque también son los mejores chicos o las mejores empresas en sus dominios o su campo de especialización, ¿verdad? Entonces puedes ver que también estarían pensando en crear la animación en algo que sea una etiqueta de escala, y definitivamente es una etiqueta de escala, y es por eso que usaron Rive en lugar de usar cualquier otra cosa Entonces creo que eso abarca todo lo que Ri puede hacer, lo que Lotti no puede Y creo que eso cubre todo lo que Lotti no puede hacer, pero en cambio, Rf realmente puede hacer Entonces creo que ahora tienes la comprensión de lo que Rife puede hacer realmente y lo que Lotti Y creo que has hecho algo nuevo en este video. Pasemos al siguiente. 4. After Effects vs. Rive: Bien, entonces ahora vamos a comparar los efectos posteriores con RIV. Así que vamos a seguir adelante y echar un vistazo a después de los efectos. En primer lugar, de verdad, lo muy importante es que en after effects, tienes muchos plugins y scripts. Ahora, el scripting también se ha agregado a RI, pero no funciona de la misma manera Básicamente, hay herramientas y extensiones pre hechas y cosas así. Dentro de Aftereffects ahora, definitivamente porque también es una herramienta mucho más antigua Y además el caso de uso para ambos software es muy, muy diferente. Ahora bien, debido a que aftereffects es un software de composición o 2.5 de software de animación, y básicamente se crea para dos animaciones D o tres animaciones D o composición, básicamente, puedes hacer un montón de cosas en Puedes crear videos explicativos, puedes hacer animación de personajes Se puede hacer compositing, un ejemplo realmente genial de lo que realmente se usa Un ejemplo realmente genial del uso de los efectos posteriores es Jalex Rosa, quien es básicamente un tipo de director compositivo Yo sí lo considero básicamente director que crea básicamente todas estas animaciones. Y si realmente ves uno de sus videos, notarás que básicamente hace la composición final dentro de los efectos posteriores, y el resto del video en realidad se crea en licuadoras, a veces cosas enópodas como esa, y a veces animación cuadro por cuadro, cosas así, pero el resultado final en realidad está compuesto dentro de los compuesto Entonces cosas de acción en vivo, videos explicativos, cosas así es básicamente, sigamos adelante y echemos un vistazo a diferentes ejemplos de videos explicativos Ahora, digamos que esta escena tuvo que ser creada en RV. Ahora, definitivamente, puedes crear eso en Rive. Pero si quieres crear algunas transiciones realmente mágicas, quieres trabajar alrededor de cinco ejemplos a solo 60 segundos de animación, ¿verdad? Idealmente, no es la mejor herramienta, porque está creada para animación interactiva, no para videos explicativos. Ahora, de la misma manera, después del efecto se crea para compositing y animación compleja, no animación interactiva Por eso no se ofrece formato Dottery. Ahora, Hernan Tosi es básicamente el fundador del body movement plug in y también inventó el formato Late Jason, Y realmente algo importante a destacar aquí es que debido a que la compañía está evolucionando tanto, esta también es una noticia emocionante que básicamente Hernan Tosi también se ha unido a Rive, por Así fundador de Flat Hernan Torisi se une a RV. Vamos a leer un poco sobre eso también. Entonces esta es la leyenda misma. Y se puede ver, como dice, cuando encontré a Rive por primera vez hace unos años, estaba navegando por su sitio En todo el conjunto de herramientas que habían desarrollado, entonces conocí a Guido y Luigi, básicamente los jefes ejecutivos que compartieron sus planes para el futuro. Y fue momento boquiabierto, interactividad, el editor, máquina de estado, huesos, restricciones, y mucho más, se sintió irreal Me convertí en fan instantáneo y desde entonces he estado siguiendo su progreso. Cuando me invitaron a unirme al equipo, me emocionó tener una oportunidad, pero por razones personales no pude aceptar en ese entonces Pasó el tiempo, R se convirtió en una herramienta aún más increíble con todos hablando de ello y usándola cada vez más. Por último, las cosas se alinearon y amabilidad de extender una vez más la oferta. inmediato dije, y esta semana inicia mi andadura con un increíble proyecto y equipo. Bien. Y básicamente, esta publicación es el 16 de octubre de 2023, ¿verdad? Entonces ahora, esto es algo realmente, digamos que también me sorprende , es decir, a lo no habría tanto potencial en Latte ya no habría tanto potencial en Latte que Hernan también se unió a Rive O tal vez podría haber pensado eso, ¿por qué no inventar algo similar a esto, sino usar Latte en su lugar o desarrollar algo así? No sé por qué no hizo eso. No soy el experto aquí, pero el punto positivo aquí es el lado positivo de la historia o la buena parte de la historia que es, quiero decir, debe haber una razón por la que un experto como él se unió a Ri, ¿verdad? Entonces es como si pudiera ver la visión o la actualización o quiero decir, alguien que básicamente desarrolló Lotte si entiende que R tiene tantas características o actualizaciones emocionantes, y estaba encantado de unirse al equipo, entonces obviamente hay algo en la herramienta, ¿verdad Bien. Así que esto era algo digno de mención, así que pensé, hagámoslo, ¿de acuerdo? Y ahora, respecto a RV o a la Lotte, algo realmente importante que debo mencionar, que es que he creado todas estas animaciones dentro de los efectos después usando los efectos after, básicamente y luego exportado usando movimiento corporal, plug in. Ahora bien, si tuviera que crear algo como esto, seguiría eligiendo después de los efectos. ¿Por qué? Porque la administración de capas es muy fácil y me va a ahorrar mucho más tiempo. El manejo de capas en RIV es actualmente horrible. A lo mejor se agregan más herramientas de atajo , tal vez vaya a mejorar. No estoy seguro, pero actualmente, si hay 400 capas, es mucho más fácil administrar todas esas capas dentro de after effects si la estás comparando con RIF ¿Y por qué elegiría algo como esto o RV? Porque quiero decir, RV ofrece muchas más características, puedes hacer muchas más cosas. Yo sólo elegiría esto en los casos en los que no quiero ninguna interactividad Si quiero crear algo que sea una animación perfectamente loopable, entonces sólo voy a elegir después de los efectos, básicamente ¿Bien? Porque puedo ajustar un editor de grafos muy fácilmente. Hay teclas de método abreviado. Hay extensiones, hay plugin, hay scripts. Básicamente puedo compensar los fotogramas clave, cosas así, muy fáciles de hacer. No puedo hacer todo eso muy fácilmente R. Algunas de esas cosas tienen que hacerse manualmente. Entonces estas son las diferencias centrales, diría yo, entre las herramientas. Aparte de eso, hay si un proyecto requiere algo como simplemente decir hay que agregar interactividad a algunos elementos, aunque sea un botón, ¿verdad O incluso si es un personaje que tiene tres pausas, feliz, enojado, y triste, tal vez, ya sabes, cosas así , entonces definitivamente tendrás que hacer esas cosas en RIV Ahora bien, puedes decir que si estás creando algo así como, digamos la animación dual olingo, ¿verdad Si estás creando algo así, déjame volver a la página de Duolingo ¿Bien? Y si estás creando animación así, lo cual es realmente complicado ahora, en ese caso, digamos que hay 400 capas con las que tienes que trabajar. Ahora bien, en ese caso, porque hay que trabajar con interactividad, quiero decir, habrá que comprometer la gestión de capas Realmente no se puede hacer algo al respecto. Entonces el punto clave aquí es que lo que en realidad estás tratando de crear, ¿de acuerdo? Y si el resultado final va a ser algo de animación interactiva, entonces definitivamente sin duda, solo ve a RIF, ¿de acuerdo? Y en cuanto al diseño, recomiendo encarecidamente que en lugar de usar Illustrator, trate de usar Figma porque eso también funciona muy bien O básicamente, puedes simplemente copiar y pegar, exportar SVG de Illustrator también a Figma y luego o básicamente exportar el SVG y luego simplemente soltar el SVG dragón y luego trabajar con eso en RI también Ahora, vamos a discutir todo eso en detalle, pero si estás trabajando o creando algo como básicamente, si vas a trabajar con las animaciones de UI, entonces tal vez sea el diseño de UI que se ha creado en Figma Entonces puedes copiar y pegar cosas de Figma, muy fácilmente Definitivamente estoy esperando algunos plugins para que haga las cosas mucho más suaves. Por ejemplo, sobrecarga de Batalla x, ¿verdad? Creo que en realidad tienen planes de crear sobrecarga para la llegada. Entonces sigo esperando cuando eso suceda, porque entonces solo puedes darle un click y luego, ya sabes, todo está adentro maduro. Así que con muchas ganas de llegar a ese momento. Por lo que han mencionado este detalle en alguna parte. No estoy muy seguro de que podamos encontrar esto o no, pero cuando estaban lanzando esto, en realidad lo mencionaron. En realidad no pude encontrar la parte donde dice que ellos también tienen el plan para crearlo para RIV Pero definitivamente lo han mencionado, pero como creo que han actualizado su landing page, pude encontrar. Entonces básicamente, eso es todo. Y creo que hemos cubierto todo lo relacionado con los efectos posteriores y la comparación de eso con RV. Bien. Entonces esa es básicamente la comparación entre RV y efectos posteriores. Espero que ustedes entiendan claramente que donde entra la interacción, después de los efectos no puede manejar eso. Y aparte de eso, after effects es una gran herramienta para crear animaciones complejas, pero simplemente no puede manejar la interactividad Y eso es todo. 5. Introducción a Rive: Bien, así que ahora vamos a seguir adelante y tener un poco de introducción con respecto a RV y vamos a explorar RV. Bien. Así que vamos a seguir adelante y crear un nuevo archivo. Simplemente sigamos adelante y mantengamos el mismo tamaño, y luego solo creamos tableros de madera dura Bien, entonces ahora básicamente, te darás cuenta, antes que nada, hay este diseño y pestañas animadas, ¿bien? Por lo que el diseño y la animación se manejan por separado. Otra diferencia entre los efectos posteriores y RV, ¿verdad? Bien. Aparte de eso, existe esta jerarquía. Re diferencia clave aquí es que las animaciones básicamente se conocen como línea de tiempo en lugar de composición. Así que por favor tenlo en cuenta. La línea de tiempo es igual a la composición. Eso es. Aparte de eso, una cosa realmente importante a tener en cuenta es que una vez que agregas un círculo, por ejemplo, digamos, ¿verdad? Y tenemos este color aquí mismo. Vaya, tenemos que estar en modo diseño. Por favor, tenlo en cuenta. ¿Bien? Y luego déjame simplemente quitar este fotograma clave Y entonces básicamente tenemos esto aquí mismo. ¿Bien? Ahora, notarán que tenemos esta elipse por aquí, y llamémosla bola Bien. Ahora voy a golpear Y, y básicamente funciona igual que en los efectos posteriores. Básicamente, tenemos el toool gratis por aquí, bien. Y ahora vamos a seguir adelante y cubrir todas las herramientas. Sólo dame un minuto. Primero, básicamente, quiero mostrarte algo realmente importante es que puedes presionar Tab en tu teclado y puedes alternar entre la línea de tiempo. Y el diseño y la animación. Bien. Tan simple como eso. Siempre que estés haciendo algún diseño, debes tener en cuenta que deberías estar en la pestaña de diseño. De lo contrario, si creas algo aquí, por ejemplo, si lo muevo aquí, si vuelvo, no vas a ver que cambios en el diseño, en realidad, ha agregado fotograma clave por aquí Ahora vamos a discutir esto a detalle, pero sólo para tener esto en cuenta que esto es realmente muy importante. Una cosa muy, muy importante a tener en cuenta es que, mientras que, realidad no importa mucho si el tamaño del café con leche o el tamaño de composición del café con leche es exactamente el mismo que los desarrolladores te es exactamente el mismo que han preguntado si no hay espacio negativo alrededor de tu diseño, el desarrollador básicamente puede escalarlo hacia arriba y escalarlo hacia Realmente no te va a dar mucho dolor de cabeza, pero ese no es el caso con RB. No es porque no se pueda escalar o reducir la escala de la animación. Si la capa es SVG, se va a quedar SVG, por lo que va a permanecer vector. No es que esta herramienta sólo exporte animación en imágenes ráster. No es el caso. Por favor, tenlo en cuenta. Pero solo porque la integración es un poco diferente, es mejor tener algo organizado, algo más organizado y algo que realmente encaje en el producto mucho más fácilmente. Bien, entonces ahora, primero tenemos esta herramienta, que es la herramienta de selección, básicamente nuestro mouse, luego tenemos el traducir. Y una vez que lo seleccionemos, simplemente hagamos clic aquí. Y entonces básicamente lo que podemos hacer usando esto es que para ser honesto, realmente no lo uso porque solo uso mi V. Eso es todo, y realmente no he usado la clave de traducción. Después de eso, tenemos la clave de rotación. Definitivamente podemos usar eso para rotar. Y después de eso, tenemos la escala, que podemos usar hacer el escalado. Y esto es realmente importante de notar aquí es que sólo estamos cambiando el valor de escalado. No estamos cambiando el tamaño de origen de la trayectoria de elipse. Bien, en serio, muy importante tener esto en mente. Algo realmente asombroso aquí es que una vez que haces clic en los vértices dit, y obviamente, ya sabes que actualmente esto es una pelota, pero estamos convirtiendo esto en un camino Una cosa muy importante aquí es que si entras en los vértices dit, realidad puedes trabajar o editar cada vertice y básicamente animar eso también Y realmente otra cosa importante es que una vez que lo selecciones, por ejemplo, solo digamos que vas a enfrentar este tipo de problemas cuando estás animando algún tipo de cabello en el personaje o cuando en realidad estás tratando animar un camino o una cara de un personaje o tal vez solo el brazo se superponga sobre el cuerpo, entonces tendrás que seleccionar múltiples puntos de anclaje. llegada ofrece esta buena manera de seleccionar realmente los puntos de anclaje, y luego básicamente puedes soltarlos para básicamente cambiar la forma del camino también y también básicamente deformarlo para crear algo que más te guste, ya sabes Entonces se ve muy bien. Bien. Aparte de eso, algo realmente importante, otra regla. Básicamente, estos son como una regla, ya sabes. Así que cada vez que estás haciendo algún tipo de proyecto, tienes que tener en cuenta estas cosas. No importa lo que estés tratando de crear. Es mejor seguir todas estas reglas para practicar. Ahora, cuando hayas creado toda tu obra de arte, digamos que aquí teníamos dos bolas, ¿verdad? Y tenemos digamos que hemos acertado 50 50, bien, o vamos a bajarlo a 20 o sí, 20. Tenemos estos dos. Tenemos que agrupar a estos dos, ¿de acuerdo? Básicamente lo que podemos hacer es moverlo, ¿verdad? Si digamos que estos eran dos ojos, queremos mover también la capa de grupo. Lo que vas a tener que hacer es simplemente agruparlo nuevo y luego básicamente simplemente llamarlo root. Ahora, haz esto cada vez que estés creando una animación dentro de la unidad y simplemente crea un grupo raíz donde todo dentro de él básicamente solo se quede ahí. ¿Por qué? Porque en caso de que algo haya pasado mal o tal vez un poco desalineado Simplemente puede hacer clic en el grupo raíz y simplemente puede traerlo aquí. O básicamente puedes moverlo de la manera que quieras, ¿de acuerdo? Entonces esto realmente va a ayudar de esas maneras. Entonces como discutimos que puedes presionar shift y seleccionar las capas, y básicamente, puedes seleccionar varias capas y luego crear diseños auto también, pero no vamos a meternos en esas. Aparte de eso, hay animación en solitario, que puede usarse a veces también para botones o también posar para posar animaciones, donde a veces un personaje básicamente cambia sus ojos de un estilo a otro, básicamente, entonces se puede usar o si el personaje está cambiando de brazo, ya sabes, por ejemplo, si tenemos uno así, entonces tenemos brazo para. Digamos que el personaje tiene este primer brazo donde básicamente tenemos al personaje en un color azul, ya sabes, agradable y tranquilo, y luego tenemos al personaje en modo enojado, ya sabes, digamos algo así, pero con una forma extraña, ya sabes, así. Pero quiero que el personaje mueva esos brazos. Entonces uno puede ser habilitado a la vez, ¿verdad? Entonces lo que puedo hacer es simplemente hacer clic aquí, entrar en solitario, y puedo crear solo así, o lo que puedo hacer es básicamente controlar G y luego básicamente hacer clic derecho sobre aquí y luego ir a convertir a solo. Y entonces básicamente puedo habilitar solo una capa a la vez. Por favor, ten esto en cuenta que el grupo tiene el derecho de origen, y si cambias ese origen, todo dentro de ese grupo también sigue ese origen. Entonces esto es realmente algo importante a tener en cuenta, y se puede ver, cuando cambio la capa dentro ella y luego vuelvo a editarla, se puede ver que el brazo se mueve de la misma manera. Así que esto puede ser útil cuando estás creando animación de personajes. Bien, pasando, tenemos el componente. Entonces, básicamente, esto es como pre comp dentro tras efecto como dices Ahora, funciona un poco diferente. O si trabajas en Figma, básicamente, funciona de la misma manera Los componentes funcionan. Pero aquí también hay tantas características adicionales que puedes usar el mismo componente. Pero si tienes, ya sabes, construir un sitio web, hay una característica conocida como CMS, donde puedes mantener el mismo elemento pero cambiar los datos dentro de él. Así que también puedes hacer cosas así con esto. Y este es un tema mucho más detallado, por lo que lo discutiremos en una clase posterior. Y luego después de eso, tenemos herramientas simples de capa de forma. Tenemos la herramienta pluma, derecho, cosas simples, cosas bastante simples. Si ha utilizado alguna herramienta de diseño, funciona de la misma manera. Y una cosa interesante por aquí es que básicamente puedes seleccionar cualquier punto de anclaje, y puedes ajustar cómo básicamente um se puede manejar, ¿sabes? Entonces puedes adjuntarlo, Dattach it, cosas así, cosas bastante simples, nada demasiado complicado. Y otra vez, puedes presionar y hacer todas esas cosas también. ¿Bien? De la misma manera que puedes hacerlo en Illustrator. Así que cosas bastante simples, nada demasiado complicado. Y después de eso, tenemos la herramienta de texto. Herramienta realmente poderosa, puedes hacer mucho con la herramienta de texto. Y lo realmente importante a tener en cuenta es y una cosa clave a tener en cuenta es que la herramienta de texto en Um, RI básicamente ofrece todas las fuentes de Google. Entonces, si algún producto se construye usando alguna fuente que está en Google, entonces eso es realmente, realmente una gran ventaja. Y básicamente puedes seleccionar esa fuente desde aquí. Sigamos adelante y busquemos al Inter, por ejemplo. Bien, así que ya está seleccionado. Y entonces puedes ir por digamos texto diferente. Bien. Y puedes hacer muchas cosas, en realidad, con esto también. Por ejemplo, también puedes animar este peso. Entonces debes haber visto esas animaciones donde el texto básicamente solo se pone, sí, grueso y luego delgado, ¿sabes? Así que básicamente puedes simplemente darle un bucle. Bien. Y luego está la característica y cosas así, que realmente no me he metido porque hasta ahora no ha habido necesidad. Bien. Entonces tenemos la herramienta de texto. Tenemos muchas cosas diferentes. Entonces, básicamente, al igual que los modificadores de texto básicamente funcionan como animadores de texto en efectos posteriores Bien. Entonces algo similar a eso, podemos agregar diferente se puede ver que el rango básicamente se está viendo afectado, ¿verdad? Y entonces básicamente puedes agregar cosas como opacidad, posición de rotación, cosas así Así que déjame golpear offset así. Bien. Y luego déjame tratar de hacer esto. Bien, entonces el rango debe ser 0-100 y luego se puede ver cómo se está creando la animación Bien. Ahora, definitivamente, este es un tema mucho más profundo. Esto es solo para mostrar cómo puedes hacerlo. ¿Bien? Entonces solo diciéndote dónde está realmente la interfaz. Entonces tenemos la herramienta bond, básicamente utilizada para la animación de personajes. Tan simple como eso, puedes agregar huesos, cosas bastante simples. Bien. Y luego tenemos básicamente la herramienta de peso. Básicamente, se puede utilizar para agregar o desplazar pesos óseos. Entonces tenemos el evento. El evento es básicamente algo que puede desencadenarse y algo que está sucediendo dentro de una composición, por ejemplo, o en Canvas, entonces básicamente puede desencadenar eso con una entrada de oyente Es difícil de explicar. Será mejor mostrarte un ejemplo. Básicamente, es como un botón de campana, digamos, para que los datos realmente detecten que algo se está disparando o que algo está sucediendo. Así que bastante simple. Y entonces tenemos scripting, que es básicamente, yo diría que esto es algo que un desarrollador sería mejor si lo explicase He usado uno o dos guiones hasta el momento, así que no tengo mucha experiencia con esto, pero puede hacer muchas cosas diferentes, definitivamente. He visto múltiples ejemplos, y te estaré mostrando algunos estudios de conjeturas a partir de eso definitivamente pronto. Bien. Y ahora solo eliminemos todas estas cosas extra. Y tratemos de agregar un fotograma clave a la animación, ¿de acuerdo? Ahora, déjenme ponerla aquí abajo. Bien. Entonces déjame arrastrar éste también en el centro. Bien, entonces tenemos esta pelota por aquí. Y ahora solo veamos qué tipo de herramientas de animación tenemos. Bien. Vamos a seguir adelante, seleccionar la pelota. Y entonces lo que voy a hacer ahora es una cosa clave a tener en cuenta es que cuando inicies la animación y vas a crear múltiples estados, digamos que al hacer clic en la pelota, ésta anima Cuando le sacas el ratón, básicamente se detiene. Y cuando básicamente pasas el cursor sobre él, básicamente cambia el color, ya sabes, cosas así Una cosa muy importante a tener en cuenta es que déjame seguir adelante y primero llamar a esto ocioso, y luego te lo explicaré. ¿Qué significa? Bien, entonces ahora tenemos tres composiciones, básicamente. Por cierto, estoy haciendo esto de manera muy simple. Por cierto, si tu panel está oculto en alguna parte, solo tienes que hacer clic en animaciones y luego saldrá. Y a partir de estas grabaciones, RIV es completamente gratis Solo tienes que comprar tu suscripción si quieres exportar tu animación al archivo Dot ry. Pero no hay costo para aprender la herramienta. Y si revisas mi caso de estudio, verás que en realidad no comparto archivos de animación hija porque ese es el archivo que va a ir al cliente porque ese es un archivo de entrada real, ¿verdad? Entonces básicamente, vas a estar mostrando animaciones en videos o si no tienes un plan R pago, lo que puedes hacer simplemente es hacer alguna grabación de pantalla simple como eso, usa OBS, igual que lo estoy usando ahora mismo. Y entonces lo que puedes hacer es simplemente hacer una composición básica dentro de after effects o cualquier otro software que básicamente admita máscaras, y luego básicamente simplemente crear tu cartera a partir de ella. Tan simple como eso. Bien. Bien, así que vamos a seguir adelante ahora déjame ir a la máquina del estado, y ya tenemos al ídolo aquí. Por ejemplo, digamos que no está aquí. Podemos simplemente arrastrar y soltar nuestra animación así, ¿de acuerdo? Y entonces solo digamos que vamos de entrada para acá. Simplemente ignore a estos dos. Por ahora, apenas los vamos a usar nunca. Y luego después de eso, vamos a ir a nuestro cambio de color, ¿de acuerdo? Y luego después de eso, vamos a ir a nuestro cambio de posición. Bastante simple. Bien. Y ahora lo que voy a hacer es básicamente que vamos a ignorar por ahora la máquina del estado, ¿de acuerdo? Y digamos que después de que cambie el color, quiero que la animación vaya realmente a empezar desde aquí en realidad, ¿de acuerdo? Y luego ir a aquí. Eso es. Sencillo. Bien. Cosas más simples. Bastante simple, ¿de acuerdo? Y aquí no hay animación. Y digamos que estoy pensando en mantenerlo aquí por ahora, ¿de acuerdo? Te darás cuenta de una cosa muy rara aquí que la animación, el fotograma clave se agrega aquí, ¿verdad? Debería estar aquí. Pero, ¿por qué está aquí? ¿No hay marco clave? Lo que está sucediendo realmente aquí es que permítanme seguir adelante y primero crear el marco clave en el valor del color, ¿de acuerdo? Y entonces lo que vamos a hacer es que vamos a cambiar el color de nuevo a verde ahora, ¿de acuerdo? Ahora estás diciendo que debes estar pensando que aquí tenemos el fotograma clave dal Tenemos el fotograma clave verde aquí en la otra línea de tiempo, luego tenemos el cambio de posición aquí Pero si agrego aquí también el fotograma clave, digamos así. ¿Bien? Y voy a seguir adelante en la ociosa. Y luego básicamente solo copia y pega el valor del color. Déjame seguir adelante y copiar el color, luego solo pégalo por aquí. Sencillo. Por cierto, donde sea que esté tu encabezado en la línea de tiempo, básicamente solo agregas fotograma clave allí Entonces, si cambio el valor por aquí, van a ver si hemos agregado un fotograma clave Entonces partimos de aquí. Cambiamos el color así. Ahora, espera. ¿Por qué no estamos afectando el color aquí, verdad? ¿Por qué es eso? En primer lugar, tener en cuenta que si vas a animar una propiedad, es realmente importante planificar primero la animación antes de crear los fotogramas clave dentro de ive Esto es realmente importante. Por ejemplo, consideremos que hay 50 capas por aquí, y el cliente simplemente quiere que cambies un detalle muy pequeño. Por ejemplo, el color de las cejas del diseño. Por ejemplo, esto es una ceja. Bien. Por cierto, si quieres agregar relleno o trazos en un trazado, puedes simplemente entrar en el relleno y trazo, sacar el relleno o un trazo y luego simplemente agregar un trazo aquí también. Cosas simples. Cosas bastante simples, ¿de acuerdo? Muy básico. Al igual que funciona en Figma. Muy parecido a eso. Digamos que el diseñador o el desarrollador digan, Oh, debe haber habido un error. Ohh, Oh, no. Oh, no, no, no, no, no, tenemos que cambiarlo. Bien. Entonces lo que tienes que hacer es básicamente simplemente cambiar el color. Bastante simple, pero en realidad no lo suficientemente simple. ¿Por qué? Porque digamos que tienes diez pausas de animación de personajes, entonces solo tienes que ir a todas partes Y entonces lo que tienes que hacer es básicamente agregar un fotograma clave en cada uno de ellos. O si en realidad solo quieres cambiar el color, lo que tienes que hacer es simplemente volver al modo de diseño. Lo muy interesante aquí para notar es que si voy aquí y luego solo lo hago así, luego vuelve, vas a ver suceden algunas cosas realmente raras. Tenemos cabello de color azul. Tenemos cabello de color azul. Y tenemos el pelo de color rojo. ¿A qué me refiero, qué está pasando? Bien, entonces ahora te voy a explicar esto de verdad, de verdad simplemente. ¿Bien? Déjame simplemente seguir adelante y básicamente borrar esta capa. No sé por qué la tecla de borrar no funciona en mi teclado. Ha habido algún problema tal vez. Entonces déjame apagarlo. Bien. Así que centrémonos en nuestra capa uno solamente o en nuestra bola solamente. Ahora bien, ¿por qué está pasando el tema, por qué? ¿Qué acaba de pasar? Por qué no podemos entenderlo es muy sencillo. Si vas a crear una animación, simple menos es que primero tienes que emparejar todo con el diseño. Como dije antes, hay que hacer el diseño por completo aquí. No hagas nada aquí, haz todo aquí. Bien. Ahora tenemos el color aquí. Este es nuestro color finalizado, por ejemplo. Digamos que este no es el color finalista. Este es nuestro color finalista así. ¿Bien? Esto está finalizado. Eso es. Vamos al modo animado. Tenemos que eliminar nuestro marco clave. Ahora verá que estamos de vuelta al valor verde, que es nuestro valor original. Ahora bien, si va a haber una hoja de ruta entre la animación, si vas a, digamos que animate position en esta línea de tiempo, tendrás que agregar dos fotogramas Dummik ¿Por qué sucede eso? Ahora bien, esto es lo que realmente está sucediendo. Déjame dibujar algo para ti muy amablemente. Bien. Entonces básicamente lo que va a pasar es, vamos a ver si puedo explicar esto mejor. Así es como funciona la máquina estatal, ¿de acuerdo? Vamos a crear un rectángulo, y digamos que esta es nuestra máquina de estado. ¿Bien? Y esto es básicamente una animación, ¿de acuerdo? Déjame seguir adelante y hacerlo así. Y entonces vamos a dibujar otro color así. Ahora bien, este concepto es muy, muy simple y es como un juego de niños para alguien que tiene incluso un poco de experiencia en desarrollo, diría yo, o ha hecho algo de vuelta y trabajo. Es bastante simple. Pero sé que cuando empecé en Re cuando era mi primer día, básicamente estaba, ya sabes, quedé una hora porque no pude entender lo que realmente está pasando Entonces, básicamente, esto es lo que va a pasar. Permítanme solo obligar a este texto aquí también para que pueda explicarlo mejor tal vez Bien. Entonces los datos, y luego tenemos este 120. Entonces cada línea de tiempo tiene datos, bien. Tan simple como eso. Y entonces lo que realmente sucede es que solo hay, como saben, en los efectos posteriores o en cualquier lugar, cuando creas una animación, lo que realmente sucede es que básicamente estás creando interpolación, ya sabes Por ejemplo, si creo animación así, 12 K frames, la hago así. La interpolación entre estos dos valores aquí está básicamente aumentando como puedes ver aquí Entonces básicamente le estamos diciendo al software que van a 100 opacidad desde cero dentro de 12 fotogramas, y el software básicamente determina el resto del cálculo y los valores Ahora, aquí está pasando lo mismo. Básicamente, cada línea de tiempo tiene datos en ella, ¿de acuerdo? Id son básicamente datos de animación, esos fotogramas clave que hemos agregado dentro. Y luego después de eso, lo que tenemos es el cambio de color. Después de eso, lo que tenemos es un cambio de posición bastante simple, correcto. Ahora bien, si agregas un fotograma clave en la posición por aquí, digamos que este es nuestro marco clave de posición así. Déjame hacerlo así, ya sabes, sí, se ve mejor. Entonces digamos que este es nuestro fotograma clave y vamos a hacer que sea un mejor color, bien Y digamos que este es nuestro kframe para el color. Y este es nuestro marco clave para la posición. ¿Bien? Ahora, básicamente, esto es lo que está pasando. Tenemos el ocioso. Tenemos el cambio de color, y luego tenemos el Mbadry solo seleccionamos Tenemos básicamente el cambio de color, y luego tenemos el cambio de posición. Entonces este es nuestro cambio de posición. Ahora bien, no tenemos esos marcos clave, ¿verdad? Y entonces no tenemos el cambio de color por aquí. ¿Bien? Ahora bien, lo que realmente está sucediendo aquí es que si no hay un fotograma clave por aquí, en realidad no puede interpolar los valores de aquí a aquí porque no hay datos de transición para que ocurra la transición, en realidad tiene que pasar por algunos Digamos que ahora mismo hemos cambiado el color, bien. Pero después de eso, el color básicamente no se cambia. Entonces, lo que realmente sucede es que el color que en realidad era el original se activa básicamente por aquí. Entonces, si quieres que este color aparezca aquí, básicamente tienes que duplicarlo así. Sencillo. Y si quieres que cambie la posición, bien, entonces lo que tienes que hacer es básicamente agregar ese fotograma clave por aquí también, el fotograma clave final, o digamos, Bien, entonces por ejemplo, si tenemos aquí este fotograma clave de posición, solo volvamos a la Verás que la posición es 333, ¿ verdad? Vamos a copiarlo. Ahora, ten en cuenta, no tenemos un fotograma clave por aquí Solo cambiando de color por aquí. Ahora, vamos a agregar posición por aquí, ¿de acuerdo? Y verás que aquí no está agregando nada. ¿Por qué? Porque primero necesito agregar fotograma clave. Y luego solo necesito controlar C, copiarlo y luego pegarlo por aquí y luego darle al Inter. Entonces estás creando la animación así. Sencillo. Nada demasiado complicado. Simplemente lo hacen más largo así. Bien. Suena bien. Ahora, verán que tenemos esta animación por aquí, bastante simple. Entonces tenemos esta animación subiendo. Bien. Y luego tenemos esta animación por aquí. Ahora, queremos mantener el valor del color por aquí, igual. Simplemente eliminemos el fotograma clave de color. Y entonces el color de aquí es ¿qué es? Es este tipo de paseo de color. Déjame seguir adelante y crear un fotograma clave por aquí. Ahora bien, esto básicamente no va a elegir color de aquí. ¿Por qué? Porque básicamente está siguiendo el fotograma clave, que ya se agrega por aquí, ¿verdad? Así que permítanme simplemente borrar este y luego dejarme copiar este valor porque voy a olvidar. Entonces, permítanme borrar ésta. Verás que la posición por defecto es la misma. Ahora permítame agregar fotograma clave por aquí. Déjame agregar fotograma clave por aquí, y luego copiar y pegar. Ahora cuando siga adelante, verán que no estamos cambiando el color aquí también, porque no hemos agregado el fotograma clave de color Entonces básicamente la forma ideal de hacer esto es que tienes que entrar en la primera composición, la composición dal donde nada es básicamente animando, nada en absoluto, ¿verdad Y luego a partir de eso, básicamente hay que pasar por un viaje. Una máquina declarada es como un viaje o una especie de camino, y básicamente vas a conducir a tus elementos o personaje a través de ese camino y básicamente vas a llevarlos a través de ese viaje, ¿de acuerdo? Y por eso ahora sabemos lo que vamos a animar. Vamos a animar dos propiedades, y cuáles son esas propiedades Primero, tenemos el color. Segundo es la posición. Agregamos ambos fotogramas clave. Vamos a seguir adelante en el cambio de color. Aquí también vamos a agregar ambos fotogramas clave. El cambio de color ya está agregado, pero no se agregó la posición. Entonces agregamos eso. Pero lo realmente importante que hay que ver aquí es que en realidad queremos animar nuestra pelota Bien. Por cierto, creo que sólo hemos animado a nuestro grupo de pelota. Así que vamos a ceñirnos a eso por ahora, ¿de acuerdo? No lo hagas más confuso. Entonces hemos agregado dos fotogramas clave. Ahora tenemos dos fotogramas clave por aquí también, pero sólo estamos cambiando de color Bastante simple. Muy fácil. Ahora, lo que vamos a hacer es copiar estos dos fotogramas clave y pegarlos aquí. Bastante simple. Pero el valor del color debería ser éste, ¿verdad? Y básicamente, vamos a copiar esto y luego llegar al inicio porque el punto final de esta composición debería ser el punto de partida de esta composición. Así va a ser suave la animación. Así que vamos a pegarlo por aquí. Sencillo. Así que vamos a jugar primero. Bastante simple. Vamos a seguir adelante en el segundo. Estamos cambiando de color. Y luego tenemos la animación de posición. Ahora bien, algo realmente importante a tener en cuenta es bastante simple, que es que sigamos adelante y experimentemos torno a dejarme animar una escala Puedes ver que hemos agregado el fotograma clave cuando cambiamos la propiedad, ¿verdad Y solo volvamos y verás que no estamos cambiando la oreja de la escama. Cuando volvamos, verás que no estamos cambiando el escalar, ¿verdad Así que cosas bastante simples. Mismo concepto básico. Vamos a quitar el fotograma clave. Tan simple como eso, ¿verdad? Todo está funcionando bien ahora. Y ahora se puede ver que la animación no se está rompiendo porque agregamos los fotogramas clave ¿Bien? Entonces esto es muy importante cuando en realidad estás creando la animación. Máquina de estado lateral. Esto es realmente, muy importante, ¿de acuerdo? Porque un estado va a entrar en otro, y la interpolación necesita tener esos datos Es de verdad, muy importante, ¿de acuerdo? Estos son como puntos cruciales básicamente que hay que tener en cuenta, ¿de acuerdo? Y he tratado de simplificarlo lo más posible. Ahora, algunos trucos realmente buenos o digamos herramientas que me encantan de Drive. Vamos a comprobarlos, ¿de acuerdo? Simplemente borremos todo esto, y yo sólo voy a seguir adelante y eliminar estos dos. Yo sólo voy a entrar en la pelota y luego sólo voy a la posición. Quitar el fotograma K del grupo, y luego básicamente vamos a animarlo subiendo, y luego podremos ir al fotograma clave 40. Entonces vamos a pegarlo. Y luego básicamente Remache también vamos a quitar el color Keyframe Sí. Así que básicamente RV en realidad ofrece esta interpolación básica, muy simple a lo largo de las herramientas de animación de la interfaz de usuario, pero a diferencia de after effect, como se puede ver, aftereffect no tiene esto After effect tiene algo como esto, que se llama el flujo, pero básicamente es una interpolación muy básica, pero algo genial como después efecto también está dentro de la unidad, que es el editor de grafos, en realidad, ¿bien? Y cómo puedes habilitar eso es haciendo clic aquí, y luego básicamente puedes simplemente reproducir la animación y ver. Bien. Y entonces lo que tienes que hacer es básicamente, si quieres habilitar graph, tienes que ir por aquí y luego hacer clic en Cub value o golpear F nueve en el teclado Y entonces lo que puedes hacer es hacer esto. Veamos un resultado. Oh, bonito. Animación de rebote de pelota realmente agradable. ¿Bien? ¿Ves? Bastante simple. Ahora, la parte encantadora de RIV es que nos vamos a meter en eso en un minuto Ahora bien, se puede ver el básicamente, es el gráfico de valores, ¿de acuerdo? Entonces, no esperes que hubiera un gráfico de velocidad, no ha habido ninguna confirmación, y básicamente, puedes trabajar alrededor del gráfico de valores si también eres un buen animador Entonces R en realidad actualmente solo ofrece valegraph en lugar de speed Entonces espero que eso sea suficiente para ti también. En lugar de trabajar en herramientas donde realmente no se puede trabajar alrededor de gráficos, realmente me rompe el corazón que no se pueda ajustar la flexibilización Bien, así que volvamos a nuestra vista de línea de tiempo en lugar de vista gráfica. Y ahora déjame mostrarte algo realmente agradable. Tenemos opciones de línea de tiempo donde básicamente puedes mirar jerarquía o personalizado y aplicar todas al modo de diseño. No estoy muy segura de lo que hace. Se aplicaron los valores actuales del cabezal de juego al diseño. Oh. Entonces esto es algo muy bonito. Por ejemplo, si quiero que este valor esté al inicio de la animación. Por ejemplo, quiero que esto esté aquí al inicio. Creo que lo que puedo hacer es dar clic aquí, aplicar todo al modo de diseño. Y entonces, sí, nuestro balón está justo aquí. Entonces esto es algo realmente genial. Ahora es realmente sorprendente que mientras estoy grabando esto, también estoy aprendiendo algo nuevo que en realidad no había explorado, porque este tipo de cosas en realidad no son realmente, no tienes que explorar estas características porque no te viene a la mente que, oh, tengo que usarlo. Pero si tienes que usarlo, entonces definitivamente puedes encontrarlo en realidad. Entonces mi enfoque principal es la mayor parte del tiempo enteramente en la animación. Así que no copio valores de aquí al modo de diseño, en realidad. Y otra razón detrás de eso es que preplaneo el diseño en realidad, y luego ejecuto la parte de animación. Entonces también, esto es algo que tardará algún tiempo en aprender. Ya sabes, vas a cometer muchos de estos errores que has hecho mucha edición, pero se hace en modo animado Y cuando presionas tabulador, terminarás en una situación horrible porque el diseño es completamente diferente. Entonces en esos casos, este tip te puede salvar, ¿verdad? Bien, otra cosa, que es esta área de trabajo. ¿Bien? Entonces este básicamente te permite manejar la sección de la animación, y luego básicamente puedes jugar eso. Y entonces básicamente se va a exportar esa parte también de la línea de tiempo. Y si estás exportando PFoE, entonces ese será el caso también Y déjeme simplemente llenarlo. Ahora mi característica favorita es si estás familiarizado con Late felt y after effects, posible que sepas en realidad que Late no admite la función de remapeo de tiempo, que básicamente se usa para ralentizar la animación o acelerarla Si un cliente solicita que una animación de 15 segundos tenga una duración de 20 segundos, debe continuar y básicamente ajustar manualmente la mayoría de cada fotograma clave. Y si estás creando algo así como una animación de interfaz de usuario de producto, es básicamente una pesadilla, y básicamente pierde mucho tiempo en las revisiones. Ahora, algo realmente encantador de R es que ahora, quiero decir, me encantan este tipo de características. Básicamente te ahorra mucho tiempo, y también me da esa perspectiva de que esto realmente se tuvo en cuenta mientras se construía la herramienta, que este tipo de características también pueden marcar una gran diferencia, y este tipo de características también pueden ayudarte a lograr diferentes resultados de animación. Por ejemplo, si estás creando animación, donde un personaje está enojado, y si quieres demostrar que el personaje se mueve rápido, no tienes que hacer básicamente toda la animación. Solo tienes que pinchar nuestro cabello en la cabeza. Sólo tienes que llegar a X. Bien. Ahora no está funcionando tal vez porque no funciona de esa manera. Sí. Pero definitivamente también puedes disminuir la velocidad. Entonces estoy seguro de eso. Y si quieres aumentar la velocidad, por cierto, puedes hacer la misma técnica en Alt click también, por cierto. Así que también puedes hacer eso. Pero digamos que tienes 100 capas animadas una tras otra, y luego una después de esa y otra después de esa, y no puedes tocarlas todas. Porque entonces la superposición de las capas básicamente va a estropearse. Entonces también puedes venir aquí y básicamente puedes bajar la velocidad. Ahora, puedes hacerlo lo que quieras, 0.1, digamos. Entonces déjame seguir adelante y mostrarte. Mira lo hermoso que se ve esto. Además, algo realmente interesante aquí sucede, que es que la velocidad de la cabeza lectora en realidad también coincide con el valor de aquí Ya sabes. Esto también es, creo, muy agradable si estás experimentando en torno a averiguar cuál debería ser el momento de la animación Entonces, en lugar de arrastrar y soltar diferentes fotogramas clave, lo que puedes hacer es básicamente reajustar el tiempo Un elemento realmente clave que hay que tener en cuenta al animar es que RIV en realidad no funciona en 24 FPS o 60 FPS Básicamente depende del dispositivo del usuario que cuánto fotograma clave pueda mostrar a ese dispositivo, y luego básicamente va a reproducir la animación a esa velocidad, lo cual es bastante interesante Entonces digamos que si hay un dispositivo que es realmente agradable y tiene 240 rebaños de visualización, entonces mostrará 240 fotogramas en ese dispositivo Si está utilizando la función de cuantización, entonces va a limitar sus fotogramas clave a lo que escriba aquí Bien. Entonces algo realmente importante a tener en cuenta también. Entonces, por cierto, podemos simplemente bajarlo a lb también. Entonces solo vamos a echar un vistazo a eso. Bien, ¿verdad? Y sucede lo mismo. Y déjame apagar los quantis y vamos a verlo. ¿Ves? Aquí vemos 12 fotogramas clave, pero la vista previa no es de 12 fotogramas clave La animación es tan suave, ¿verdad? Entonces esto es algo que puedes tener en mente. Déjame que vuelva a ser 60. Y algo realmente agradable, otra característica, que es este bucle Ahora, si idealmente trabajas usando digamos que has trabajado antes de usar Lotte, lo que sabrás es que tienes que crear la animación de bucle perfecto, y luego básicamente el desarrollador básicamente puede hacer que se reproduzca en loop para siempre. Esa parte puede ser manejada por el desarrollador. Pero si has creado la animación dentro de Drive, solo puedes hacer tu loop de composición. Y entonces la animación básicamente va a hacer un bucle para siempre. Y el desarrollador no tiene que adjuntar ningún tipo de código para eso. Algo realmente interesante otra vez, y creo que este tipo de características son realmente algo que realmente te muestra eso Quiero decir, bien, bien. Genial. Ahora, hay un dolor de cabeza menos para que el desarrollador lo maneje, ¿verdad? Bien. Y ahora tenemos el ping pong. ¿Ves? Este es el tipo de cosas para las que estoy hecho, y espero que ustedes aprendan algo. ¿Ves? Entonces este es el tipo de cosas para las que se construye RIV Entonces animación interactiva, ahora, definitivamente, no le hemos agregado ninguna interactividad porque quiero que básicamente digieras toda la nueva información Y si quieres saber qué hace una sola o una característica en particular, entonces definitivamente puedes consultar sus estudios así. También pued