Manim para principiantes: crea animaciones deslumbrantes con código

1. Introducción: Hola ahí. Muchas gracias por acompañarme en este curso. Antes de empezar, quiero tomarme un segundo rápido para introducir manim y lo que incluso es Así que lo más probable es que hayas visto animaciones como estas en Youtube. Hay un canal centrado en las matemáticas en particular llamado Three Blue, One Brown. Eso primero me hizo preguntarme sobre cómo están hechos. Y después de profundizar un poco más, resulta que el creador de este canal, Grant Sanderson, fue quien originalmente escribió el proyecto de código abierto llamado Manim ¿Qué es Num? Se trata de una biblioteca de Python que te permite crear animaciones mediante el uso de código. Y la biblioteca es una colección de código preescrito que los programadores pueden usar para codificar Es esencialmente como un modo en un videojuego. Agrega características adicionales, lo que facilita completar ciertas tareas, en este caso, crear animaciones. Lo que espero darte en este curso es un completo paquete inicial de habilidades que te permitirían comenzar a escribir código y experimentar con él tú mismo para crear impresionantes animaciones. La razón por la que comencé a aprender num fue porque pensé que las animaciones que puedes crear con él se ven muy geniales. Y tenía curiosidad si podía aprenderlo lo suficiente para poder hacer algunos geniales para mis videos de Youtube. Fue un proceso muy natural. Y una vez que sentí que sabía lo suficiente, simplemente me detuve. Ahora sé lo básico al grano para que cuando quiera crear una animación más compleja, solo pueda buscar en Google cómo hacerlo e ir de ahí. Y cuando tengo un hueco en mi línea de tiempo de edición, en lugar de buscar metraje genérico de archivo o un regalo, rápidamente puedo armar una animación enferma Lo cual creo que hace que el video sea mucho más entretenido y agradable de ver, igual que tú. También soy un principiante para hombre él y lo creas o no, apenas sé nada de Python, que es el lenguaje de programación con el que escribes el código para crear animaciones manim Lo bueno de esto es que puedes aprender Python básico y cómo escribir código. A medida que estás aprendiendo manim, no tienes que tener ningún conocimiento de programación antemano para crear estas animaciones Hay un dicho que dice que es mucho mejor aprender de alguien que está solo unos pasos por delante tuyo, pero no 1,000 pasos adelante. Porque dos principiantes pueden hablar un idioma similar y comprender mucho más los problemas y las brechas de conocimiento de los demás en comparación con un principiante y un profesor de Harvard que muchas veces asume que ya sabes muchas cosas para empezar. Mi objetivo con este curso era que fuera súper fácil para ti entender todos los conceptos desde el punto de vista de un principiante. Por eso he diseñado este curso para que sea amable con personas con diferentes niveles de experiencia. Voy a suponer que sabes muy poco o nada de codificar o crear animaciones. Así como lo hice hace un par de meses antes de empezar a aprender maná. Así que puedes sentirte libre de saltarte si algo se siente redundante. Por ejemplo, si ya sabes cómo configurar el código VS o ya estás familiarizado con la sintaxis básica de Python, no tienes que sentir la necesidad de ver toda la lección hasta el final. Lo único que necesitas para realizar este curso es una computadora y una conexión a Internet. Después de esto, podrás crear y ajustar animaciones como estas o como estas usando código Además, antes de comenzar, solo quiero agradecerles por acompañarme en este curso. Sé que hay 1 millón de cosas que podrías estar haciendo ahora mismo, así que realmente espero que valga la pena tu tiempo. Gracias de nuevo y avísame si tienes alguna duda en el camino. 2. Proyecto de clase: antes de que empecemos: Bienvenidos al curso. Va a haber bastante información, así que quiero asegurarme de que obtengas y retengas la mayor cantidad posible de ella. Lo que recomiendo para la mayoría de los estudiantes es pasar primero el curso completo para ayudar a pintar una imagen completa de cómo funciona manim Y luego volver a secciones individuales más tarde en base las cosas que sientes que te pueden perder o no entender completamente. Además, otra gran cosa sería tener un lugar donde puedas tomar notas, ya sean notas de Apple en tu teléfono, un bloc de notas o un Google Doc Durante el curso, estaré pasando por diferentes comandos que son fáciles de olvidar. Si no las usas a menudo o si no las escribes, te animo a que lo hagas. Lo más importante es que recomiendo seguir conmigo descargando Nim, configurando todo y luego copiando lo que estoy haciendo Voy a estar mostrándote animaciones que puedes replicar tú mismo Y la mejor manera de aprender es haciéndolo usted mismo. Para este proyecto de clase, quiero que crees una animación rápida, tal vez de cinco o diez segundos que creas que es genial aplicando las cosas que aprendiste durante el curso. Como dije, vamos a estar creando un montón de animaciones que puedes seguir junto con. Así que tendrás mucho material con el que experimentar, pero te animo a crear algo de tu propio navegar a través de diferentes parámetros. Formas, texto, ni siquiera tiene que tener sentido, solo haz algo que creas que se ve genial. Y una vez que hagas eso, súbelo a la galería del proyecto para que otros también puedan inspirarse en ella. Entonces, sin más preámbulos, aprendamos a instalar. 3. Cómo configurar e instalar Manim en Windows: Para instalar Mnm en Windows, primero abriré mi navegador y buscaré Instalar Mnm Estaré siguiendo la guía oficial del sitio web de la comunidad Mnm Esta guía puede cambiar en el futuro porque lo ha hecho en el pasado. Pero sin embargo, aquí a la izquierda, voy a dar clic en Instalar Mnm localmente Entonces aquí asegúrate de que Windows esté seleccionado y copia el primer comando. A continuación, iré a mi menú Inicio y buscaré Power Shell. Es esta cosa aterradora de la caja negra que vamos a usar para instalar Mnm No te preocupes, vamos a hacer todo paso a paso. Así que dentro de aquí, voy a pegar el comando y dar clic en Entrar. Después de algún tiempo aquí, dice que todo está instalado. Dice, o reinicie su shell o ejecute estos comandos para finalizar la instalación. Entonces voy a reiniciar mi Power Shell y todo debería estar bien para salir. A continuación, volveré a la guía de instalación de Mnem, y el primer paso es instalar Python Voy a copiar este comando y pegarlo en mi Power Shell. Una vez hecho esto, volveré a la guía, y el paso dos es instalar Latex, que esencialmente te permite animar diferentes fórmulas y ecuaciones con ManiM si quieres Este paso es opcional, por lo que puedes omitirlo si quieres, pero lo instalaré para tener la funcionalidad completa de Mnm Dice, Para Windows, recomendamos instalar Latex vía esto. Haré clic en el enlace Descargar, y aquí puedo hacer clic en Descargar también está hecho, iré a mi ubicación de descargas, que para mí es mi escritorio y abriré el instalador. Aceptaré los términos y condiciones y esencialmente simplemente haga clic en siguiente un montón de veces sin cambiar ninguna de las configuraciones predeterminadas. Tomará algún tiempo para instalar, y una vez hecho, podré hacer clic en Cerrar. Entonces también eliminaré el instalador porque ya no lo vamos a necesitar. Por último, tenemos el paso tres en la guía de instalación, y eso es instalar Manum Para eso, necesitaremos estos tres comandos, así que los copiaré y los pegaré en la buena idea de Power para pegarlos uno por uno en lugar de los tres al mismo tiempo, pero ignoraré mis propios consejos y pegaré de todos modos. Y porque no los pegué uno por uno, creo que tengo que volver a entrar en el último. Una vez que hago eso, empiezan a suceder cosas , y después de un tiempo, puedo ver un montón de ventajas verdes, lo que significa que ManiM se instaló Sin cerrar mi shell de energía, volveré a la guía y pegaré otro comando que verificará si mi instalación de Mnm fue exitosa Este tardará un poco, pero una vez hecho, deberías ver algo parecido a esto. Puedo ver que las dos primeras líneas dicen pasado. Eso es bueno. Es lo que queremos. Pero la tercera línea dice que falló, pesar de que ya instalamos Latex. No es bueno. Para arreglar esto, abriré el menú de inicio, entraré en todas mis aplicaciones y buscaré la carpeta MIC Tex. Aquí voy a abrir la consola MIC tex. Después buscaré actualizaciones. Aquí dice que hay actualizaciones disponibles, así que iré a la página Actualizaciones y haré clic en Actualizar ahora. Esto de nuevo va a tomar un tiempo, y una vez hecho, haré clic en Bien. A continuación, abriré PowerShell, y notarás que si intentas ejecutar el último comando que comprueba si la instalación de Manm fue exitosa, dice que no encuentra Eso es porque necesitamos navegar a la carpeta Manimations desde Es una carpeta nueva que Manm creó. Llegaremos a ello más tarde. Para ello, puedo escribir en CD significa cambiar directorio y luego Manation. También puede copiar el segundo comando de los tres comandos de la guía de instalación. Hará lo mismo. A continuación, puedo ejecutar este comando para verificar si la instalación fue exitosa. Y buenas noticias, las cuatro líneas ahora dicen pasar, lo que significa que hemos instalado Mnem con éxito Dice: ¿Te gustaría renderizar y previsualizar una escena de prueba a la que voy a decir no escribiendo N y dando clic en Enter Ahora puedo cerrar mi Power Shell y abrir mi Explorador de archivos. Y si voy al Disco C, entonces usuarios, luego mi nombre de usuario, debería ver una nueva carpeta llamada animaciones. Dentro de esta carpeta, encontraré un montón de archivos nuevos. El archivo hello dot py es un archivo Python donde podré escribir código y crear animación Mnm Entonces, en el futuro, si no pones tus archivos Python dentro de la carpeta Manimation, tu editor de código como el código de Visual Studio no entenderá el código Manims Así que cada nuevo archivo Python donde quieras escribir animaciones Mnem debe vivir dentro de la carpeta de animaciones Cuando grabé las lecciones para este curso, utilicé un método más antiguo para instalar Mnem Entonces estaré colocando mis archivos Python donde quiera en mi computadora, como mi escritorio. Pero si estás usando este método para instalar Manum, asegúrate de colocar tus archivos Python dentro de la carpeta de animaciones De lo contrario, Mnem no funcionará. Ahora el problema es que no tengo una buena manera de abrir este archivo Python. Para eso, voy a necesitar instalar un editor de código. Entonces abriré el menú Inicio y buscaré la Microsoft Store. Luego buscaré el código de Visual Studio y haré clic en Instalar. También puedes descargar e instalar el código Vas desde tu navegador como cualquier otro programa de Windows. Una vez que diga instalado, podré buscarlo y verlo en mi menú Inicio. Entonces ahora si vuelvo a la carpeta de animaciones, puedo abrir el archivo hello dot py usando Visual Studio Code. Hermoso. Pero hay un par de cosas que necesitamos configurar antes de poder empezar a crear animaciones con Mnm Cerraré la pestaña de Bienvenida, y en la parte superior, dice que Vscde no confía en la carpeta actual en la que estoy Entonces me las arreglaré y confiaré en la parte inferior. Además, puedes seleccionar la carpeta desde aquí para que no tengas que volver a seleccionarla nunca más en el futuro. A continuación a la izquierda, voy a hacer clic en este botón, que me llevará a extensiones. Buscaré Python y haré clic en Instalar. Una vez hecho, buscaré Pilanos y parece que también se ha instalado automáticamente . Solo comprobando doble. El último que voy a necesitar se llama Mnm vista lateral. Me permitirá previsualizar las animaciones que creo dentro del código VS sin tener que abrir cada archivo de animación individualmente. Después colapsaré el panel de extensiones y cerraré todas las pestañas, excepto la primera que tenga el archivo hello dot py que yo si intento ejecutar este código Python, dice que primero necesito seleccionar mi intérprete Python. Muy aterrador. Aquí quiero elegir Entrar ruta intérprete y luego encontrar. Después entraré a mi carpeta Manimation donde veré la carpeta dot V&V, significa entorno significa Voy a entrar dentro de él, luego dentro de los scripts estoy buscando Python. Una vez que lo encuentre, haré clic derecho sobre él y diré que seleccione Intérprete. Observe que en la parte inferior derecha, ya no dice seleccionar intérprete, sino que muestra la versión de mi Python y punto VNV entre paréntesis, lo que significa que estamos bien para ir Además, solo deberías tener que hacer esto una vez. Primero, seleccionaré y eliminaré todo aquí, y después diré de Mnm Import Snowflake o Esto le dirá al código VS que quiero usar Mnm para este proyecto Alternativamente, podría decir Import Mnm. Entonces ahora voy a escribir algún código para ver si mi instalación de Mnm funciona La animación de texto verificará si Mnm funciona, y la animación de texto verificará si la instalación de Latex funciona En la parte superior derecha, voy a elegir Ejecutar archivo Python, y luego dar clic en este icono aquí, que es la vista lateral de Mnem selecciono el nombre de mi escena, este aquí es el Puedes nombrar tu escena como quieras. Debería poder previsualizar mi animación a la derecha, pero no pasa nada. Si no pasa nada y su extensión de vista lateral ManiM no funciona, puede ingresar nuevamente a las extensiones, hacer clic en el icono de engranaje y elegir configuración para la extensión de vista lateral Mnm Aquí querrás cambiar la ruta predeterminada de Mnm. Voy a entrar en mi Explorador de archivos dentro de la carpeta de animaciones. Entonces iré al punto VN V, luego guión, y aquí está ManiM Así que voy a hacer clic derecho y elegir Copiar como de nuevo en código VS, voy a eliminar Mnm aquí y pegar en la ruta Quiero asegurarme de que no tengo comillas al principio y al final, así que las eliminaré. Asegúrese de eliminar las comillas. Y ahora si vuelvo y ejecuto el archivo Python, luego hago clic en el ícono de extensión de vista lateral de Mnm y elijo mi escena, puedo ver la animación reproduciendo. Hermoso. 4. Cómo configurar e instalar Manim en Mac: Instalar Mnm en MAC, primero abriré mi navegador y buscaré Instalar Mnm Estaré siguiendo la guía oficial del sitio web de Mnm Community Esta guía puede cambiar en el futuro porque lo ha hecho en el pasado, pero sin embargo, haré clic en Instalar Mnm localmente a la izquierda, luego copiar el primer comando, ocultar mi navegador, abrir el terminal y pegar el comando en Después de algún tiempo aquí, dice que todo también dice o reinicia tu shell o ejecuta estos comandos para terminar. Voy a reiniciar mi terminal y todo debería estar bien para salir. A continuación, volveré a la guía de instalación de Mnem y el primer paso es instalar Python Voy a copiar este comando y pegarlo en mi terminal. Para mí, dice que Python ya está instalado, pero para ti, puede ser diferente. Volveré a la guía y el paso dos es instalar Latex, que te permitirá animar diferentes fórmulas y ecuaciones si quieres Este paso es opcional, así que volveré a él al final del tutorial. Por último, tenemos el paso tres, y eso es instalar Mnem Para eso, vamos a necesitar estos tres comandos, así que los voy a copiar y pegar todo en el uno va a tomar un poco de tiempo, pero para mí, está mostrando no lo que se supone que debe mostrar. Debería mostrar un montón de ventajas verdes como esta si la instalación de Manum fue exitosa Si eso es lo que ves, estás listo para ir y puedes saltarte adelante en el video. Pero para mí, dice que hay un error. No se encontró PKG config. Entonces eso significa que voy a necesitar instalar PKG Config también Para instalarlo, voy a usar Homebrew. Es esencialmente un instalador grande que te permite instalar un montón de cosas a través de la terminal. Buscaré Home Brew Mac, y después de hacer clic en el primer enlace, podré copiar este comando largo que voy a necesitar para poder instalarlo. Abre otro terminal y pegarlo. Aquí me está pidiendo que escriba mi contraseña, así que lo haré y haga clic en Entrar. Entonces dice, presiona Enter para continuar, así que eso es lo que voy a hacer. Después de algo así como 10 minutos, dice que los siguientes pasos son ejecutar estos comandos en la terminal. Entonces voy a copiar estos tres comandos, pegarlos, y debería tener Home Ro instalado correctamente. Home Brew para instalar lo que necesito. El comando para eso es Brew Install PKg config. Una vez que haya terminado de instalar, diré claro para borrar el texto, y luego de vuelta dentro del tutorial de instalación de Manum, recopiaré estos tres comandos y los pegaré nuevamente en mi terminal Y después de hacer clic en Entrar, me da otro error. ¿Qué demonios? Esta vez dice error, dependencia El Cairo no se encuentra, lo que significa que también necesito eso también. Entonces cerraré esta terminal y abriré otra y una vez más, usaré Home Brew para instalar Cairo. Diré que Brew instala El Cairo. Va a hacer su magia, y después de que esté hecho, escribiré claro para borrar el texto. Una vez más, de vuelta en el tutorial de Instalación de Manum, voy a copiar estas tres líneas y pegarlas en. Y boom. Por fin puedo ver las ventajas verdes y no verificar si Mnem está instalado correctamente, iré de nuevo al tutorial, copiaré este comando y lo pegaré en Asegúrate de que diga manimaciones aquí cuando pegues esto Si no es así, vuelve a pegar esos tres comandos anteriores en el terminal. Esta vez, pensará un rato y luego escupirá esto. Dice que comprobó si nuestra instalación de Mnem está sana y por debajo, puedo ver que las dos primeras líneas dicen pasado Eso es bueno. Es lo que queremos. La tercera línea dice que falló, y eso es porque aún no instalamos Latex, el segundo paso opcional en el tutor de instalación de Mnem ahora si abro Finder y entro a mi carpeta de usuario o a la carpeta home, debería poder ver una nueva carpeta ahí llamada Una vez más, está dentro de los usuarios, tu nombre de usuario y animaciones. Si no ves este Pathbr aquí, puedes subir a ver y elegir Show Path Bar Entonces podrás ver dónde estás dentro de la estructura de tu carpeta. Entonces dentro de esta carpeta, encontraré cuatro archivos nuevos. El archivo hello dot py es un archivo Python donde podré escribir código y crear animación Mnem Entonces, en el futuro, si no pones tus archivos Python dentro de la carpeta Manimations, tu editor de código como Vas code no entenderá el código Manims Así que cada nuevo archivo Python donde quieras escribir animaciones Mnem debe vivir dentro de la carpeta de animaciones Cuando grabé las lecciones del curso, utilicé un método más antiguo para instalar ManiM Entonces estaré colocando mis archivos Python donde quiera en mi computadora como mi escritorio. Si estás usando este método para instalar Mnm, asegúrate de colocar tus archivos Python dentro de la carpeta Manimations De lo contrario, Mnm no funcionará. Pero ahora el problema es que no tengo una buena manera de abrir el archivo Python. Para eso, voy a necesitar instalar un editor de código, así que abriré mi navegador y buscaré el código de Visual Studio. Voy a entrar en la página de Descargas y en MacClick Descargar Una vez que el instalador descargue, iré a mi ubicación de Descargas y doble clic en el archivo zip para extraerlo. Una vez hecho esto, puedo eliminar la Z Voy a hacer clic en Ir y elegir aplicaciones que abrirán mi carpeta de aplicaciones. Aquí es donde quiero mover el código de Visual Studio para instalarlo en mi Mac. Una vez que esté dentro, podré encontrarlo junto a todas mis otras aplicaciones. Entonces usaré la búsqueda de Spotlight para abrirla, luego haré clic en Abrir y estamos en. Pero hay un par de cosas que necesitamos configurar antes de poder empezar a crear animaciones con Manm Cerraré todas las pestañas, y a la izquierda, haré clic en este botón, lo que me llevará a extensiones. Buscaré Python y haré clic en Instalar. Una vez hecho, buscaré Pilanos y parece que se ha instalado automáticamente, comprobando dos veces El último que voy a necesitar se llama ManiM sideview. Dejará ver las animaciones que creo dentro del código de Visual Studio sin tener que abrir cada archivo de animación individualmente. Después entraré a la carpeta de animaciones y abriré el archivo hello dot py. Aquí es donde puedo empezar a escribir código ManiM. Primero, seleccionaré y eliminaré todo aquí, y después diré de Mnm Import Snowflake o Esto le dirá a VSCode que quiero usar Mnm para Alternativamente, puedo decir Import Man. Notarás que el código Vas está subrayando a Manim porque no entiende lo que es. Ese es otro problema con el que te puedes encontrar. Para solucionar esto, entraré en la barra de búsqueda en la parte superior y escribiré el símbolo más, el símbolo de flecha doblada y luego seleccionaré Intérprete Voy a hacer clic en Python seleccionar Intérprete, y aquí quiero ingresar a los intérpretes solo tendrías que hacer esto una vez, por cierto Para encontrar este camino, volveré a mi buscador. Después en la parte inferior, haz clic derecho en la carpeta de animaciones y elige Copiar como nombre de ruta. Una vez más, si no ves esta barra en la parte inferior, entra en Ver y elige Mostrar barra de ruta. De vuelta dentro del código VS, lo pegaré y luego agregaré una barra diagonal, luego escribo punto VNV que es VENV Otra barra diagonal Bin, otra barra diagonal, y Python Una vez que haga clic en Entrar, debería ver a Mnm encenderse en verde, lo que significa que el código Vas ahora entiende lo que es Mnm La próxima vez que vuelva a abrir el archivo Python con el código Vas, debería detectarlo automáticamente. Entonces ahora voy a escribir algún código para ver si mi instalación de Mnm funciona Debería escribir el texto hola en la pantalla. En la parte superior derecha, voy a elegir Ejecutar archivo Python, y luego hacer clic en este icono, que es la extensión de vista lateral de Mnm Una vez que selecciono el nombre de mi escena, este de aquí es el nombre. Puedo llamarlo como quiera. Debería poder previsualizar mi animación a la derecha. Pero no pasa nada. No pasa nada, lo que significa que su extensión de vista lateral Mnm no funciona correctamente, puede volver a las extensiones, hacer clic en el icono de engranaje y elegir la configuración para la extensión de vista lateral Manim Aquí querrás cambiar la ruta de personal predeterminada. Eliminaré Manim luego volveré a Finder dentro de la carpeta Manimations, y una vez más, haga clic con el botón derecho en la carpeta y una vez más, haga clic con el botón derecho en Manimations aquí y copiaré como nombre de ruta Lo pegaré ahí y diré slash dot VNV que es VNV otro slash Bn, otro slash otro Cerraré la pestaña de configuración y ocultaré las extensiones. Y una vez que haga clic en el icono de Manim sideview y seleccione el nombre de mi escena, podré ver la animación que acabo de hacer Esto es solo una vista previa, y mi archivo de animación real vive junto al archivo Python donde escribí la animación. Entonces, dentro de la carpeta de animaciones, veré que algunas carpetas nuevas se generaron en, y en lo profundo de los medios, podré encontrar mi archivo de animación real. Bien. Tomó algo de trabajo, pero ya casi terminamos. Había una cosa opcional que me salté y es instalar Latex Como ya instalé Homebrew en mi Mac, también lo usaré para instalar Latex Buscaré Homebrew Install McText para encontrar el comando que necesito Y dentro de la página, aquí está el comando. Entonces abriré la terminal, pegaré, y esto llevará un tiempo. Me tomó alrededor de 15 minutos. Si por alguna razón, dice Descargar falló, haga clic en la flecha hacia arriba en su teclado, que pegará en el último comando usado y haga clic en Entrar. Esto debería reanudar la descarga después de que haya pasado un montón de tiempo, es pedirme mi contraseña. Entonces lo escribiré y haré clic en Entrar. Por último, después de aún más tiempo, dice aquí que la instalación fue exitosa. Hermoso. Solo para verificar que esté funcionando, abriré el archivo hello dot py dentro de la carpeta Manimations Por alguna razón, no abrió con Vscde. Así que voy a hacer clic derecho en mantener Opción y elegir Vscde para que siempre se abra con el código Vas Y dentro, eliminaré la última letra de la palabra texto, lo que significa que Mnm ahora usará látex para escribir este texto en lugar del texto Mnm normal Y si ejecuto el archivo Python, clic en la extensión de vista lateral Mnm y selecciono mi escena, renderiza la animación. Hermoso. 5. Cómo configurar e instalar Manim en Windows: Esta lección, te voy a mostrar cómo instalar manim. Si estás usando Windows. Podría parecer un poco aterrador porque vamos a usar el shell de poder, que es esta cosa misteriosa que usan los hackers. Pero no te preocupes, lo harás paso paso y podrás empezar a crear animaciones con manim en poco tiempo Lo primero aquí, estoy buscando en Google cómo instalar manim Y voy a usar esta guía aquí por la comunidad manim para que puedas seguirme conmigo. Ahora dice aquí que la forma más fácil instalar manim y sus dependencias es mediante el uso de un gestor de paquetes como chocolate ly o scoop. Así que vamos a instalar chocolate ly primero voy a hacer clic en él, lo que me llevará a su página. Y aquí dice que necesito hacerlo con shell de poder. Entonces voy a buscar power shell dentro de mis ventanas y luego ejecutarlo como administrador, porque dice que tengo que ejecutarlo como administrador. A continuación dice que necesito correr, obtener política de ejecución. Entonces voy a copiar eso y ponerlo en mi caparazón de poder. Y haz clic en Entrar. Y si vuelve restringido, entonces ejecuta este comando o ese comando por mí. Regresó bypass, lo que significa que no tengo que escribir esto o esto en. A continuación, ejecutemos el siguiente comando. Voy a dar click aquí para copiarlo y luego pegarlo en mi powershell Y haz clic en Entrar. Después de un poco de tiempo, aquí dice que el chocolate está listo. A continuación vuelvo a la guía de instalación de manim y voy a ver cuáles son los siguientes pasos . Y esta es una buena noticia. Manim se puede instalar vía chocolate simplemente ejecutando Choco install. Hombre, voy a copiar eso y ponerlo en mi powershell y dar clic en Entrar una vez más, aquí mismo Cuando se detuvo, presioné la letra Y en mi teclado, lo que básicamente significa que sí, y que puede seguir adelante. Aquí dice, ¿ quieres ejecutar el guión Y Sí o todos? Voy a poner en mayúscula A porque quiero instalar todos los scripts. Y luego después de hacer clic en Entrar , continúa de nuevo y ya está hecho. Ahora dice por favor reinicie lo antes posible. Entonces voy a hacer eso. Ahora que mi PC se reinició, todo está instalado. Ahora vamos a querer instalar el código VS, que es básicamente un programa que nos permitirá escribir y editar código. Escribiré el código VS en Google, luego haré clic en el primer enlace y luego presionaré descargar cuatro Windows. Una vez que lo guarde, voy a abrir lo que acabo de descargarlo y va a abrir el instalador para el código VS. Voy a aceptar el contrato de licencia después de leerlo a fondo, después voy a dar clic en Siguiente. Siguiente. Nuevamente, aquí no tengo que cambiar nada y simplemente dar clic en Siguiente. Y finalmente instalar. Hará su magia y el código VS instalará en tu computadora. Podemos dejar el código de lanzamiento visual studio verificado y hacer clic en Finalizar. Y estamos dentro. Ahora para comenzar a escribir código manum, vamos a necesitar instalar algunas extensiones dentro del código VS Básicamente puedes instalar extensiones en él, igual que dentro de tu navegador para agregar algunas características adicionales. Y hay tres a las que queremos llegar. Ampliaciones. Da clic en este icono de cuatro cuadrados la izquierda y luego escribe Python. Esa es la primera extensión que queremos. Si aparece aquí ya bajo popular, simplemente puede hacer clic en Instalar aquí sin buscar. El segundo que necesitaremos se llama pilones bajo extensiones populares, pero si no lo ves, solo puedes buscarlo Y el último que necesitamos se llama Nim Side View. Este te va a permitir ver las animaciones que creas con manim dentro del código de Visual Studio sin tener que encontrar el archivo de animación cada vez Busca eso e instala. Y eso es todo. Bueno, es broma. No es así. Hay una cosa extra que podemos instalar junto a manim que facilitará el trabajo con animaciones que tengan texto Estoy de vuelta aquí dentro de la guía de instalación y quiero instalar látex. Y recomienda que usemos este comando. Desde que ya instalamos el Gestor de paquetes Chocolate Ly. Voy a copiar esto, vuelve al administrador del shell de Windows y vuelve a pegarlo. Cuando dice, ¿ quieres ejecutar el guión? Voy a poner en mayúscula A y presionar Enter para dejar que instale todo lo que quiera instalar, y todo está hecho para que todo funcione. Entré en código VS y escribí algún código para una animación básica. Pasaremos por cómo hacer todo más tarde. Y me di cuenta de que Manim funciona una gran noticia. Pero luego probé esta cosa de bonificación que acabamos de instalar llamada Latex. Y parecía no cargar la animación. Y me dio un error diciendo que el látex falló pero no produjo un archivo de registro revise su instalación de látex. Así que utilicé el otro comando proporcionado en las instrucciones de instalación para volver a instalarlo. Esta vez parecía haber sido instalado. Pero dame otro error diciendo látex error al convertir a la salida de registro DVI anterior o al archivo de registro Pasé alrededor de 40 minutos buscando y encontré a alguien en Red It que logró resolver minuciosamente este error ellos Y por suerte, proporcionaron un comando que lo resuelve. Entonces abrí el caparazón de poder y lo pegué. Dejo el código en la descripción. Después, se resolvió el error y ahora tengo una buena instalación de manim con la que puedo empezar a crear animaciones Si estás obteniendo el mismo error que yo, puedes pegar este código dentro de tu shell de poder y se deshará de él gracias a este editor. Una vez más, así fue como instalar manim en Windows. 6. Cómo configurar e instalar Manim en Mac: Lección, te voy a mostrar cómo instalar manim si estás usando una Mac Lo primero aquí, estoy buscando en Google cómo instalar manim Y voy a usar esta guía de la comunidad manim para que puedas seguirme conmigo. Aquí dice, en aras de la simplicidad, las siguientes instrucciones. Supongamos que tienes instalado el popular Package Manager home brew. No lo tengo instalado. Así que Google para Homebrew, aquí vamos. Es el primer eslabón. Y aquí dice que para instalarlo, puedo copiar esto y pegarlo en mi terminal Mac. Golpearé esto, copiaré, abriré el terminal y lo pegaré haciendo clic en el comando V en mi teclado. Una vez que golpee Enter, instalará homebrew, lo que básicamente nos permitirá instalar manim mucho más fácil algún tiempo. Aquí dice, instalación exitosa. Lo cerraré y estoy de vuelta aquí en la guía de instalación de manim Entonces puedo copiar esta primera línea, volver a abrir el terminal, pegarlo con el comando V y presionar Enter. Una vez que instala todo. Volveré a la guía, y aquí dice que las Macs que tienen chips M una serie o posteriores también requieren de esta instalación también Puedes verificar qué chip tienes si vas al menú de Apple en la parte superior izquierda y haces clic sobre esto. Si aquí dice, Apple M algo, entonces tienes el chip de la serie M. Si dice Intel, entonces tienes un chip Intel. Lo que significa que no es necesario instalar esta cosa de bonificación. Ya que tengo el chip M one, voy a copiar esto y pegarlo también en el terminal, hacer lo suyo. Y finalmente volver a la guía de instalación. Nuevamente para pegar en el comando final y nuestra instalación num ya está terminada. A continuación voy a instalar el código VS, que es básicamente un programa que nos permitirá escribir y editar nuestro código num. Buscaré el código VS en Google, clic en el primer enlace y luego elegiré Descargar Mac Universal. Una vez descargado, puedo hacer doble clic sobre él, lo que lo extraerá del archivo zipped Después iré a ir a elegir Aplicaciones. Entonces voy a arrastrar el código de Visual Studio a la carpeta Aplicaciones, cómo instalas aplicaciones en, porque ya puedo abrirlo Antes de comenzar a escribir cualquier código dentro del código VS, vamos a querer instalar algunas extensiones. Puedes instalar extensiones en él, igual que dentro de tu navegador. Para agregar algunas características adicionales, presionaré sobre este icono de cuatro cuadrados, lo que significa extensiones. Y voy a buscar tres extensiones. El primero se llama Python, el segundo se llama pilones, y el último se llama Manim side View Una vez que hago clic en instalar en todos esos, esencialmente estoy terminado. Y hay una cosa extra que podemos instalar junto a Manim que facilitará trabajo con animaciones que tienen texto aquí dentro de la guía de instalación Y aquí en las dependencias opcionales quiero instalar latex También utiliza cerveza casera, que ya tenemos. Entonces voy a copiar esto y volver a pegarlo en la terminal. Y está instalado para asegurarse de que todo funcione. Voy a abrir el código Vis y escribir algún código para probar si el código manim funciona y si crea una animación Dejaré este código en los recursos para que puedas probarlo tú mismo. Y seguro, si ejecuto el código aquí y luego hago clic en este icono para abrir manimsideview, selecciono hola, se abre la animación que Así es como puedes instalar manim en Mac. 7. Cómo conocer el código de Visual Studio: Aquí estamos dentro del código de Visual Studio y esta lección va a ser todo acerca de conocerla. Hablaremos de atajos de teclado para ayudarte a acceder a diferentes comandos y además escribir código más rápido. Cómo crear nuevos archivos y cómo guardarlos. Esencialmente todo lo que necesitas saber para configurar tu entorno para comenzar a crear animaciones num. primero es lo primero, cada vez que abras código de visual studio por primera vez, te van a presentar una pantalla como esta. Desde aquí, puede crear un nuevo archivo, abrir un archivo ya existente y hacer muchas otras cosas. Pero también podemos hacer esto sin la ayuda de la pantalla de bienvenida. Podemos ir a Archivo y elegir Nuevo Archivo. Aquí podemos seleccionar Python File. Como vamos a estar escribiendo código manum en Python, voy a elegir eso y creó un nuevo archivo Python Ahora aún no se ha guardado, así que voy a hacer clic en el comando S para guardarlo. Y voy a ampliar esto para que pueda crear una nueva carpeta dentro de mi escritorio donde guardaré todas las cosas relacionadas con este curso. Entonces haré clic en Nueva carpeta y la nombraré Demo del curso. Y luego guardaré este archivo dentro de aquí con el nombre de manim demo. Y ahí vamos. Si entro en la carpeta de demostración del curso y hago clic derecho sobre el nuevo archivo que se ha creado abierto con y código de Visual Studio. Se abrirá dentro del código de visual studio y ahora puedo comenzar a escribir código y a crear animaciones. Cada animación que voy a crear aparecerá dentro de la carpeta demo del curso justo al lado de este archivo. Manim creará un montón de carpetas aquí donde podremos encontrar el archivo final de nuestras animaciones Otro atajo de teclado que te puede ser útil es el comando shift P en Mac o el control shift P en Windows. Y esto te permite acceder a todos los comandos disponibles en función de tu contexto actual. En términos de manum, me fue útil para un solo caso, y eso es elegir el intérprete Python Entonces voy a buscar Python y puedo ver Select Interpreter. Si hago clic en él, podré seleccionar qué versión de Python utiliza este archivo. Si tu código manum no funciona, esto puede ser un problema. Ahora, también hay algunos atajos de teclado útiles para navegar por tu código y escribirlo más rápido. Voy a abrir uno de mis proyectos Manum y luego copiar algún código de aquí y pegarlo para mostrar el atajo de teclado Además, voy a presionar comando plus en mi teclado, eso es control más En Windows para acercar, si quieres alejar, es comando o control menos. Aquí tenemos algún código del que realmente no tienes que preocuparte en este momento, pero nos centraremos en los atajos de teclado. Así que no es realmente súper rápido ni eficiente moverse por tu código con el cursor del mouse. Es mucho más rápido hacerlo con el teclado. Por ejemplo, si quiero seleccionar el texto, bien, tendría que alejar mis manos del teclado, luego levantar el mouse, moverlo por aquí y seleccionarlo. Y a veces seleccionaré un poco más de lo que quería, después tendría que hacer click lejos y luego seleccionarlo de nuevo. Es mucho más rápido hacerlo con el teclado, subir así y luego seleccionar el texto así. Y luego cambiarlo a lo que yo quiera. Veamos cómo hacer eso en Mac. Si mantiene la opción en su teclado o control en Windows y hace clic en la flecha izquierda o derecha, moverá su cursor por toda la palabra. este momento estoy sosteniendo opción y haciendo clic en la flecha derecha y salta de aquí a aquí. En vez de que yo tenga que hacerlo carta por letra. Ahora bien, si agrego shift a la opción de atajo , desplazamiento flecha derecha, ya que salta sobre esta palabra, también la seleccionará. inmediato puedo comenzar a escribir aquí y reemplazar esa palabra. Ahora con el fin de eliminar la palabra completa, en lugar de eliminar letra por letra, puede mantener la opción o control en Windows y hacer clic en retroceso, y eliminará palabra inmediatamente En lugar de tener que borrar letra por letra, lo cual es mucho más rápido. mantener el control en Windows y hacer clic la flecha izquierda o derecha saltará entre palabras, lo que es lo mismo que mantener presionada la opción en una Mac. Y haciendo lo mismo. Si agregas shift, selecciona las palabras sobre las que saltas. Ahora bien, si tienes varias líneas como esta, puedes navegar hacia arriba o hacia abajo con solo tus teclas de flecha. Digamos que quería seleccionar esta palabra marrón en lugar de buscarla con el cursor del mouse y luego seleccionarla sobre ella. Voy a mantener la opción, luego haga clic a la izquierda unas cuantas veces que unas cuantas veces. Opción de mantener, desplazar, seleccionar a la izquierda, que seleccionará toda esta palabra y el espacio. Si no quisiera incluir el espacio, me limitaría a mover un lugar por aquí y seleccionar la palabra de nuevo. Ahora puedo cambiarlo a otra cosa si estás usando una Mac. También hay un práctico atajo de teclado que salta a través toda la línea en lugar de solo una palabra a la vez. Y eso es comando y tus teclas de flecha en lugar de opción y tus teclas de flecha. Desafortunadamente, Windows no tiene esto. Por supuesto, puedes seleccionar toda la línea con comando shift y la tecla de flecha izquierda también. Si aprendes estos atajos de teclado, te será mucho más fácil navegar por el código VS y escribir código mucho más rápido. Pasemos a escribir realmente algo de código y aprender los conceptos básicos de mani. 8. Cómo configurar una escena de Manim: En esta lección, vamos a escribir las primeras líneas de código y aprender a importar manim a Python y también a crear una escena para nuestra animación Una vez que estés dentro de Manum, lo primero que vas a querer escribir es hombre importar copo de nieve Esto importará la biblioteca manim dentro de Python. Y la biblioteca es esencialmente una colección de código que facilita escribir código sin la biblioteca manim Vs code no va a entender el código que estamos escribiendo y no será capaz de generar ninguna animación. A continuación vamos a querer crear una escena, y podemos crear múltiples de estas escenas dentro de un archivo manim Vamos a clase entonces el nombre de nuestra escena que queramos. Diré demo, luego paréntesis, y la escena de la palabra con mayúscula Y luego al final, agreguemos dos puntos. Debería verse así. En Python, la capitalización es importante. Si escribo la palabra escena con letras minúsculas VS, Code inmediatamente nota que algo anda mal y subraya esta palabra Sé que tengo que venir aquí y cambiarlo a mayúsculas. Ahora, otra cosa importante dentro de Python es la sangría. Ahora mismo mi cursor de texto está justo aquí en el frente. Pero bajo la escena de demostración de clase, quiero hacer clic en Tab una vez que aumente en una sangría. Lo que esto básicamente significa es que si escribo algo aquí, vivirá bajo esto. Si lo escribí sin el guión, el código no vivirá bajo la demo de clase Además, puedes dar click aquí a esta pequeña flecha y ocultará todo lo que hay bajo esta escena. Si trabajas en varias escenas o animaciones dentro de un proyecto manum, puedes simplemente colapsar algunas de las escenas en las que no estás trabajando para tu espacio de trabajo sea más limpio y para que puedas entender lo que estás haciendo y dónde está todo mejor Voy a borrar esto. Expande esto nuevamente bajo escena. Quiero escribir def construir yo mismo y también agregar dos puntos al final Y todo esto es la preparación que necesitas hacer para comenzar a crear una escena o una animación. Esta línea de código importa la biblioteca manim a Python, Y esto de aquí mismo crea una escena dentro de la cual podremos crear nuestra animación Te darás cuenta si hago clic en devolver o Entrar, inmediatamente me da dos sangrías. Lo que básicamente significa que el código VS presionó automáticamente tabulador dos veces. Para que escriba todo mi código bajo el yo de construcción sordo. Y quiero que todo el código que escribo para mi animación de hombre esté dentro de este yo de construcción de definición Lo que significa que a veces no entenderás por qué tu código no está funcionando. Y eso es simplemente porque no tenías la sangría correcta Si es así, entiende que esta línea de código aquí mismo está bajo la escena de demostración de clase y no bajo auto de construcción sorda. Queremos que todo esté bajo auto de construcción sorda. Simplemente moveré mi cursor aquí y haré clic Tab una vez en mi teclado para volver a colocarlo en su lugar. Además, si escribes algún código y ves este punto blanco dentro de tu código VS, eso significa que este código aún no se ha guardado. Si quieres guardarlo, sube al archivo y haz clic en Guardar. O una forma más sencilla es presionar el teclado, control de acceso directo S en Windows o Comando en Mac y se guardará el proyecto. Ahora que tenemos nuestro espacio de trabajo Num preparado y hemos creado una escena, escribamos el código para nuestra primera animación. 9. Crea la primera animación: Esta lección, vamos a aprender los fundamentos de Manim. Vamos a escribir las primeras líneas del código Nim y crear una animación de texto simple Ahora que tenemos nuestra escena, movamos el cursor dentro del yo de construcción sordo y vamos crear una animación donde va a haber texto escrito en la pantalla. Voy a crear una nueva variable y luego decir que es igual al texto dentro de paréntesis y también comillas Voy a poner mi texto, voy a saludar. Entonces he asignado este texto al pie de la letra. También fíjese aquí la capitalización. El comando text comienza con la letra mayúscula. Ahora he creado este texto, pero no aparecerá dentro de nuestra animación porque queremos decirle a Python que queremos que aparezca en la pantalla. Para ello, usaremos el comando self dot play. Si quieres poner algo en la pantalla, siempre estarás usando el comando self dot play. Significa que quieres mostrar algo. Vuelvo a abrir los paréntesis y diré bien. Y dentro de sus paréntesis voy a decir esto aquí mismo básicamente determina qué tipo de método quiero usar para mostrar el caso de animación Se va a escribir el texto. Si pongo el cursor del mouse sobre este texto, dirá aquí que simulará la escritura a mano Ahora ejecutemos este código viniendo aquí, haciendo clic en esta flecha hacia abajo y eligiendo Ejecutar archivo Python. Ahora va a ejecutar este archivo, pero en realidad no pasó nada. A continuación, vamos a llegar a este icono de aquí, que es la extensión de vista lateral manum que instalamos antes Da click en él y elige el nombre de nuestra escena. Este nombre aquí mismo. Sólo tengo una escena que es la escena demo. Aquí solo veo una opción, pero después tendremos múltiples escenas que podrás elegir y tocar dentro de la vista lateral manim Si hago clic aquí, se ejecutará la animación. Verás que escribe la palabra hola. Ahora para encontrar este archivo dentro de tu computadora, vas a querer ir a donde guardaste este archivo python. Si pongo el cursor sobre el nombre, me dirá su ubicación para mí. Es bajo demo de escritorio y curso. Voy a ir a mi escritorio y dentro de curso demo voy a poder ver algunas carpetas como media y piiche me importa la carpeta media Voy a ampliar eso, luego entrar en videos, manim demo y diez ADP Y aquí puedo ver el archivo que tiene el nombre que es el mismo que mi C. Y si previsualizo este archivo, es la misma animación. Así que sólo puedo tomar este archivo de aquí y usarlo donde quiera. Ahora que hicimos nuestra primera animación simple, exploremos algunos comandos diferentes y diferentes cosas que podemos animar 10. Crea una animación de texto simple: Bien, entonces esta es la animación de texto que tenemos ahora mismo. Simplemente dice hola en texto plano en medio de la pantalla. Entonces juguemos un poco con este texto e intentemos hacerlo un poco diferente. Dentro de aquí voy a poner una coma y el espacio y el código VS automáticamente me dirán qué más puedo poner junto a él Entonces podemos ver que el objeto de texto tiene un montón de atributos diferentes que le puedo asignar. Por ejemplo, filopacidad, lo que significa cómo ver a través del texto es color, o tamaño de fuente, o interlineado, peso de fuente y muchos más atributos Por cierto, si quieres conocer diferentes atributos de un objeto, simplemente puedes hacer clic derecho sobre él y presionar ir a Definición. Se abrirá una nueva pestaña con un documento que describe lo que se puede hacer con ese objeto. Aquí si me desplazo hacia abajo, podemos ver algunos ejemplos que son los mismos ejemplos que pudimos ver cuando simplemente colocamos cursor del mouse sobre la palabra texto Puedes ver que puedes cambiar la altura, el ancho y muchos parámetros diferentes. Pero digamos que queremos cambiar el color para que sea azul. Vs code sugiere automáticamente algunos colores más. A lo mejor quiero escoger azul oscuro. Así que sólo puedo hacer clic en él e inmediatamente lo llena. Entonces digamos que quiero que el peso de este texto sea igual a negrita. También se tiene que poner en mayúscula la palabra negrita. Digamos tamaño o en realidad tamaño de fuente VS. Código automáticamente me corrigió aquí es igual a 48. Ahora voy a hacer clic en comando en mi teclado para guardar esto y re, ejecutar este código una vez más. Y lo abrió automáticamente en vista lateral num. Podemos ver ahora que el texto tiene este color azul oscuro y es audaz. Si quiero hacerlo más grande, puedo aumentar el tamaño de la fuente a algo así como 100. Hit comando, una vez más se hizo más grande. Ahora un comando más útil que probablemente vas a usar mucho es el autopeso de puntos. Esto esencialmente pausa la animación por algún tiempo. En segundos voy a decir auto peso tres, y luego voy a golpear comando en mi teclado. Y cuando se reinicie esta animación, verás que la palabra hola permanece en la pantalla por más tiempo Ese tiempo es precisamente igual a 3 segundos. Reprodujo la animación donde escribió en la pantalla y es el texto. Y luego espera 3 segundos. Después de eso, voy a decir self dot play. Y derecho, que es exactamente lo contrario del comando correcto, va a desescribir este texto Voy a presionar Comando en mi teclado una vez más para ejecutar este texto. Y escribe, se queda aquí por 3 segundos y luego lo anescribe. Voy a añadir otro comando de autopeso por 1 segundo para que puedas verlo mejor. Escribe el texto, luego espera 3 segundos y lo anescribe, y hubo una brecha al final de exactamente 1 Entonces eso es lo que puedes hacer con el texto. 11. (Windows) Cómo previsualizar animaciones sin la extensión de vista lateral de Manim: Si por alguna razón tu extensión de vista lateral Mnm no funciona y no puedes arreglarla, hay otra forma de previsualizar la animación Mnm Una vez que ejecuto mi código Python aquí abajo, puedo seleccionar el terminal Python. Después dentro de la terminal, tengo que navegar hasta la carpeta donde está mi archivo Python. La forma más fácil de hacerlo es ir a esa carpeta usando el Explorador de archivos. Así que aquí mi código Mnem está dentro del archivo hello dot Pi. Entonces seleccionaré la barra de ruta arriba y clic en Control C en mi teclado para copiar Luego de vuelta en Vascde, me aseguraré de tener seleccionada la terminal Python y decir que CD significa cambiar directorio y pegaré en la ruta que copié Una vez que hago clic en Entrar, estoy dentro de las animaciones. Lo muestra aquí. Después para previsualizar la animación, puedo escribir Manim luego menos PQL Significa calidad de vista previa baja. También puedes hacer PQH para vista previa de calidad Alta. Entonces hola punto py, que es el nombre de mi archivo Python, puedes verlo aquí arriba, y luego el nombre de la escena que quiero renderizar. Yo lo llamé demo. Y una vez que haga clic en Entrar, la animación debería abrirse en mi reproductor multimedia predeterminado. Si quieres volver a previsualizar la animación, una vez que cambies algo, no tienes que reescribir la cosa entera Si presionas la flecha hacia arriba en tu teclado , te mostrará el último comando que usaste. Puede que tengas que darle algunas veces. Lo ves, luego puedes hacer clic en Entrar y se abrirá la vista previa. Entonces así es como puedes previsualizar animaciones sin la extensión de vista lateral Mnm 12. (Mac) Cómo previsualizar animaciones sin la extensión de vista lateral de Manim: Si por alguna razón tu extensión de vista lateral Mnm no funciona y no puedes arreglarla, si esta ventana no se abre a la derecha, hay otra forma de previsualizar las animaciones Mnm Una vez que ejecuto mi código Python aquí abajo, puedo seleccionar el terminal Python. Después dentro de la terminal, tengo que navegar hasta la carpeta donde está mi archivo Python. La forma más fácil de hacerlo es ir a esa carpeta usando Finder. Así que aquí mi código Mnem está dentro del archivo hello dot Pi. Así que aquí abajo en la barra de ruta, voy a hacer clic derecho en la carpeta donde está mi archivo Python. Si no ve la barra de ruta, vaya a ver y elija Mostrar barra de ruta. Entonces, una vez que haga clic derecho en la carpeta, elegiré Copiar como ruta. Eso en código VS. Me aseguraré tener seleccionada la terminal Python y decir CD significa cambiar directorio y pegar en la ruta que copié. Una vez que hago clic en Entrar, estoy dentro la carpeta de animaciones. Aquí lo muestra. Después para previsualizar la animación, puedo escribir Manim luego menos PQL Significa calidad de vista previa baja. También puedes hacer pH para previsualización de calidad Alta. Entonces hola punto pi, que es el nombre de mi archivo Python, puedes verlo aquí arriba, y luego el nombre de la escena que quiero renderizar. Lo llamé demo una vez que hago clic en Entrar, la animación debería abrirse en mi reproductor multimedia predeterminado. Si quieres volver a previsualizar la animación, una vez que cambies algo, no tienes que volver a escribir todo. Si presionas la flecha hacia arriba en tu teclado , te mostrará el último comando que usaste. Puede que tengas que darle algunas veces. Una vez que lo veas, puedes hacer clic en Entrar y se abrirá la vista previa. Así es como puedes previsualizar animaciones sin la extensión de vista lateral ManiM 13. Importancia de las variables: Ahora, claro que no tienes que crear una variable y luego asignarle texto. Puedes poner todo este texto aquí dentro del juego propio. Por lo que diría self dot play. ¿Verdad? Y luego el texto dentro de los paréntesis Esencialmente, no asigné una variable a este texto, solo la escribí dentro del comando self dot play. Sucede lo mismo, pero la razón por la que queremos asignarlo a una variable o simplemente a una letra aleatoria es que si por alguna razón queremos por alguna razón queremos cambiar este texto en el futuro, tendremos que cambiarlo sólo en un lugar, que está aquí. En lugar de tener que ir a cada comando self dot play donde escribimos ese texto y luego cambiarlo individualmente. Simplemente es mejor asignar cosas a variables, lo que significa que podrás cambiar más fácilmente esa cosa que está dentro de la variable sin tener que cambiar esos parámetros en múltiples lugares diferentes dentro de tu código. 14. Buen recurso para aprender Manim: Entonces este es un muy buen recurso para aprender num. Es el sitio web de Manimcmunity. Puedes entrar en doctmanimtcmunity y encontrarás un muy Aquí están las instrucciones de instalación y hay un tutorial para principiantes. Si voy a tutoriales, podré ingresar a la guía Quickstart, que esencialmente me guiará a través de los conceptos básicos de Nim Además, si me he olvidado algunos comandos, puedo decir texto maanim Entonces el primer resultado de Google suele ser la comunidad manim donde podré entrar y leer sobre ese comando o ese objeto Desplácese hacia abajo, incluso voy a ver algunos ejemplos de este elemento que se está utilizando. Además, puedo hacer clic aquí para hacer este código interactivo y luego agregar algo propio. En lugar de anuncio de self dot, voy a decir self dot play right text. Si hago clic en Ejecutar, se ejecutará este código dentro del sitio web. Solo toma un tiempo hasta que se pone en marcha. Como pueden ver, he creado esta animación dentro del código del sitio web. Es un muy buen recurso para aprender mani, y experimentar con él usted mismo para ver qué hacen las diferentes cosas. 15. Crea un rectángulo: Que tenemos aquí este texto. Agreguemos algunas cosas más en la pantalla y animémoslas juntas. Primero, agregaré un cuadrado. Voy a asignar la letra a la plaza. Cuando agregué los paréntesis, el código VS inmediatamente me dice que hay un atributo que usa el cuadrado llamado longitud de vista Un ejemplo aquí es el número dos. Voy a decir que la longitud lateral es igual a, digamos tres. Y eso es todo. Ahora tengo el cuadrado, pero no va a ser agregado a mi animación porque necesito agregarlo con el comando self play. Voy a hacer clic en Entrar y decir auto play de nuevo. Puedo usar la misma forma de animarlo con el comando correcto Digamos, dentro de paréntesis, ahora mismo tengo este texto azul por aquí el cual está asignado a la letra A. Y luego estoy animando este texto en la pantalla con el comando self dot play Entonces le estoy diciendo a Manim que espere 3 segundos, que en este caso es un poco demasiado largo. Entonces voy a disminuirlo a 1 segundo. Una vez que escriba este texto en la pantalla, va a esperar 1 segundo. Y luego agregué un cuadrado. Y también animará la plaza. Veamos qué pasa. Por alguna razón, no se ejecuta porque dice que object obtuvo una longitud lateral de argumento de palabra clave inesperada. Y eso es porque lo deletreé mal. Olvidé el. Ahora si hago clic en comando, debería ejecutarse normalmente. Sí, ahí está el texto. Esperó 1 segundo y luego dibujó el rectángulo. Pero ahora el texto y el rectángulo están ambos en el centro de la pantalla. ¿Cómo nos separamos? 16. Moviendo objetos en la pantalla: Digamos eso. Quiero que el rectángulo esté a la izquierda y quiero que el texto esté a la derecha. Voy a venir aquí al texto, luego decir punto, turno, y dentro de paréntesis voy a decir bien Entonces copiaré esto y agregaré lo mismo al rectángulo, pero diré desplazarlo a la izquierda. Veamos qué pasa ahora. El texto se desplaza un poco hacia la derecha, y el rectángulo se desplaza un poco hacia la izquierda, pero todavía se superponen entre sí. Ahora la razón de eso es porque está desplazado por un solo lugar. Y eso es porque por defecto, la escena en manim está conformada por una grilla de ocho por 14 Si quieres ver esta cuadrícula, puedes decir self dot. Un anuncio de self dot es básicamente lo mismo que el juego de self dot. Pero no juega nada. Simplemente plops un elemento en la pantalla sin una animación dentro de ella. Voy a decir plano numérico con paréntesis vacíos. Ahora bien, si toco esto, podrás ver la grilla. Cambió la palabra hola por un solo cuadrado. Y desplazó este cuadrado también por un cuadrado, pero hacia la izquierda. Si vuelvo al texto, puedo decir desplazarlo a la derecha, pero por tres veces, lo que lo desplazará por tres cuadrados. Y puedo llegar a la plaza y decir turno a la izquierda, pero también por tres. Ahora bien, si toco esto, el texto está aquí y el cuadrado está aquí a la izquierda. Y también voy a agregar otro comando self dot weight al final para que pueda postular rápidamente cuando termine la animación y aún así poder verla antes de que se reinicie Pero y si quiero cambiar este texto Hola un poco hacia arriba y el rectángulo un poco hacia abajo. Puedo venir aquí y agregar una coma decir arriba veces dos. Cambiará mi texto a la derecha por tres cuadrados y luego hacia arriba por dos cuadrados, debería terminar en algún lugar aquí, dentro del rectángulo. Puedo añadir una coma y decir tiempos de inactividad uno. Lo desplazará hacia abajo por uno al cuadrado y esto es lo que obtenemos El texto está ahí arriba y la plaza está aquí abajo. 17. Cambio de parámetros de un objeto: Exploremos un poco más el atributo cuadrado. Solo proporcionamos un parámetro, longitud lateral tres, lo que la hizo de este tamaño, Pero hay algunos parámetros más que podemos elegir. Voy a borrar todo lo que tenga que ver con este texto y sólo trabajar en la plaza. No tengo que tenerlo aquí y puedo dejarlo en el centro. También eliminaré el comando shift. Ahora puedo asignar una opacidad de relleno al cuadrado, y voy a decir que es igual a 0.7 que es 70% de opacidad Phil. La opacidad básicamente significa qué tan visible es el color de relleno de este cuadrado este momento, no hay color de relleno ya que el centro del cuadrado es negro, al igual que el fondo. Y voy a decir que el color es igual al rojo. Ahora todo el cuadrado tendrá un color rojo, El contorno será completamente rojo, y el centro será 70% rojo. Si juego esto con el comando S o control en Windows, puedes ver que el contorno del cuadrado es un poco más visible que el color de relleno real. Ahora puedo bajar esto a 0.2 y así es como se verá. Simplemente se rellena con menos de ese color. Ahora para conocer algunos parámetros más, puedo hacer clic derecho sobre el cuadrado e ir a su definición, lo que abrirá la documentación para la plaza. Puedo ver que también hay un objeto para un rectángulo redondeado. Tiene un atributo de radio de esquina que puedo establecer a lo que quiera. Volveré aquí y en vez de voy a decir rectángulo redondeado también tan pronto como comencé a escribir la palabra redondeada VS código automáticamente intenté adivinar lo que quería escribir y lo sugirió por aquí. No tengo que escribir la cosa completa. Si le pegué a Tab, comencé a escribir redondo e inmediatamente me sugirió rectángulo redondeado. Y luego le pegué a Tab para rellenarlo. Agreguemos el atributo de radio de esquina, y digamos que es igual a dos y veamos qué obtenemos. Ahora he corrido este código y dice que obtuvo un argumento de palabra clave inesperado, longitud lateral. La longitud lateral no se aplica al rectángulo redondeado, lo que significa que lo eliminaré. Voy a ejecutar esto una vez más y debería funcionar. Bien, tenemos esta forma, y probablemente sea porque el radio de esquina sube a uno. Y entonces si es más de uno, se convierte en esta extraña forma. Digamos 0.1 Ahí vamos, obtenemos un bonito rectángulo con esquinas redondeadas. Si pones radio de esquina a algo por encima de uno, como diez, va a hacer una forma extraña. Si pongo uno, estoy asumiendo que sólo va a ser de forma ovalada. Sí, así es como puedes crear y experimentar con diferentes formas dentro del hombre. 18. Diferentes formas de animar algo en pantalla: Todo este tiempo he estado usando la animación correcta y básicamente escribe cosas en la pantalla. También puede escribir este rectángulo, pero hay diferentes maneras en que podemos agregar cosas en la pantalla. El siguiente que quería mostrarles se llama dibujar frontera, luego rellenar dentro de paréntesis Diré que primero dibujará el borde de la forma y luego lo rellenará con el color de relleno. Veamos cómo se ve, se ve así. La siguiente forma de animar que podrías usar se llama fade in Que básicamente simplemente se desvanecerá sutilmente en la forma. También puedes desvanecer cualquier cosa. Si digo desvanecerse, en lugar de eso se verá así. Se desvanece y luego se desvanece. A continuación, podemos pasar de una forma a otra. Voy a crear otra forma, un triángulo. Voy a establecer su opacidad de relleno 0.2 igual que el rectángulo redondeado Voy a poner su color en azul y tamaño a dos. Ahora en lugar de auto juego de puntos, voy a decir self dot add. Y voy a agregar el rectángulo, entonces va a esperar 1 segundo. Después de que termine ese segundo, voy a decir self dot play transform. Y vamos a transformarnos a partir del rectángulo que hemos asignado a la letra. Y va a transformarse de S. Y hemos asignado nuestro rectángulo a la letra t. Va a agregar el rectángulo, esperar 1 segundo, y luego transformar del rectángulo al triángulo. Me dice que tiene un tamaño de argumento de palabra clave inesperado, lo que significa que el triángulo no tiene un tamaño de atributo. Creo que tiene un atributo llamado scale, y hay que escribirlo con un punto después de los paréntesis Voy a decir que la escala es igual a dos. También voy a agregar peso propio al final y hacer que sea 2 segundos así que la animación pesa un poco. Así es como funciona el comando transform. 19. Explorar el comando self.play(): También puedes hacer es establecer la duración de una animación dentro del juego propio. Voy a añadir a y decir que el tiempo de guión bajo de ejecución es igual a tres. Lo que ahora significa que esta animación de transformación se ejecutará durante 3 segundos. Si ejecuto el código, verás que es mucho más lento. Puede agregar el atributo de tiempo de ejecución para cualquier animación. Si digo bien, también se aplicará a la animación correcta. Vio que el triángulo se desvaneció muy lentamente a lo largo de 3 segundos. También puedo hacerlo súper rápido diciendo 0.1 Ahora básicamente apareció instantáneamente Otra cosa que puedo hacer dentro del comando self dot play es agregar dos animaciones. Voy a desplazar el rectángulo redondeado a la izquierda por tres y voy a desplazar el triángulo a la derecha por tres. Ahora van a ser separados dentro del juego de self dot. Puedo decir a la derecha, que escribirá el rectángulo y luego dibujará borde, luego rellenará, lo que animará el triángulo. Así es como se ve. Se puede ver que ambas formas aparecen ahora al mismo tiempo, cada una con su propia animación específica. Una forma más de animar algo es crear en lugar de dibujar borde, luego rellenar Voy a decir Crear, que utilizará la animación create para dibujar el triángulo en la pantalla. Veamos cómo se ve eso. A medida que dibuja el contorno, también rellena el triángulo. Así es como puedes usar el comando self play para agregar cosas en la pantalla. 20. Animación 1 - Círculo: Intentemos crear una animación que se vea así. Lo que nos enseñará a agrupar diferentes formas juntas, rotar cosas, moverlas, cambiar el tamaño y sumar updators Como voy a estar guiándote a través de esta animación, te recomiendo encarecidamente que abras código VS y copies exactamente lo que hago. Voy a estar caminando por ella muy lentamente mostrando todo lo que hago paso a paso. Vas a aprender mucho más rápido haciéndolo tú mismo y arreglando los errores tú mismo en lugar de mirarme. Hazlo. Te animo a que cambies diferentes parámetros, tal vez nombras las cosas de manera diferente. Simplemente hágalo usted mismo y luego desplácese hacia atrás si algo no funcionó y copie lo que hice. Vas a aprender mucho mejor de esta manera. Puedes ver primero tenemos el texto Nim aparecer en la pantalla Así como esta forma de aquí que en realidad es solo un círculo y un cuadrado que se dibuja alrededor de ese círculo. Primero hagamos eso. Vendré a mi código VS y eliminaré todo, aparte de la escena de clase y yo de construcción sordo que necesitamos para crear la animación. Lo primero que necesitamos es un círculo en medio de la pantalla y un rectángulo que la rodee. Voy a asignar el círculo a la letra, así es más fácil recordar decir iguales y circulo con mayúscula C porque esa es la sintaxis. Entonces abriré los paréntesis, y dentro de él le daré un radio de 0.5 lo que hará que el círculo sea tan grande He abierto la animación dentro VLC para que pueda pausar y mostrársela más fácilmente El círculo va a tener un radio de 0.5 Entonces cuando lo pose, podemos ver que el círculo tiene un contorno más grueso y luego un sutil color rojo que lo está llenando. Voy a agregar otro atributo que es el ancho de trazo y decir que es igual a diez. Esto le dará al círculo este contorno más grueso. También, fuimos a colorear el círculo de rojo. Entonces voy a decir color igual rojo son algunos colores predefinidos como rojo, rojo, ABCDE, que son simplemente diferentes tonos de Y también hay rojo puro. Si quieres agregar un color personalizado, vas a necesitar un código hexadecimal de ese color. Y cada color tiene un código hexadecimal. En lugar de decir que el color es igual a algo, vamos a llegar al final del paréntesis, digamos, el color del subrayado del conjunto de períodos Y luego dentro de sus paréntesis, vamos a poner el código hexadecimal de nuestro color dentro de comillas El color blanco tiene el código Hex consiste en rojo, verde y azul. Cambiemos el color verde a ser 00 y debería darnos un magenta. Sí, el círculo ahora es magenta. Si quieres encontrar un código hexadecimal de un color, puedes conectarte, escribir color, seleccionar en Google, luego elegir el color que quieras Y aquí tendrás el código hexadecimal. Si copio el código hexadecimal de este color verde, y luego lo pego por aquí con el hashtag y re, ejecuto la escena, el círculo será de ese color. Pero dentro de nuestra animación, queremos que el círculo sea de color rojo igual al rojo. Otra cosa que quiero es el círculo sea de color rojo también. este momento, solo el contorno tiene el color que los suelos llenan opacidad y lo pondré en algo así como 0.3 Veamos cómo se ve eso aquí Dice que obtuvo una palabra clave inesperada, el color del argumento. Cometí el error y puse en mayúscula la palabra color. Voy a escribirlo con la minúscula C. A ver si eso nos da el resultado. Lo hace. Ahora el círculo es rojo y nosotros tenemos el círculo. 21. Animación 1 - Rectángulo circundante: Ahora queremos este rectángulo en el exterior y tiene estas esquinas redondeadas. Voy a asignar el rectángulo a la letra R. Otra vez, es fácil de recordar. Este rectángulo se llama rectángulo circundante. Rodeará todo lo que ponga dentro de estos paréntesis Puede ser texto o puede ser una forma. En este caso, es el círculo que voy a poner dentro de mí mismo play command. Además de dibujar el círculo, también quiero dibujar el rectángulo circundante. Voy a decir bien, que va a crear el círculo, añadir un coma. Y también derecha R, que creará el rectángulo circundante. Y si lo ejecuto, esto es lo que obtenemos. Pero este rectángulo es amarillo y no tiene esquinas redondeadas. Si hago clic dentro de los paréntesis, agrego una coma y golpeo un espacio También sugiere otras cosas que puedo introducir dentro del rectángulo circundante. Aquí puedo ver que puedo establecer un color, voy a decir color y ponerlo en azul. También, puedo ver aquí que tiene radio de esquina y eso es lo que quiero. Voy a establecer el radio de la esquina para que sea igual a algo así como 0.1 Ahí vamos. Como la animación se detiene inmediatamente, voy a agregar un comando de autoponderación al final con paréntesis vacíos Los paréntesis vacíos básicamente significan que va a esperar una cantidad de tiempo predeterminada La cantidad de tiempo predeterminada es de 1 segundo. No tengo que decir uno aquí para que espere 1 segundo. Puedo dejar estos paréntesis vacíos. Ahora bien, si toco esta animación, va a esperar 1 segundo al final. Ahora tenemos el círculo y un rectángulo rodeándolo. Pero también queremos este texto que diga manim en la parte superior de esta forma 22. Animación 1 - Coloca objetos uno junto al otro: Voy a venir aquí y asignar mi texto al pie de la letra. Es fácil de recordar. Voy a decir texto y dentro de paréntesis y comillas, voy a decir mani Ahora veamos qué pasa si toco todo. El texto, el rectángulo y el círculo, Todo está en el centro. El texto se superpone con la forma. Y quiero poner este texto encima de la forma como en esta animación. Para ello, puedo poner un punto y decir siguiente subrayado dos, va a poner este texto al lado de algo Ahora dentro de paréntesis, tengo que decir al lado de lo que quiero ponerlo. Voy a decir al lado del rectángulo, tengo que añadir a y decir en qué dirección quería ir. Voy a decir arriba. Veamos qué nos da ahora. Ahora el texto está por encima de la forma, pero en la animación, el espacio entre la forma y el texto es un poco más grande. Agreguemos otro aquí y veamos a través de la lista de cosas que podemos agregar. Una de las cosas se llama buff. Lo que significa buff es un búfer, o simplemente un espacio entre dos cosas Voy a decir buff equivale a algo así como 0.5 Ahora bien, el texto debería ser un poco más alto que antes Sí, tenemos la forma inicial animada. 23. Animación 1 - Mover objetos a coordenadas específicas: Volvamos a ver la animación y veamos qué más queremos hacer. Lo primero que me llama la atención es que el círculo se anima una manera diferente en comparación con el manim y el rectángulo Eso es porque en lugar de usar la animación correcta, utilizo el borde de dibujo, luego la animación de relleno. Ahora bien, si ejecuto esto, es exactamente lo mismo. Lo siguiente que vamos a querer hacer es hacer que ambos objetos vayan en direcciones opuestas. Así. Voy a añadir algunas líneas aquí. Ya que quiero que pase algo más en la pantalla. También voy a usar el comando self play. Ahora quiero que el texto manim termine por aquí, y quiero que esto termine por aquí Empecemos con el texto. Para animar algo que ya está en la pantalla, voy a usar el comando animate. Voy a decir t, que es el texto, porque quiero animar el texto Entonces voy a agregar un punto y decir animar. Ahora voy a agregar otro periodo y elegir el tipo de mi animación ahora mismo. Quiero trasladarlo a un lugar específico. Voy a usar el comando move underscore two. Este comando me permite mover algo a una posición específica en la pantalla. Ahora dentro de sus paréntesis, voy a añadir corchetes, corchetes como estos. No son lisos. Aquí, quiero definir las coordenadas de donde quiero que se mueva mi texto. La primera coordenada es x, la segunda coordenada es y, y la tercera coordenada es z. Escribí estas letras aquí como marcadores de posición porque en realidad debería haber números aquí Pero, ¿cómo averiguamos qué tipo de números poner aquí? Bueno, recuerda que nuestro hombre en video está conformado por una grilla. Para ser exactos, son ocho por 14. El valor x va de menos siete a siete, y el valor y va de menos cuatro a cuatro. Voy a decir temporalmente el juego propio, ¿verdad? Y plano numérico, esto es sólo para mostrar el plano numérico. También. Voy a comentar esto para que el código VS ignore este comando Si pones un símbolo de hashtag frente a algún código, resulta un comentario lo que significa que código VS simplemente lo ignora. Voy a tocar esto. Aquí está el sistema de coordenadas. Como puedes ver, está conformada por ocho por 14 cuadrados. En la animación que quiero crear, quiero mover mi texto por aquí. Voy a descomentar esto. Y digamos que se mueve a x es igual a menos cuatro. Porque aquí en el centro, todas las coordenadas son iguales a cero, lo que significa que y es igual a cero y X es igual a cero. Y también z es igual a cero. Pero no necesitamos preocuparnos por z en absoluto. Siempre lo vamos a dejar en cero. Nos vamos a centrar sólo en los valores x e y. Queremos que el texto termine en alguna parte de aquí, que son 1234 cuadrados en lugar del primer cero. Voy a decir menos cuatro. Ahora vamos a comprobar el valor y por aquí. El valor de y es igual a cero porque está en esta línea central. Voy a dejarlo como cero. Ejecutemos esta animación y veamos cómo se desarrolla. Aquí está el sistema de coordenadas y el texto se mueve hacia este lugar. Exactamente. Voy a eliminar el sistema de coordenadas para que no obstruya la vista, pero dentro de nuestra animación, también queremos que esta forma se mueva por ahí El problema es que por el momento, ambas formas son cosas separadas. Tendríamos que mover cada uno de ellos por separado, pero hay una manera de combinar a un grupo. Antes del comando de auto play, voy a venir aquí y decir que r es igual al grupo V. Y entonces qué cosas quiero poner en el grupo, quiero poner el círculo y el rectángulo circundante en un grupo. Voy a decir que se puede poner todo tipo de objetos dentro de un grupo. Gráficas de texto, diferentes formas o cualquier otra cosa. Ahora, cada vez que animo este grupo, todos los objetos que están dentro del grupo se moverán juntos Aquí voy a poner a y decir R animar. Porque quiero animar a todo el grupo. Y dije que el grupo es igual a r. quiero animar R para poner otro periodo Mueve el guión bajo dos, no olvides los corchetes. Por defecto, sus coordenadas son 000, pero quiero moverla por aquí. El valor Y no cambia porque solo lo movemos horizontalmente. Pero el valor x es exactamente lo contrario que usamos para este texto. En vez de menos cuatro, voy a decir cuatro. Y veamos cómo se ve esto. Perfecto. Ahora tenemos el inicio de esta animación. 24. RECAP - Animación 1: Hagamos una pausa por un momento y repasemos todo lo que hemos hecho hasta ahora. Primero, creamos un círculo. Le dimos un radio de 0.5 Le dimos un ancho de trazo de diez, lo que hizo que su contorno fuera un poco más grueso de lo que es por defecto. Después le dimos un color rojo, que coloreó tanto el contorno el interior del círculo rojo. Y luego le dimos una opacidad de relleno de 0.3 lo que hizo visible el relleno del círculo solo 30% Si yo fuera a decir uno aquí, el círculo sería completamente rojo, el contorno y también el interior del círculo sería completamente rojo. Vamos a deshacer eso. A continuación, dibujamos un rectángulo circundante, que es un comando que dibuja un rectángulo alrededor de un objeto elegido. El objeto que elegí fue el círculo. Por eso pongo aquí la carta, porque dije que la letra es igual al círculo. Entonces le di a este rectángulo circundante el color azul. Por eso es azul. Y le di el radio de esquina de 0.1 Por eso las esquinas de este rectángulo son un poco redondeadas. Y estos dos crearon esta forma. Entonces creé otra variable llamada y dije que es igual a este texto, este texto por aquí, dentro del texto entre paréntesis, dije manim El texto dice manim. Dije que quiero poner este texto junto a R, que es nuestro rectángulo circundante, y quiero ponerlo al lado del rectángulo y arriba. Y también aumentaron la distancia entre el texto y el rectángulo al agregar el atributo llamado buff, o un búfer de 0.5 Por eso el texto está aquí arriba, y por eso hay un espacio entre el rectángulo y el texto Pero si yo solo hiciera esto y nada más, entonces nada más habría mostrado en la pantalla. Como pueden ver, la animación es simplemente negra porque solo creé todos estos objetos y en realidad no le he dicho a Manim que quiero poner algo en la pantalla Siguiente Yo uso el comando self play. Um, que quiero poner algo en la pantalla. Yo uso la animación correcta para poner la letra en la pantalla, que es nuestro círculo. Después usé el borde de dibujo, Luego rellené animación para poner la R en la pantalla. Y R es nuestro rectángulo circundante que rodea al círculo. Nuevamente, utilizo la animación correcta para poner el texto en la pantalla. Al principio se veía así. A continuación, quería mover este texto de esta posición a esta posición. Y mover esta forma de esta posición a esta posición. Pero primero, necesitaba agrupar el círculo y el rectángulo para que se movieran juntos. Y no tengo que animarlos por separado para eso, uso el comando V group Dentro de sus paréntesis, pongo el círculo y el rectángulo Llamé a este grupo SR. Podría haberlo llamado como quiera. Podría haber puesto a Shrek aquí, lo que significaría que también tengo que poner a Shrek por Entonces quería animarlos yendo a sus posiciones al mismo tiempo Por eso no usé comandos de placa de puntos autoseparados. Pero en cambio, puse ambas animaciones dentro de un comando self dot plate. Lo que significa que ambos sucedieron al mismo tiempo. Ahora vamos a centrarnos en la primera animación. Dije animar, lo que significa que quiero animar. Recuerda, he asignado la carta a mi texto. Quiero animar el texto. Y dije que quiero moverlo a estas coordenadas. Nuevamente, nuestra pantalla se divide en coordenadas invisibles, que son ocho por 14. La coordenada central es 000. Si quiero moverlo a la izquierda, tengo que disminuir este número. Si quiero moverlo hacia abajo, tengo que disminuir la coordenada y. Si quiero moverlo a la derecha, tengo que aumentar la coordenada x. Y si quiero moverlo hacia arriba, tengo que aumentar la coordenada y. En este caso, quería trasladar este texto a esta posición. Dado que esta posición está en el eje x, eso significa que y es igual a cero. Si la coordenada x también fuera cero, se quedaría en el centro. Quiero que esté por aquí. Voy a decir menos cuatro. Lo que esto hará es mover el texto desde donde quiera que esté en la pantalla a esta posición a menos 400. Así es como se ve. Pero también quería mover ambas formas también. Pongo y luego inserté otra animación. Dije Shrek Anímate por mí. Shrek es igual a este grupo. El grupo tanto del círculo como del rectángulo. Lo que significa que ahora va a animarlos a ambos juntos. Dije que quiero moverlo a esta coordenada. Esta coordenada es opuesta a ésta. Sabía que y no cambia porque no quiero que sea mayor o menor desde el eje x. Sabía que eso iba a cambiar porque quería que se moviera horizontalmente. Y de esa manera tiene valores x positivos. Y aquí hay valores X negativos. Dije más cuatro, que son sólo cuatro. Y todo eso nos dio esta animación. 25. Animación 1 - Crea una flecha: Veamos qué pasa a continuación. Hay una flecha que va de manim a esta forma y ambos extremos de la flecha tienen la flecha Ahora agreguemos la flecha. Voy a llamar a mi flecha flecha. Y voy a decir que es igual a una flecha es esencialmente una línea. Voy a decir línea. Y luego dentro de sus paréntesis, puedo ver que tiene estos parámetros El inicio de la flecha y el final de la flecha. Y también está el buff para agregar algo de espacio, este espacio aquí mismo entre el extremo de la flecha y la forma a la que apunta la flecha dentro de la flecha Queremos especificar el inicio. Voy a decir que el inicio es igual a, digamos esto como el inicio de esta flecha. Porque podemos elegir esto como el inicio o esto como el inicio. Aquí no importa realmente, el inicio de la flecha está apuntando al lado izquierdo de esta forma. Tengo que decirle a manim que quiero que la flecha comience por el lado izquierdo de esta forma con algún valor de buff Para agregar este espacio aquí en el medio. He llamado a toda esta forma, es un grupo del círculo y el rectángulo, y es Shrek Para mí, voy a decir comienzo es igual a shrek. Entonces quiero decir Shrek. ¿Qué? Voy a usar el comando Get. Como ya he mencionado, queremos que la flecha vaya al lado izquierdo de este objeto. Ahora sólo va a ir al centro. Si toco este auto juego flecha derecha, veamos qué va a pasar. Ambos objetos se mueven. Y entonces esta es nuestra flecha. Comienza en alguna parte de aquí y apunta a un lugar aleatorio en nuestro objeto. Y ni siquiera es una flecha, es sólo una línea. Queremos decir a dónde debería apuntar. Voy a decir punto, conseguir subrayado y hay un montón de lugares que puedo conseguir de esta forma Quiero conseguir el lado izquierdo. Voy a decir izquierda. Después agregaré paréntesis vacíos. Lo que esto significa es que al inicio de la flecha, iremos al lado izquierdo de esta forma. Pero también queremos que el otro extremo de nuestra flecha vaya a esta palabra nim Voy a decir que d es igual a eso. Voy a encontrar la variable a la que he asignado mi texto, que es la letra. Voy a decir periodo, consigue esta vez quiero que apuntes al lado derecho. Voy a decir derecha y también agregar paréntesis vacíos. Esto es lo que obtenemos. Ahora, me dio un error diciendo que obtuvo una palabra clave inesperada, argumento estrella, lo que significa que accidentalmente he escrito mal la palabra inicio Voy a deletrearlo correctamente y volver a ejecutar esto de nuevo, y así es como se ve ahora Ahora mismo, esto es solo una línea y no una flecha. Porque he dicho que mi flecha es igual a línea. ¿Cómo lo convierto en una flecha? Puedo llegar al final aquí en un punto y decir agregar punta de subrayado, que agregará la punta de la flecha Veamos cómo se ve ahora. Ahora la punta de la flecha está apuntando solo a la palabra manim, lo que significa que agregó la punta al final de mi línea Porque el final de mi línea está al lado del cual está texto junto al texto. Y en el lado derecho del texto, que está justo aquí. Ahora, también quiero agregar la propina al otro lado. Entonces voy a agregar otro periodo, digamos agregar punta de subrayado Y dentro de sus paréntesis podemos ver que hay algunos atributos que podemos darle. Hay un atributo llamado al inicio del guión bajo que podemos decir verdadero o falso Voy a decir en el guión bajo inicio es igual a verdad. Nuevamente, importa la capitalización de esta palabra. Así que la verdad necesita tener una letra mayúscula. Si ejecuto esto, la flecha debería apuntar ahora a ambos objetos. Sí, pero dentro de nuestra animación, hay un espacio. Y dentro de nuestra animación, no hay espacio entre la flecha y estos objetos. Para agregar el espacio dentro de la línea aquí, dentro de sus paréntesis, puedo decir buff es igual a En este caso, voy a elegir 0.4 Veamos cómo se ve eso ahora. Perfecto. Ahora, hay un pequeño espacio entre las letras y la flecha y entre la forma y la flecha, pero notarás que dentro de esta animación, las puntas de flecha son ligeramente diferentes No son los mismos triángulos que aquí. ¿Cómo lo resolvemos? Estoy asumiendo que tiene que ver algo con este atributo tip. De nuevo, voy a dar click dentro de los paréntesis de punta. En este momento no sugería nada. Voy a eliminar estos paréntesis y añadir otros nuevos para que el código VS sugiera algo dentro de ellos. Y aquí veo que puedo escoger la forma de la punta. Cuando estaba creando esta animación, realmente no sabía qué tipo de formas de punta existen. Usé a mi buen amigo Google. Y busqué en Google cuatro puntas de flecha aquí dentro de la comunidad mutilado Puedo hacer clic dentro de la punta de la flecha y voy a ver una lista de formas de flecha que existen. Parece que aquí usé esta forma, que es esta forma en la parte inferior. Aquí se llama la punta sigilosa. Dentro de mi proyecto. Voy a volver a entrar en estos paréntesis. No sugiere nada. Nuevamente, los voy a reescribir y voy a decir punta subrayado forma Y quiero punta sigilosa, Sigilo, Ya sugiere punta sigilosa. Y veamos qué nos da eso ahora mismo. Este extremo de la flecha tiene esta forma, pero este extremo no tiene esa forma. Lo que significa que necesitamos agregar este atributo de forma de punta al otro extremo de la flecha. Entonces esta fue la primera punta y luego recordemos que agregamos la segunda punta que también hizo que la flecha tuviera la punta al inicio. Voy a dar click dentro de los paréntesis, añadir una coma y pegar en el atributo tip shape Ahora ambos extremos deberían tener el mismo tipo de punta, perfecto. 26. Animación 1 - Indica y rota comandos: Veamos qué es lo siguiente que queremos copiar el texto. Manim, saltó, se volvió naranja, y luego saltó hacia abajo. Hagámoslo. Para ello, existe una función llamada indicar y básicamente indicó este texto. También puedes indicar formas o cualquier otra cosa. Voy a decir auto play indicar con mayúscula. Después abro los paréntesis y pongo lo que quiero indicar En este caso es texto. Nuevamente, tengo la carta asignada a mi texto. Entonces voy a poner el tamaño de la indicación cuánto quiero que indique qué tan grande quiero que llegue el texto. El valor predeterminado es uno. Yo sólo quería ser un poco más grande, y voy a decir 1.5 Veamos qué nos da eso. El comienzo es el mismo y manim salta hacia arriba, pero ahora mismo es amarillo Y en la animación que queremos recrear, es naranja Lo que significa que el comando indicar tiene algunos parámetros más que puedo agregarle. Voy a agregar una coma y el espacio para que empiece a sugerirme cosas y podamos agregar el color con color Voy a decir que el color es igual al naranja. El color tiene todas las letras mayúsculas. Veamos cómo se ve. Ahora el texto es naranja. Veamos qué sigue. Esta forma hizo algunas locas raras. Vayamos cuadro por cuadro y veamos qué está pasando. Por cierto, estoy presionando en mi teclado para mover un fotograma en VLC Podemos ver que la flecha se está encogiendo de esa manera, a lo que llegaremos más adelante Pero ahora mismo, vamos a replicar lo que está haciendo la forma. Primero centrémonos en el rectángulo aquí. Está girando a la izquierda, El tamaño de la misma no está cambiando. Lo único que está pasando es está rotando para rotar algo. Podemos usar la función rotate nuevamente dentro de self play porque quiero mostrar que eso sucede en la pantalla. Voy a decir rotar. Y luego dentro de sus paréntesis voy a objetar que quiero rotar Quiero rotar el rectángulo circundante. Este rectángulo azul, que para mí es R. voy a decir R. Luego después de una coma, quiero poner un ángulo al que quiero girarlo Voy a decir ángulo en Python. Los ángulos no funcionan con grados, sino que funcionan con resplandor, lo que en términos simples significa que grados van de menos pi a pi Y pi es 3.14 algo con muchos más dígitos. Esencialmente, pi significa 180 grados. Menos pi significa -180 grados. Ahora veamos sólo el cuadrado y veamos cuántos grados queremos rotar. Es pi, parece que giró apenas 90 grados. Si digo ángulo es igual a pi, eso son 180 grados. Para obtener 90 grados, puedo dividir pi por dos, lo que significará que son 90 grados. Juguémoslo y veamos qué pasa. La forma se mueve aquí. El cuadrado gira 90 grados. Si quieres convertir grados a resplandor, puedes simplemente poner grados a resplandor en Google Y luego di que quieres 180 grados, que es el número pi, porque es 3.1 4159, quiero 90 grados, eso es pi dividido por dos, que es 1.57 algo aquí También da la fórmula a partir de la cual se pueden obtener ya sea los grados o el resplandor. De todos modos, pi dividido por dos resplandor es lo mismo que 90 grados. Ahora se gira el rectángulo, pero el círculo aquí también se hizo más grande a medida que el rectángulo giraba. Lo que significa que queremos hacer el círculo más grande medida que la animación para el rectángulo está sucediendo. que significa que vamos a poner la animación dentro del mismo comando de reproducción de puntos separados por una coma en lugar de crear una nueva animación de reproducción de puntos propios Observemos lo que le sucede al círculo. Simplemente se hace más grande a medida que gira el rectángulo. Para hacerlo más grande, vamos a usar una animación llamada scale in place dentro de su paréntesis Voy a decirle lo que quiero escalar. En este caso quiero escalar mi círculo, que es la letra para mí, voy a decir. Y luego después de una coma, necesito decir, ¿por cuánto necesito escalarlo ? En este caso, voy a escalarlo en dos ocasiones. Va a llegar a ser el doble de grande. Por supuesto, veamos cómo se ve. El rectángulo gira y el círculo se hace más grande. 27. Animación 1 - Actualizador: Volvamos a la animación y veamos qué pasa después. En realidad, no necesitamos ver qué pasa después porque no completamos completamente esta parte. Se puede ver a medida que el círculo se hace más grande, también empuja muy ligeramente la flecha hacia la izquierda. La flecha mantiene el mismo búfer, o la misma distancia entre el círculo y el punto final en nuestra animación, la flecha simplemente permanece en el mismo lugar, incluso se solapa con el círculo Para hacer eso, de alguna manera necesitamos actualizar la flecha a medida que el círculo se hace más grande. Y para eso vamos a usar una actualización. Un actualizador esencialmente va a actualizar constantemente la posición de algún tipo de elemento En este caso, queremos que la posición de la flecha se actualice constantemente a medida que el círculo se va haciendo más grande. Voy a encontrar mi flecha que está justo aquí. Y luego voy a encerrar todo esto, toda esta línea, este código de flecha dentro del actualizador El código para el actualizador es siempre subrayado, redraw, y luego voy a agregar paréntesis y decir lambda y No olvidemos agregar otro paréntesis al final para asegurarnos de que la función siempre redibujar alberga todo dentro de ella Lo que esto hará es siempre volver a dibujar la flecha. Cada fotograma que se reproduce en la pantalla, y cualquier video se compone de fotogramas. Un fotograma es esencialmente solo una imagen. Y cada video esencialmente tiene muchas imágenes diferentes solo reproduciendo rápido. Y por eso parece un video. Lo que esto hará es por cada fotograma que se genere, actualizará la posición de la flecha. En este caso, dijimos que nuestra flecha comienza en el lado izquierdo de Shrek Y Shrek para nosotros es este grupo V es el círculo y el rectángulo circundante Shrek básicamente significa toda esta forma. Lo que esto hará es por cada fotograma del video que se genere, se verá dónde está el inicio de la shrek y también dónde está el final del texto Pero el texto no se mueve, así que la flecha va a permanecer en su lugar. Pero mirará dónde están los bordes de esta forma. Según eso, volverá a dibujar la flecha por cada fotograma del video Veamos cómo se ve eso ahí. A medida que esta forma se hizo más grande, la flecha se movió hacia la izquierda. Va a ser más fácil de ver cuando hagamos la siguiente animación, que es solo esta forma moviéndose hacia el centro y la flecha haciéndose más pequeña también. Voy a hacer clic en Entrar una vez más, decir auto play. Ahora quiero esta forma, que para mi es igual a moverme en el centro. Voy a decir animar y luego mover para agregar paréntesis Y dentro de esos paréntesis, agregue corchetes. Y voy a ingresar la coordenada a la que quería moverme, en este caso el centro, que es 000. Y voy a tocar esto y ver qué pasa ahí. A medida que se mueve hacia el centro, la flecha se actualiza automáticamente y se mueve con la forma. 28. Animación 1 - Terminar: Nuevamente, analicemos cada fotograma. Lo que parece suceder ahora es el texto mani y la flecha se desvanece lentamente. Una vez que se desvanecen, el círculo comienza a hacerse más grande y el rectángulo comienza a hacerse más pequeño hasta que desaparece, así como así. Ahora el círculo es tan grande que ni siquiera podemos verlo en la pantalla. Y entonces el círculo también se desvanece a negro. Hagámoslo primero. Necesitamos el texto nim y la flecha para desaparecer. Entonces voy a decir auto play dentro de paréntesis. Voy a usar la animación fade out, que desvanece algo dentro de sus corchetes Voy a decir flecha porque quiero desvanecer la flecha. Y también quiero desvanecer el texto. Al mismo tiempo, voy a agregar otra animación de fade out. Y dentro de sus corchetes, voy a decir cuál para mí es igual a este texto. Veamos qué pasa. Noto que en la animación que queremos copiar el texto y la flecha se desvanecen un poco más rápido, es casi instantáneo Por defecto, cada comando de autoplaca se ejecuta durante 1 segundo. La duración de la animación es de 1 segundo, pero podemos cambiar eso con el comando run underscore time Y vamos a decir que es igual a 0.251 cuarto de segundo Ahora bien, si ejecuto esto, se desvanecerá mucho más rápido, casi instantáneamente Siguiente, una vez que se desvanezca, quiero que el círculo Y al mismo tiempo para el rectángulo se encoja a la nada, voy a agregar otro comando self dot plate Porque sucede después de cada ya se desvaneció. Por eso estoy usando el siguiente porque no quiero que todo se desvanezca y haga todo al mismo tiempo. Quiero que primero se desvanezca el texto y la flecha. Y sólo entonces para que el círculo se haga más grande y para que el cuadrado se encoja dentro de aquí, voy a usar otra animación llamada encoger al centro Y quiero encoger el rectángulo. Y el rectángulo para mí es la letra R. voy a decir también quiero que el círculo se haga más grande. Y ya usamos el comando scale in place, que básicamente puede escalar algo hacia arriba o hacia abajo. Voy a usar esa escala en lugar y dentro de sus paréntesis voy a poner, porque sólo quiero escalar el círculo, que para mi es la letra S. Y luego voy a decir por cuanto quiero escalarlo En este caso, quiero que la báscula sea ridícula. Entonces voy a decir 30 veces, y esto es lo que obtenemos. La flecha se desvanece y se perfecciona. Ahora lo único que queda es desvanecer este rojo en negro. Porque en la animación original, esta se desvanece a negro. Lo que significa que el círculo básicamente desaparece. Entonces voy a agregar otro comando de auto play. Porque quiero que se desvanezca a negro sólo después de que se haya escalado. Y voy a decir que se desvanecen y cuál es el círculo. Y vamos a jugarlo. Perfecto. Entonces ahora hemos copiado esa animación. 29. RECAP 2 - Animación 1 - Flecha: Permítanme retroceder brevemente un poco y explicar de nuevo lo que pasó a partir de este punto. Desde el punto en que creamos la flecha, quisimos crear esta flecha que apunte a la palabra manim y también apunte a esta forma Déjame borrar este actualizador para explicar la flecha, creamos una nueva variable y la llamamos flecha Y luego para crear la flecha, usamos el comando de línea, que esencialmente crea una línea a la que podemos agregar estos puntos finales de flecha para crear la flecha. Además, si quieres, hay un comando separado con el que solo puedes agregar una flecha. Y ya agrega la flecha sin el comando de línea. Yo solo te enseñé cómo hacerlo con el comando de línea. Si yo solo dijera R igual a flecha, y dije que el final de esta flecha es igual a Shrek acertar Y en vez de tocar esta doble flecha, yo solo toqué esta flecha, esto es lo que habríamos conseguido. En cambio, es solo la misma flecha. Dije que el final de esta flecha está en el lado derecho de esta forma. Por eso está apuntando todo el camino hacia el lado derecho. Si hubiera querido que apuntara por aquí, yo hubiera dicho que se quede a la izquierda en vez de hacerlo bien, y se hubiera visto así. Si usa el comando de flecha en lugar del comando de línea, ni siquiera necesita definir el beneficio o el espacio que separa la punta de flecha y el Se establece automáticamente. Puedes usar flecha en lugar de línea. Pero en este caso, utilicé el comando de línea y luego creé una flecha desde la línea. Además, hay otro comando llamado flecha doble, que podría haber creado la misma flecha doble. En lugar de que yo tenga que agregar una línea y luego agregar propinas al final de la línea. Pero quería mostrarte cómo hacerlo con una línea. De todos modos, he establecido el valor de buff 0.4 que le decía a la flecha que quiero que haya un poco de espacio entre un objeto al que apunta la flecha El buff es esencialmente este espacio aquí mismo, y este espacio aquí mismo, y lo he puesto en 0.4 dije que quiero que el inicio de la flecha obtenga la posición izquierda de shrek, lo que significa que obtuvo el lado izquierdo de Porque esta forma para mí es Shrek, ya que es un grupo que alberga el círculo y el rectángulo en su interior Dije que el inicio de la flecha debería apuntar a x lado izquierdo, y apunta al lado izquierdo de esta forma. A continuación, dije que quiero que apunte al final de la flecha, que para mí es mi texto. Y yo quería señalar al lado derecho de, y de hecho el otro lado de esta flecha está apuntando al lado derecho de esta palabra. Por supuesto, hay un poco de espacio porque he dicho que buff es igual a 0.4 Ahora por sí mismo, esto solo habría sido una línea porque usé un comando de línea y quería que esto fuera una flecha doble Lo que hice al final de estos paréntesis se le agregan dos puntas de flecha, una por aquí y luego la otra por aquí La primera punta de flecha, que he resaltado en este momento, esencialmente agregó una punta de flecha con la forma de la punta siendo la punta sigilosa, lo que le dio esta forma. Pero si solo agregué un tip aquí, solo habría agregado el tip al final de mi línea, que está justo aquí, apuntando a este texto. De nuevo, está justo aquí porque lo he definido para que esté justo aquí. Por eso agregué otro consejo. Y con el parámetro al inicio es igual a true. Dije que también quiero que la punta de la flecha esté al inicio también, También para ambos extremos de la flecha. Dije que quiero que la forma de punta de la flecha sea la punta sigilosa que esencialmente acaba de hacer el final de la flecha. Esta forma ¿Quién? Esa es la flecha. 30. 26 RECAP 2 Animación 1 El resto: Siguiente. Dije que quiero indicar el texto que lo hizo saltar así. Dije que quería saltar 1.5 veces. Por lo que se hace más grande en 1.5 veces. Y también dije que el color cuando salta hacia arriba debería ser naranja. Y de hecho es naranja. Voy a volver a abrirlo con VLC, para que pueda pausar mejor la animación A continuación, dije que quiero rotar, que es mi rectángulo por 90 grados pi dividido por dos es 90 grados en resplandor. Y también al mismo tiempo, quiero escalar en su lugar la letra que para mí la letra es el círculo. Quería escalar el círculo en su lugar dos veces después de que lo resaltara, girara el rectángulo y también escalara el círculo así como así A continuación, quería mover esta forma en el centro así como mover la flecha con ella. Por eso necesitaba agregar un actualizador a la flecha para que en cuanto algo se mueva que la flecha esté unida a la flecha se vaya a mover con ella también Dije que siempre vuelva a dibujar la flecha dentro de paréntesis. Dije lambda y un colon. Por supuesto, no olvides cerrar los paréntesis al final Ahora, ya que mi línea o mi flecha siempre va a estar en el lado izquierdo de la shrek, aquí mismo con el buff de 0.4 Tan pronto como esta forma se mueva o cambie su posición, la flecha siempre intentará adherirse a El inicio de la flecha siempre intentará estar del lado izquierdo de esta forma con el buff de 0.4 Lo que significa que si esta forma se mueve por aquí, la flecha también tiene que moverse para adherirse a estos parámetros Ahora para poder mover la forma, dije shrek animar, porque Shrek porque Shrek Y entonces dije pasar a 000, que es la coordenada central. La forma se movió así. Siguiente dije que quiero desvanecer la flecha y quiero desvanecer el texto. Quiero que todo eso suceda en un cuarto de segundo, el texto y la flecha se desvanecieron rápidamente Por último, dije que quiero encoger mi letra R, que es mi rectángulo, al centro, y también quiero escalar mi círculo a 30 veces, lo que hizo que saliera así. Para el final, también desaparecí el círculo, así que por eso todo se volvió este color negro al final Espero haberte explicado todo con claridad y hayas podido entender cómo funciona esta animación. Porque hemos repasado muchos de los principios de cómo rotar cosas, cómo colocar cosas en la pantalla, cómo adjuntar y cómo actualizar diferentes objetos en relación con otros objetos. Y también cómo hacer algunas animaciones simples. 31. RECAP 2 - Animación 1 - El resto: A continuación, vamos a crear una animación que se vea algo así. No es lo más bonito que he hecho en mi vida, pero nos va a enseñar algunos conceptos más importantes a hora de animar con Nim Una vez más, voy a estar pausando esta animación a medida que avanzo y vamos a intentar replicar todo Voy a colapsar mi vieja escena así haciendo clic en esta flecha de aquí. Voy a agregar algunos espacios aquí para que no obstruya lo que estamos haciendo A continuación, voy a crear una nueva escena Voy a decir clase, luego demo dos. Y escena entre paréntesis, luego un punto y coma. Y por supuesto, los sordos construyen yo y un colon. Una vez más, esta es nuestra segunda escena. Nuevamente, podemos tener múltiples escenas o múltiples animaciones dentro de un proyecto manim, dentro de un archivo Python, dentro del código VS Abre una vez más la animación y reproducirla desde el principio. Tenemos tres palabras, Hola, perro. Y las letras de la palabra perro son todas coloreadas en diferentes colores. El primero es rojo, el segundo es naranja y el último es amarillo. Para colorear letras individuales de una palabra, en lugar de asignar texto a una variable, vamos a asignar texto a un texto variable Pero sin la letra, el texto es básicamente látex. Es una de las cosas que instalamos desde el principio cuando estábamos instalando Manning Es una bestia diferente por sí sola. Y puedes crear distintas fórmulas matemáticas con él y básicamente hacer mucho con el texto. Pero sólo voy a repasar lo básico del látex porque es muy complicado. El texto funciona prácticamente igual que el texto de comando. Por ejemplo, si escribo hola ahí, perro. Y luego escribiré self play write T para animar este texto en la pantalla Y luego ejecutaré este código y elegiré demo dos. Dentro de mi manumsideview. Es más o menos lo mismo que escribir texto. Si lo cambio a texto, ¿qué pasa? Prácticamente nada. El texto es sólo un poco diferente. También voy a agregar un comando de autopeso al final y decir que debería esperar 3 segundos después de que termine la animación. Pero lo que podemos hacer con el texto es personalizar nuestro texto de varias formas diferentes e interesantes. Por ejemplo, en lugar de tener aquí solo una línea de texto, puedo poner el texto Hola, dentro de comillas. Entonces puedo agregar una coma, agregaré la palabra ahí dentro de comillas Y la palabra perro también. Esto seguirá escribiendo el mismo hola ahí, texto de perro. Pero ahora mismo, no hay, porque en realidad no agregamos ningún espacio. Si agrego un espacio después de la palabra hola y después de la palabra ahí, este texto ahora tendrá espacios. Como puedes ver, hemos separado nuestro texto en tres elementos separados y todos ellos están dentro de una variable, la que elegí. Lo que puedo hacer ahora es escribirlos individualmente. En programación, esto se llama array. Qué es una matriz en programación y lo que es esencialmente una matriz, es una variable especial. En este caso se trata de autos, que pueden contener más de un valor a la vez. Y este texto, los autos sostienen a Ford, Volvo y BMW. Una matriz contiene esencialmente múltiples valores. Y en este caso también tenemos tres valores, La palabra hola, la palabra ahí, y la palabra perro. Lo que es genial con la raza es que podemos llamar a cada una de estas cosas individuales dentro de ella una por una, individualmente. La forma de hacerlo sería decírselo a Python. ¿Con cuál de estos elementos queremos trabajar o queremos llamar, por ejemplo, dentro de esta animación? ¿Cuál de estos tres quiero escribir? Si pongo justo entiende que necesito escribir todo, pero puedo agregar corchetes y decir cero dentro de él, lo que significa el primer elemento. En programación, todo empieza desde cero. Este es el elemento número cero. Este es el elemento número uno, y este es el elemento número dos. No es el primero, el segundo y el tercero, es el 012 Si digo que quiero escribir el elemento numero cero, solo escribira el texto hola en la pantalla en lugar de hola ahi, perro. Y si ejecuto esto, solo escribe hola. Ahora, también puedo escribir el primer y el tercer elemento y saltarme el segundo. Voy a añadir una coma, digamos, ¿verdad? Diré, agregue los corchetes y diga el número dos porque recuerden que este es el segundo elemento porque parte de cero. Si juego esto, sólo va a escribir hola perro, pero falta la palabra ahí. Lo que también puedo hacer es dentro de aquí, agregar dos puntos y luego decir, desde qué elemento quiero escribir. Por ejemplo, si sólo quiero escribir estos dos elementos y excluir el tercero, en lugar de escribirlos individualmente, podría entrar en los primeros paréntesis, agregar un punto y coma y decir dos Ahora va a escribir todo desde cero hasta que el elemento 2.2 no está incluido. Escribirá el elemento 0.1 hasta que no se incluya dos. No va a escribir nuestro segundo elemento. Si ejecuto esto, debería darme hola ahí. Sí, si solo escribo uno a dos, solo debería darme el primer elemento porque el primero está incluido y el segundo no está incluido. Es esencialmente lo mismo que escribir uno. Sí, me dio el segundo elemento, que sería exactamente lo mismo que escribirlo así. Ahora se lo estoy diciendo para escribir el primer elemento. Esto es cero, este es uno. Va a escribir ahí otra vez. Así es como puedes decirle a Python que escriba un rango de 32. Animación 2 - Texto y matrices: Volvamos a nuestra animación y veamos qué hemos hecho aquí. Hay tres palabras. Hola, perro. Y la palabra perro también tiene un color. Ahora lo genial de esto es que podemos asignar diferentes colores a cada uno de estos diferentes elementos dentro de nuestra matriz. Voy a decir dos, que es la palabra perro porque 012 Entonces voy a decir que el color es igual. Y yo elegiré el rojo. Y voy a escribir el todo, todo lo que está dentro de los tres elementos. Veamos qué pasa ahora. Sólo las letras de perro se volvieron rojas. Pero en este ejemplo, quiero que cada letra tenga un color diferente. Lo que podemos hacer en cambio es separar completamente al perro en diferentes elementos y asignar un color a cada uno de esos elementos. En lugar de decir hola ahí, perro, voy a saludar ahí. D. Luego agrega a y, que ahora separaba la palabra perro. Ahora el segundo elemento se convirtió en la letra D. Si ejecuto esto, ahí solo la letra D será coloreada de rojo. Ahora quiero que la letra sea naranja y la letra amarilla. Voy a venir aquí y decir tres. Esto es 012.3 La letra es la número tres. Voy a decir color es igual a naranja y cuatro, que es el color de la letra igual al amarillo. Ahora bien, si toco esto, obtenemos el mismo texto, pero las letras de la palabra tienen cada una un color diferente. Hemos replicado lo ocurrido. 33. Animación 2 - Animar palabras diferentes por separado: Juguemos esto de nuevo y veamos si hicimos todo correctamente. Aquí el texto perro se escribe primero, y sólo entonces. Hola. Ahí apareció. En lugar de escribir todo a la vez, voy a decir juego propio. Ahora quiero escribir solo la palabra perro. Este es el elemento número cero. Este es el elemento número uno, y este es el elemento número dos. Voy a decir, abre los corchetes. Yo quería escribir desde el número dos hasta el número 34.5 hasta el número cinco Porque recordar cinco no está incluido, sólo incluirá de dos a cinco. Y aquí ni siquiera tenemos el quinto elemento. Otra forma de escribir esto es escribir dos y un punto y coma que escribirá todo desde el segundo elemento hasta el final de la matriz Ahora mismo, va a escribir la palabra perro. Si digo dos a cinco, debería pasar lo mismo. Y también debería escribir la palabra perro. Sólo voy a dejarlo así otra vez, este es el elemento número dos porque parte de cero. Este es el elemento 012, y ese es el elemento que quiero empezar a escribir. Después agrego dos puntos y defino el elemento final que no se incluirá. En este caso, tenemos el elemento número dos. Número tres. Número cuatro. Quiero que aún se incluya el elemento número cuatro. En vez de decir cuatro, voy a decir hasta cinco. Y ni siquiera tenemos el número cinco. Simplemente va a todo desde aquí hasta el final, la palabra perro. Siguiente Quiero escribir estas dos palabras. Voy a hacer clic en Enter Self Play, ¿verdad? Entonces otra vez, añadimos los corchetes, y quería escribir los elementos 0.1 todo hasta el segundo elemento, que es la letra D. Voy a decir cero a dos. Recuerda que el elemento dos no está incluido. No se incluirá la letra D. Escribirá todo desde cero hasta el elemento número dos y no incluirá el elemento número dos. Veamos qué obtenemos. Conseguimos perro y luego hola ahí. Exactamente como fue en nuestra animación que queremos replicar. 34. Animación 2 - Mover objetos a los bordes del cuadro: Veamos qué pasa a continuación. La palabra hola y ahí se dividió por la mitad. Y la palabra hola viaja a la parte superior izquierda. Y la palabra ahí viaja hacia arriba a la derecha. De nuevo, sé que necesito animar algo, por eso estoy usando el comando de juego autodidacta Apertura de los soportes. Primero, trabajemos en la palabra hola. La palabra hola es el elemento número cero. Voy a decir, abre los corchetes. Y cero, porque sólo quiero trabajar con esta palabra. Entonces voy a agregar un punto y decir animar, porque quiero animarlo Y luego agregar un punto. Y elige qué tipo de método de animación quiero usar. En este caso voy a usar el comando de borde de dos guiones bajos le dice a manim que quiero mover algo a cualquiera de los bordes de la pantalla Voy a abrir corchetes y ahora tengo que decir a qué borde quiero moverlo. En nuestra animación, el texto Hola está en el borde superior izquierdo, así que quiero moverlo arriba a la izquierda. Si quisiera moverlo por aquí, diría U R, lo que significa arriba a la derecha. Si quisiera moverlo aquí, diría D R, que está abajo a la derecha. Se vería así. Si quisiera moverlo aquí, diría D L, lo que significa abajo a la izquierda. Se vería así. Si quisiera moverlo a la izquierda, solo diría que se fue así. Ahora bien, debería moverse aquí mismo. Sí, quiero moverlo aquí. Voy a decir U L, que está arriba y a la izquierda. También voy a añadir un buffer de uno. Nuevamente, el búfer es este espacio de aquí. ¿Qué tan lejos está algo del borde? Quería estar un poco más lejos del borde, así que voy a decir una, así es como va a quedar. Se puede ver que la distancia entre los bordes aumentó porque agregué el valor de buff de uno Ahora dentro de la animación que queremos replicar, la palabra hola y allá se mueven al mismo tiempo a diferentes bordes dentro de la misma animación de auto play Voy a agregar a y decir uno porque el primer elemento es la palabra ahí, animar dos, subrayado borde dentro de paréntesis, voy a decir superior derecha buff igual a uno, porque quiero agregar el mismo valor de buff que hice al valor de buff que hice Hola. Ahora bien, si juego esto, ambas palabras se moverán a diferentes esquinas. 35. Animación 2 - Arreglar letras de texto: Ahora tenemos esto. Veamos qué debemos hacer a continuación. Las letras de la palabra perro se dividen y forman esta línea vertical en el centro. Nuevamente, algo está sucediendo en la pantalla, lo que significa que usaré el comando self play, abriré los paréntesis, y quiero animar cada una de las letras yendo a estas posiciones porque el perro de texto este momento no está centrado, en este momento no está centrado, está justo aquí a la derecha Primero, voy a trabajar en la letra D, que es la 012 El segundo elemento, voy a decir y añadir esos corchetes y decir dos animan. En este caso, en lugar del comando de dos bordes, voy a decir punto y movimiento anotar dos. Es el que tiene las coordenadas. Voy a añadir de nuevo los corchetes, y las coordenadas por defecto para cada objeto es 000, que está en algún lugar aquí en el centro de la pantalla. Ahora mirando la animación que queremos replicar. Puedo ver que todo está en el centro o mejor dicho en el eje y. Lo que significa que la coordenada x será igual a cero. Porque la coordenada x mueve algo hacia los lados. Queremos cambiar solo la coordenada y, lo que significa que queremos movernos verticalmente. En este caso, estoy trabajando en el segundo elemento, que es la letra D. Y está aquí arriba, lo que significa que necesitamos aumentar el valor y. Voy a decir algo así como dos, y esto es lo que vamos a conseguir. Sí, eso es exactamente lo que queremos. Eso, la letra D se mueve por aquí y está alineada en el centro. Pero también queremos animar la letra y la letra al mismo tiempo En nuestra animación, todo está alineado al centro. Pero ahora mismo, la carta no está en el centro. Voy a tener que animarlo también. Yo diré, abre los corchetes. Y la letra es el siguiente elemento después la letra D. Y sé que la letra D fue el segundo elemento. Voy a decir tres, porque ésta viene después de la letra D. Voy a decir punto, animar, punto, Mover subrayado dos, abrir paréntesis, y luego corchetes dentro Y voy a decir 000 que se mueva al centro exacto del marco. Veamos qué obtenemos ahora. Sí, ahora solo queda de nuevo la letra G. Quiero que la carta se mueva al mismo tiempo que las letras. Y por eso voy a animarlo dentro del mismo comando de auto play Voy a llegar hasta el final, agregar una coma y decir cuatro, porque la letra G es el cuarto elemento dentro de nuestra matriz Y voy a decir punto, animar, mover subrayado dos, mover subrayado dos, abrir los paréntesis y después los Y luego dentro de ellos, quiero que la letra esté en el centro, lo que significa que el valor X será cero. Pero entonces quiero que baje, lo que significa que el valor Y tendrá que disminuir. Lo voy a disminuir a la misma cantidad que he aumentado para la letra D. En dos, voy a decir menos dos, y luego cero para el valor Z. Veamos qué obtenemos ahora. Perfecto, todas las letras se alinean de la manera que queramos. 36. Animación 2 - Crea y coloca formas: Volvamos a la animación y veamos qué debemos hacer a continuación. Podemos ver que hay tres formas, cada una con un color diferente que aparecen fuera de cada una de las letras. Primero creemos esas formas. Primero, el rectángulo. Voy a llamar al rectángulo algo así como la letra F es igual a rectángulo. Después abre los soportes. Y quiero que el rectángulo no sea tan grande. Voy a decir que la altura es igual a uno y la anchura también es igual a uno. Bien, tenemos el rectángulo. Ahora vamos a crear un círculo, que voy a decir que es igual al círculo de la letra C. Abra los soportes. Ahora mismo, realmente no sé qué tan grande será el círculo, así que simplemente dejaré los corchetes vacíos. Por último, quiero crear este polígono que en manim se llama polígono regular Voy a asignar este a la letra y decir polígono regular, corchetes abiertos Y dentro de corchetes, puedo definir n, que es cuántas esquinas tendrá el polígono En este caso, queremos 12345, digamos cinco. Ahora mismo he creado todas estas formas. Si toco esta animación, no pasará nada porque no he tocado estas formas. La animación es la misma. Porque acabo de crear todas estas formas y no las puse en la pantalla. Voy a decir auto juego, ¿verdad? Y escribiré cada forma, el rectángulo, el círculo y el polígono. Y veamos qué pasa. No sólo cada forma es de diferente tamaño, sino que también está en el centro muerto de nuestra animación. Necesitamos mover cada forma y cambiar su tamaño para que se ajuste a la animación que queremos recrear Primero, trabajemos en la plaza. Creo que el tamaño es correcto, pero queremos que rodee la letra D. Ahora sé de antes que la letra D es el segundo elemento, 012 Aquí he animado el segundo elemento para que esté en estas coordenadas. Lo que esto significa es que puedo mover el rectángulo a estas coordenadas y estará exactamente en el mismo lugar que la letra D. Después del rectángulo, voy a decir mover dos y voy a ingresar estas coordenadas que son las mismas para la letra D, 02.0 Observe que no tengo que usar el comando move two dentro del comando self play También puedo mover algo como el rectángulo y sólo entonces mostrarlo en la pantalla. No tengo que mover algo sólo una vez, ya está en la pantalla. Puedo hacerlo de antemano, y sólo entonces puedo revelar ese objeto. Juguemos esto y veamos si el rectángulo se movió. Sí, ahora el rectángulo rodea la letra D. Trabajemos ahora en el círculo. Como podemos ver, nuestro círculo es un poco demasiado grande. Y lo que puedo hacer es definir el radio. Diré radio igual a 0.5 Sé que es 0.5 porque hice esta animación antes. Pero por defecto el radio es igual a uno. Quiero hacerlo más pequeño. Voy a disminuir el radio en un 50% y decir que es igual a 0.5 Vamos a rentar esto de nuevo y ver qué pasa. Círculo es ahora el tamaño correcto. Por último, quiero trabajar en este polígono y hacerlo más pequeño así como hacerlo rodear la letra Primero, voy a mover el polígono, diré punto. Mueve dos, abre los corchetes, y quiero moverlo a la misma posición que la letra. La letra para nosotros es 01234 es el cuarto elemento de esta matriz Encontraré donde animé el cuarto elemento, y está justo aquí. Y lo animé a estas coordenadas. Entonces voy a copiar las coordenadas y simplemente pegarlas dentro. Ahora se puede ver que accidentalmente pegué soportes dobles en cada lado Voy a borrar un paréntesis y sólo dejar un par. Ahora el polígono debería estar justo aquí, pero también queremos disminuir el tamaño del polígono, así que voy a agregar otro periodo y decir escala Y vamos a reducirlo en un 50% voy a decir 0.5 ahora. Debe ser el doble de pequeño y debe estar en esta posición. Ejecutemos todo y veamos si eso es realmente lo que está pasando. Sí, hemos replicado esto. Volvamos a ver si hay algo que nos hayamos perdido. Noté que usé una animación diferente para el rectángulo y el polígono medida que iban llegando a la pantalla Aparecían desde el centro y luego giraban hacia su lugar así. Tanto el rectángulo como el polígono, están rotando en su lugar Y en mi animación no están rotando realmente, se están escribiendo ellos mismos. Voy a cambiar la animación correcta tanto para el rectángulo como para el polígono Voy a usar spin in de la nada. Para el polígono también Spin. Y puedo hacer clic en Tab para que se autocomplete. Y ahora si ejecuto esto, todo debería girar muy bien. Sí, así que ahora hemos completado casi la mitad de la animación. 37. Animación 2 - Formas giratorias: Juguémoslo de nuevo y veamos qué más tenemos que hacer. Ahora, todos estos objetos giraban alrededor. Veamos por cuánto es esto, la primera rotación, la segunda rotación y la tercera rotación. Parece que giró 360 más 180 grados. 360 más 180, que es 540 grados. Todos rotaron al mismo tiempo, lo que significa que necesito agruparlos. Voy a venir aquí. Recuerda, no olvides la sangría. No quieres estar escribiendo el código por aquí. Quieres que todo viva bajo el yo de construcción sorda. Si pongo mi cursor aquí, automáticamente comienza a escribir desde el borde. Y no quiero que todo tenga dos indentaciones para que todo viva bajo el auto de construcción sordo Aquí quiero agrupar el rectángulo, el círculo y el polígono juntos Voy a nombrar a este grupo CP porque son estos tres juntos. Diré que esto es igual al grupo V, recuerda así es como agrupas objetos juntos. Y luego dentro de los corchetes del grupo V, diré lo que quiero agrupar F y que para mí es el ángulo directo C, el círculo, y el polígono regular Ahora tenemos al grupo, pero también queremos hacer giras animadas. Yo digo auto punto play. Y luego usaré el comando rotar. Dentro de sus soportes, puedo poner lo que quiero rotar. Aquí dice, definir un objeto. Y por cierto, objeto significa esencialmente cualquier tipo de objeto dentro de mani, simplemente se llama objeto en lugar de objeto. Voy a poner en mi grupo P porque eso es lo que quiero rotar A continuación, necesito definir el ángulo. Diré que el ángulo es igual. Y recuerda dentro de Python, no definir el ángulo en grados. Necesito definirlo en resplandor. En resplandor, 180 grados es igual al número pi, Pero no quiero rotarlo 180 grados. Dije que quiero girarlo 360 más 180, que es 540 grados. Ahora por suerte, 540 grados divididos por 180 grados es tres, y pi es 180 grados. Esencialmente, necesito rotarlo por tres pi. Aquí voy a decir pi por tres, lo que esencialmente se traduce a esta rotación tres por 180 grados, que es 540 grados. Veamos cómo se ve. Perfecto. Es lo mismo que con la animación que queremos recrear. 38. Animación 2 - Intercambiar posiciones de formas: Ahora estas dos formas, el polígono y el rectángulo, agarran cada una de las letras, y luego cambian de posición así. Hagámoslo. primero es lo primero, puedes cambiar las posiciones de dos objetos con el comando swap, digamos self dot play swap. Y luego quiero intercambiar el rectángulo con el polígono Dentro de paréntesis diré swap con el, va cual para mi es el rectángulo con el que para mi es este Y veamos qué pasa ahora, ambas intercambiadas, pero las letras aún permanecieron en su lugar, lo que significa que necesitamos agrupar cada una de las letras con su forma O alternativamente, podría simplemente hacer esto de la manera fácil y decir también intercambiar dos, que es la letra D para mí, y luego 34, que es la letra, y debería lograr lo mismo. Sí, ahora intercambia tanto el rectángulo el polígono con las letras dentro de ellos Pero yo quería mostrarte otra manera, que es agruparlos juntos. Voy a eliminar este comando de auto placa. Asegúrate de que mi cursor esté aquí haciendo clic en la pestaña dos veces. Y luego voy a tocar la animación para que se refresca. Después de que gira, quiero que la letra D se agrupe con el polígono Llamaré a P porque mi texto es la letra y el polígono es la letra Diré que eso es igual al grupo porque quiero crear un grupo. Lo primero que quiero agrupar es el polígono. Entonces voy a decir que lo segundo es la letra D. Ahora bien, de nuevo, la letra D es 012 El segundo elemento de voy a decir abre los corchetes y dentro de corchetes diré dos, que ahora agruparán este polígono con la letra D. También quiero crear otro grupo para el rectángulo y la letra G. Diré porque para mí es el rectángulo igual al grupo para el rectángulo Y después de la, quiero decir cual letra es la carta. Vendré aquí a mi texto, 01234. Es el cuarto elemento. Bajaré, diré corchetes abiertos y diré cuatro. Ahora tengo este grupo y este grupo. Ahora quiero intercambiar estos grupos. Diré self play swap y P con él debería intercambiar ambos grupos así. Perfecto. Veamos qué pasa después. 39. Seguidores de valor: A continuación hablemos de una cosa llamada rastreador de valor. Así que voy a bajar todas mis escenas que he creado anteriormente y voy a crear una nueva escena. Lo llamaré rastreadores de valor de clase y escena entre paréntesis, agregaré dos puntos enter y def construir yo Y luego voy a decir que es igual a mi rastreador de valor y dentro de sus paréntesis puedo ver que puedo poner un número, voy a poner un número diez Y lo que básicamente hace un rastreador de valor es que rastrea algún tipo de valor numérico. En realidad no se puede poner en la pantalla, funciona en segundo plano. En cambio, lo que puedes hacer es adjuntarlo a otro objeto y luego animarlo en función de cómo cambia el rastreador de valores Te voy a mostrar lo que significa todo eso. Vamos a crear un número. Diré que ese número es igual al número decimal, lo que solo básicamente significa que crea un número. Y dentro de sus paréntesis puedo decir qué tipo de número es, digamos diez Y entonces también puedo definir cuántos decimales tiene, cuántos números después del periodo. Diré num, decimales es igual a cero. No tendrá 10.00 solo tendrá el número diez. Digamos auto peso por 3 segundos. Y también vamos a jugar este número en la pantalla. Número derecho de juego automático. Veamos qué obtenemos. Ejecutaré el archivo Python y luego llegaré a la extensión de vista lateral de manio y seleccionaré la escena del rastreador de valor Una vez que se reproduce, solo obtenemos un número simple en la pantalla. este momento el número es el mismo mi rastreador de valor y no están conectados de ninguna manera. Acabo de crear el rastreador de valor y acabo de poner el número en la pantalla, pero mi objetivo aquí es crear una escena donde este número cuente 10-31 La forma de hacer esto sería crear dos números Yo diría que el número dos es igual al número decimal y voy a decir 30 y los lugares nudecimales es igual a cero Entonces vendría aquí y diría self play transform de mi primer número, que se llama número, a mi segundo número que es el número dos. Ahora esto es lo que obtenemos. Hay diez y luego solo cambia a 30. Pero y si quiero mostrar cada número que tiene que pasar por 10, 111-213-1415, el camino hasta el 30 Ahí es donde puedo usar el rastreador de valor. Voy a borrar el segundo número y también este comando de auto placa. En lugar de decir que este número decimal es igual a sólo un número, apenas diez, diré que es igual a un punto obtener valor de subrayado lo que significa que ahora este número decimal es igual a este Sea cual sea el valor que esté dentro del rastreador de valor , que en este momento es apenas diez, debería darme el mismo resultado, solo debería escribir el número diez en la pantalla. Lo hace. Lo que hice aquí es que dije que mi número es igual a un número decimal y ese número decimal es igual a cualquiera que sea el valor del rastreador de valor. Lo genial ahora es que puedo animar el rastreador de valor y el número también se animará también Dentro de mi comando self dot play. Diré uno animado, porque quiero animar porque quiero rastreador de valor cambiando a 30 Diré valor de subrayado de conjunto de período, y lo estableceré en 30 Ahora el rastreador de valor animará 10-30 Además, ahora mismo, no va a haber nada visible en la pantalla Porque como he mencionado antes, puede ver el rastreador de valor en la pantalla. Tengo que decir self dot play, ¿verdad? Y luego nuestro número. Veamos qué pasa. Todavía está el número diez y realmente no cambia 230. Y eso es porque cuando animamos el rastreador de valor, también necesitamos actualizar nuestro número Necesitamos agregar un actualizador. Recuerda, la forma más fácil de hacer esto es decir siempre subrayar redibujar, luego poner todo Luego regresa y además agrega una función lambda. Diré lambda y colon. Ahora, no importa lo que esté pasando en nuestra animación, siempre volverá a dibujar este número Diré comando S, y veamos qué pasa. El número diez aparece en la pantalla y anima todo el camino a 30 Ahora puedo aumentar la duración de esta animación diciendo que tiempo de guión bajo de ejecución es igual a algo así como cinco, que lo hará, por lo que toda la animación dura 5 segundos. Así se puede ver que cuenta mucho más lento. Eso es lo que puedes hacer con un rastreador de valor. 40. Función de tasa: Notarás que esta animación empieza un poco lenta. Entonces se acelera a medida que los números van subiendo. Y luego también se ralentiza al mismo final. Y podemos cambiar este comportamiento. Por ejemplo, si quisiera que cada número cambiara después de exactamente la misma cantidad de tiempo, podría agregar una coma aquí Digamos funk de guión bajo de tasa, que es la función de tasa es igual a las funciones de subrayado de tasa lineal de período, lo que establecerá esta animación para Y si toco esto ahora, la animación no acelerará ni disminuirá la velocidad. El tiempo entre cada número será el mismo. El ajuste por defecto no es lineal, pero es suave. Si digo suave, ahora va a empezar a contar más lento entonces se acelerará y luego se ralentizará hacia el final. Si quieres una animación lineal, solo di tasa funk es igual a las funciones de tasa y luego lineal Pero lo dejaré por defecto por ahora. 41. RECAP - Rastreadores de valor: Hagamos una pausa por un momento y veamos qué hemos hecho aquí. Primero, creamos un rastreador de valor. Y dijimos que el rastreador de valor tiene un valor inicial de diez y asignamos el rastreador de valor a uno siguiente. Agregamos un número que dijimos que es un número decimal y luego tuvimos que especificar qué tipo de número es. Dijimos que uno obtiene valor, lo que significa que este número será lo que hay dentro de estos paréntesis, obtuvo el valor de uno. Si tuviera que establecer esto en 999, el valor de este número decimal sería 999. A continuación, dijimos que el número de decimales es igual a cero, lo que significa que este número no tiene un punto. Y algunos números después del periodo. Y lo último que le hicimos a este número es agregarle una actualización. Dijimos que queremos volver a dibujar siempre este número, y esta es la sintaxis para el actualizador Hay que decir siempre subrayado, redibujar, luego poner todo dentro de corchetes, y luego agregar también lambda y un colon al principio Ahora todo aquí siempre será redibujado. A continuación, dijimos auto punto play. Justo el número en la pantalla , escribió el número diez. Y entonces dijimos auto punto jugar un punto animar. Lo que significa que queremos animar uno, que es nuestro rastreador de valor Dijimos que queremos animar este número pasando de cualquier número que sea al número 30 En este momento pasará del 999 al número 30. Dijimos que queremos reproducir esta animación a lo largo de 5 segundos. Voy a desgarrarlo y veamos si pasa del 999 al número 30 A lo largo de 5 segundos, ahí está el número 999, cambia al número 30. Ese fue el recapitulación del rastreador de valor. En las lecciones futuras, donde hablaremos ejes y de creación de gráficos en la pantalla, también estaremos usando el rastreador de valor. Podrás experimentar y jugar un poco más con él. 42. Ejes 1 - Crea un nuevo eje: Lo siguiente de lo que vamos a estar hablando es de Axis. Cómo crearlos y cómo poner diferentes funciones en esos Ejes. Nuevamente, voy a crear un espacio aquí para crear una nueva escena. Y voy a decir clase. Nombraré el eje de escena, diré escena dentro de paréntesis y agregaré dos puntos Entonces diré sordo construir yo mismo y puedo comenzar a construir mi escena. También cierra el manumcighteview. Empecemos a crear el eje. Voy a nombrar a mi eje la letra A, o en realidad sólo lo nombraré Eje. Diré que el eje es igual al eje, que es el comando que crea un eje. Entonces dentro de sus corchetes, puedo ver que hay muchas cosas que puedo definir. Lo primero que puedo definir es un rayo x. De cual numero a cual numero van a ser mis valores x. Diré que mi rango de guión bajo x es igual a. Y luego tengo que poner corchetes porque aquí van a ser dos números. Quiero que mis valores x pasen de -20 a 20. Entonces cuando agrego una coma, también puedo ver que hay un rango y Diré y rango de subrayado es igual a, de nuevo, dentro de paréntesis Y voy a decir algo como -15 a 15. Bajemos aquí, digamos auto peso, para que la animación espere un poco una vez que termine Y voy a decir auto punto play. ¿Verdad? Y eje, que pondrá mi eje en la pantalla. Ejecutemos el archivo python y reproduzca nuestra escena anterior. Entonces lo que puedo hacer es hacer clic en este icono de cámara, lo que me permitirá cambiar una escena diferente. Quiero tocar la escena llamada eje. Simplemente voy a hacer clic en él y se va a generar. Podemos ver que creó el eje. Los valores x van de -20 a 20, y los valores y van de -15 a 15. Si quiero ver estos números en el eje, puedo llegar al final de un punto y decir agregar coordenadas de subrayado, lo que agregará coordenadas También tengo que proporcionar paréntesis vacíos. Como con todo lo demás, volvamos a ejecutar esto. Y debería tener números en cada punto aquí. Sí, hay números. Se puede ver que aquí está un poco abarrotada, pero va de -15 a 14 y de -20 a 20, que es lo que dijimos aquí Voy a quitar las coordenadas para que todo sea más fácil 43. Hachas 1 - Poner cosas dentro de los hachas: A continuación, agreguemos algo a estos ejes, porque ahora mismo están vacíos, voy a crear un triángulo. Diré que tr es igual a mi triángulo. Y voy a decir que mi triángulo está escalado a 0.3 Va a ser bastante pequeño Ahora he creado el triángulo, pero va a ser justo aquí en el centro. Y realmente no tiene ninguna relación con el eje porque no dije que debiera vivir en algún lugar del eje. A continuación, hagámoslo. Diré tri, que es mi triángulo Mover subrayado dos dentro de los paréntesis Quiero decir a dónde quiero que se mueva. Para mover algo al eje, primero hay que decir el nombre del eje para mí, es éste de aquí. Eje. Entonces decir periodo dos, que creo que significa coordinar a punto o algo así. Y luego dentro de paréntesis, hay que decir a qué coordenada querías ir, cuál por supuesto tiene el valor x e y Nuestros valores x van desde -22 20, desde -22 20 por aquí Y nuestros valores y de -15 a 15, -15 aquí, y 15 aquí. Digamos que quiero poner mi rectángulo en algún lugar por aquí. Diré que mi valor x es igual a algo así como menos siete y mi valor y a algo así como diez. Ahora he creado el triángulo y luego lo moví a este punto de las coordenadas. Por supuesto, también necesito ponerlo en la pantalla. Voy a decir auto punto play, ¿verdad? Y triángulo, que animará el triángulo. Así es como se ve. El triángulo aparece exactamente en este lugar. Ahora digamos auto peso y crear otra cosa. Voy a crear un punto. Voy a llamarlo punto. Y decir que mi punto es igual a punto con paréntesis vacíos O le puedo asignar algo así como un color. Diré que colorea el punto rojo. A continuación, quiero tocar el punto para ver dónde está en la pantalla. Diré auto play, crea punto, solo para mezclarlo. Ahora mismo, el triángulo está aquí. Nuestro punto está justo ahí en el centro. Digamos que quiero trasladar este punto a algún lugar por aquí. Diré punto, punto, Mover guión bajo dos. Entonces dentro de paréntesis, de nuevo, tengo que decir ¿cuál es el nombre de mi eje? En este caso es solo eje. Entonces voy a decir punto a dentro de sus paréntesis, tengo que definir las coordenadas Diré algo como x es igual a siete e y es igual a menos diez, que es exactamente lo contrario de mi triángulo. El punto debería moverse a algún lugar por aquí. A ver si eso es lo que realmente sucede. Ahí está el eje, ahí está el triángulo. Después está el. En el centro. Y luego salta por ahí. Ahora bien, ¿por qué salta ahí y por qué no se mueve ahí? Eso es porque acabo de decir que se muden a allá. No le dije a Python que animara nada. Si quiero animar algo, tengo que usar el comando self dot play en el frente Diré auto juego de puntos. Después entre paréntesis y decir punto. Un movimiento animado al eje. Ahora bien, en lugar de saltar por ahí, debería moverse ahí amablemente. Vamos a ejecutar esto. Ahí está el sistema de coordenadas. Ahí está el triángulo. El punto aparece aquí y luego se mueve amablemente a eso. 44. Hachas 2 - Personalizar ejes: Bien, entonces aprendamos a hacer estos ejes un poco más hermosos y experimentemos con otras cosas que puedes hacer con ellos. Nuevamente, voy a crear otra escena llamada eje de clase dos y luego diré escena dentro de los paréntesis Siguiente Diré que los sordos construyen yo mismo y puedo empezar a construir mi escena. Nuevamente, voy a crear mi eje. Diré que el eje es igual a los ejes. Y luego tengo que definir el rango X y el rango Y. Mi rango X va a ser de menos uno a diez, y mi rango Y también va a ser de menos uno a diez. Pero veamos qué otras cosas podemos definir. También podemos ver que hay una x longitud y una longitud y. Esto define esencialmente cuánto tiempo está nuestro eje en la pantalla. Recuerda que la pantalla en nim está conformada por ocho por 14 cuadrados Si digo que mi x longitud es mayor que 14, no encajará en la escena. Pero si digo que es igual a cinco, no va a ocupar toda la escena. Digamos que x longitud es igual a 13. Recuerden que si le dijera 14, saldría de límites Y digamos que y longitud es igual a cinco. Entonces claro, digamos auto peso 3 segundos. Y auto jugar y escribir el eje en la pantalla. Veamos qué obtenemos. Esta es nuestra escena anterior. De nuevo, puedo dar click sobre este icono de cámara para elegir una escena diferente. Y quiero tocar la escena llamada Eje dos. Voy a hacer clic en eso, y dice que obtuvo un argumento de palabra clave inesperado y length. que significa que probablemente escribí mal la longitud de la palabra, y la longitud del guión bajo, y ahora debería estar bien Sí, aquí están nuestras coordenadas. Ahora una cosa que no me gusta son estas flechas al final. A ver si podemos quitarlos. Voy a añadir otro coma y ver si hay algo que ver con estas flechas. Puedo ver que aquí hay consejos, que estoy asumiendo. ¿Estos consejos están por aquí? Por defecto dice verdad. Si digo propinas iguales a falsas, estoy asumiendo que estas flechas deberían desaparecer. Y sí, ya no tenemos más flechas. A continuación, también lleguemos al final del eje y digamos coordenadas de subrayado de período, que agregarán coordenadas Y también podemos decir punto, establecer el color del guión bajo, y pongámoslo en azul Vamos a agregar coordenadas a estos ejes y también hacer que todo el asunto sea azul. Ahí está. 45. Hachas 2 - Añadir etiquetas de hachas: Otra cosa que quizás quieras hacer es agregar etiquetas a estos ejes. Por ejemplo, quiero decir que este es el eje y y quiero decir que este es el eje X. Puedo crear etiquetas como cualquier otra variable. Diré que x es igual al periodo del eje, obtener guión bajo x etiqueta de guión bajo del eje Así es como se obtiene la etiqueta de estos ejes. Entonces dentro de paréntesis puedo decir dentro de comillas lo que quiero nombrar al eje Voy a nombrar el eje x, X. Entonces puedo copiar esto. en esto, y en lugar de obtener la etiqueta del eje X, puedo decir obtener la etiqueta del eje y y también nombrar el eje y. Pero ahora mismo, ambos están asignados a la misma letra X. Voy a cambiar esto a Y además de tocar el eje, puedo decir escribir x y luego escribir y, que escribirá las etiquetas del eje así como el propio eje. Voy a tocar esto y veamos qué pasa. Ahí está. Nuestros ejes tienen nombres. Este es el eje Y y este es el eje x. 46. Hacha 2 - Crea un punto con una etiqueta: A continuación, agreguemos algunos espacios y creemos algo sobre estos ejes. Nuevamente, voy a crear un punto. Diré punto es igual a hacer. Volvamos a hacer rojo el color de este punto para que podamos verlo mejor. Voy a mover este punto. Mueva el guión bajo dos, el eje dos Dentro de corchetes, puedo definir las coordenadas donde quiero mover este punto. Digamos que lo quiero en algún lugar por aquí, lo que significa que el valor x es igual a tres y el valor y es igual a uno. Diré 31. Ahora, un punto rojo debería aparecer por aquí cada vez que lo juego en la pantalla. Ahora vamos a nombrar también este punto. Agreguemos una etiqueta para ello. Diré que la etiqueta de subrayado de punto es igual al texto. Y yo sólo nombraré el punto, la palabra punto. Diré que el tamaño de fuente de este texto es igual a algo así como 24. Y voy a decir que este texto es el siguiente subrayado dos. Y dentro de nuestros corchetes voy a decir punto porque quiero que esté al lado del punto. Y luego después del coma puedo decir a dónde quiero que vaya, quiero que la etiqueta esté arriba. Nuevamente, dije que la etiqueta de punto es igual a este texto, y dije que quiero que este texto esté al lado del punto, que es este punto para mí de aquí, y quiero que esté arriba. Juguemos todo. Diré auto juego de puntos. Vamos a escribir la etiqueta de punto. Y también escribe el punto en sí. Ahí están los ejes y ahí está el punto. Se puede ver que tiene una etiqueta encima, y es esta etiqueta de aquí. Y el punto apareció exactamente en estas coordenadas, x es igual a tres e y es igual a uno, que es donde lo ponemos con este comando. 47. Hachas 2 - Animar una etiqueta de puntos dentro de los ejes: Déjame hacer esto más pequeño para que puedas ver más del código. Ahora digamos que queremos animar este punto para que se mueva de esta posición a algún lugar por aquí Pero también queremos que se mueva con la etiqueta, lo que ahora significa que o bien tenemos que poner ambos en un grupo, o podemos agregar un updtor a este texto para que siempre vuelva a dibujar este texto a medida que el punto se mueve a lo largo del Tomemos la ruta más difícil, y hagámoslo con un actualizador Queremos que este texto se actualice siempre a medida que se mueve el punto. Pero primero, tenemos que decirle al punto que se mueva. Di auto juego de puntos. Y luego quiero animar el punto. Diré punto periodo animar movimiento subrayado dos De nuevo, quiero moverlo a un específico de estos ejes La sintaxis para eso es primero el nombre del eje, eje periodo dos. Y luego dentro de corchetes, puedo decir a dónde quiero que se mueva. Diré que el valor x es igual a nueve y el valor y es igual a seis. Deberías mudarte a algún lugar por aquí. Ahora bien, si toco esto, el punto debería moverse, etiqueta aún debería permanecer en el mismo lugar. Sí. Ahora queremos que la etiqueta siga el punto también. Voy a llegar a la etiqueta y después del signo igual, voy a decir siempre subrayado, redibujar, luego poner este texto dentro de paréntesis, y luego voy a venir aquí y decir lambda y dos Ahora la etiqueta siempre será redibujada para estar al lado de nuestro punto Ahora bien, si toco esto, la etiqueta también debería seguir el punto. Ahí está el punto y se mueve con la etiqueta. Muy bonito. Nuevamente, una forma más fácil hacer esto habría sido simplemente crear un grupo. Digamos que es igual al grupo V. Y luego poner tanto la etiqueta de punto la etiqueta de punto dentro de ese grupo. Y entonces en lugar de animar el punto, solo habríamos necesitado animar a todo el grupo Lo que habría hecho que el punto se moviera con la etiqueta. Pero elegimos el hardware. 48. Eje 2 - Animar ejes y limpiar actualizadores: Ahora digamos que quiero poner algo más en la pantalla, y quiero que todo esto se encoja. Quiero que estos ejes terminen en algún lugar por aquí en la pantalla. Quiero encogerlo todo. Para ello, también voy a necesitar poner todo dentro de un grupo. Diré grupo es igual al grupo V deletreé el grupo V mal. Grupo V, por cierto significa grupo de vectores. Después dentro de paréntesis, quiero poner todo primero Tengo el eje, después tengo las etiquetas del eje, que para mí es x e y. Diré x, y. Entonces tengo el punto y la etiqueta de punto. Diré etiqueta de punto, subrayado. Todo lo que puedes ver en la pantalla está dentro de este grupo que puedo animar juntos. Vamos a animarlo. Diré auto juego de puntos dentro de paréntesis. Diré que el grupo sí anima porque todo está dentro del grupo Y voy a decir escala de periodo a 0.3 Escalará esto al 30% pero escalará todo al centro. Y dije que quiero mover el eje en algún lugar de la parte superior izquierda, digamos punto, mover subrayado dos Y las coordenadas por defecto son 000, lo que significa que el objeto está en el centro. Digamos que quiero moverlo a menos tres e y es igual a dos, lo que desplazará todo el sistema de coordenadas menos tres cuadrados del centro de aquí, dos cuadrados, a algún lugar por aquí. También podría lograr más o menos lo mismo usando el comando two edge. En lugar de pasar a las coordenadas, podría decir dos subrayados borde y voy a decir superior izquierda Quiero que este grupo escalado se mueva hacia el borde izquierdo. Veamos qué pasa. Ahí está el sistema de coordenadas, el punto, y todo se encoge hacia la parte superior izquierda Pero hay un pequeño problema, y esa es la palabra punto. Es demasiado grande. Dijimos que siempre queremos volver a dibujar la etiqueta de punto, que es la palabra punto Y dijimos que el tamaño de la fuente debería ser 24. Pase lo que pase, siempre se actualizará al tamaño de fuente igual a 24. Es por eso que elegí la forma más difícil de hacer las cosas para poder mostrarte cómo solucionarlo. Mira, hay otro comando muy chulo que nos permite borrar a los updators Después de algún tiempo, necesitaba que esta etiqueta de punto siempre se redibujara hasta este punto Pero ya no quiero que se vuelva a dibujar a partir de este punto porque ya puse todo en un grupo Así que realmente no necesito redibujar nada porque estoy animando a todo el grupo Lo que puedo hacer es nombrar la variable, decir etiqueta de subrayado de punto, y luego decir punto y borrar updators de subrayado y paréntesis vacíos, lo que ahora borrará a Eliminará la cosa siempre redibujada de la etiqueta de punto Ahora una vez que juegue esto, dirá text object no tiene atributo, clear updat, olvidé agregar la S al final nuestra variable, de la cual queremos borrar a los updators Y luego periodo claro updatorsiembrar. Si toco esto, la etiqueta de punto debería ser del mismo tamaño que todo lo demás. Aquí está el eje. El punto se mueve ahí. La etiqueta de punto no se vuelve a dibujar para que tenga el tamaño de fuente 24 porque eliminamos los updators 49. RECAP - Hachas 2: Una vez más, hagamos una pausa y veamos qué pasó aquí. Lo haré más pequeño para que puedas ver la mayor parte del código aquí. Primero, creamos el eje. Y nombramos a nuestro eje. Eje. Pero solo con la minúscula A, podría haber dicho cualquier cosa aquí. Podría haber llamado a mi eje shrek. Lo que significa que tendría que cambiar cada palabra, eje aquí a la palabra shrek Pero elegí llamarlo Eje. Dije que mi rango X es igual de menos uno a diez, lo que significa que la línea horizontal, esta línea x de aquí, va de menos uno a diez. Entonces dije que mi rango Y es de menos uno a diez, que es esta línea vertical, y va de menos uno a diez. Dije que mi x longitud es igual a 13. Esto básicamente define el tamaño de mi eje x en la pantalla. Si yo dijera que es igual a cinco, mira lo que sucede con el eje x. Se encogerá. Ver ahora es muy diminuta. Cuando digo 13, significa que quiero que sea del tamaño de 13 cuadrados que conforman o se ven en Manum Recuerda que son ocho por 14. La razón por la que no dije 14 es porque va a salir de límites El menos uno o el diez estarán ocultos. Lo que también hice dentro del eje fue decir eso igual a falso. Y por eso no tenemos esas flechas al final de nuestro eje y y x. Entonces dije punto, sumar coordenadas, que sumaron estos números a cada punto. Y dije establecer color a azul, lo que hizo que el eje sea de color azul. A continuación, dije que x es igual a eje, Get x, etiqueta de eje, y x, lo que básicamente significa que quiero agregar una etiqueta de eje al eje x. Y dije que la etiqueta del eje será x. Si cambiara esto a algo así, la etiqueta habría sido este texto. Ahí tienes, lo volveré a cambiar a x Esto básicamente nos ayuda a nombrar nuestro eje. Por supuesto, necesitaba poner todo en la pantalla, y por eso dije self dot play, eje derecho, que ponía el eje en la pantalla. Self dot play, right x, que escribió la etiqueta x, porque asigné mi etiqueta x a la variable x Y dije right y, que puso y en la pantalla también. Déjame volver a ejecutar esto para que el texto ya no suceda Lo siguiente que hice fue crear un punto. Y dije que quiero moverlo a estos ejes, que sólo tenemos un eje en la pantalla. Así que en realidad no tuvimos opción de ponerlo dentro de otro eje. Pero si tuviera dos ejes, podría haber dicho de qué eje mover este punto dentro de. Dije eje dos, que es solo la sintaxis para definir la coordenada del eje. Y dije x es igual a tres e y es igual a uno. Lo que significa que quiero dibujar mi punto dentro de este punto exacto. X es igual a tres e y es igual a uno. El punto debería aparecer por aquí. Si toco esto, el punto está exactamente ahí. Ahora otra cosa que creé fue esta etiqueta de punto. Dije que la etiqueta de punto es igual a este texto. El texto debe decir punto, y el tamaño de fuente debe ser 24, y por eso el punto es de este tamaño. A continuación, dije que quiero que este texto esté al lado de nuestro punto, que el punto para mí es punto, y quiero que esté arriba. Entonces por eso la etiqueta está en la parte superior del punto y no en algún lugar aquí, aquí, o aquí. También agregué un actualizador a esta etiqueta y dije siempre volver Entonces pongo todo dentro de paréntesis, dentro de paréntesis También dije lambda, lo que básicamente significa que siempre volverá a dibujar la etiqueta sin importar a dónde vaya el punto Siempre intentará establecer el punto de texto al tamaño de fuente 24 y siempre intentará estar al lado de nuestro punto y arriba. No importa lo que le pase a nuestro punto, no importa a dónde se mueva, no importa en qué tamaño se convierta, el punto de texto siempre se volverá a dibujar tamaño de fuente 24 y para estar siempre al lado de nuestro punto arriba Entonces dije auto punto play, derecho, dot label, y escribí el punto que puso nuestro punto y la etiqueta de punto en la pantalla. Entonces dije que quiero mover mi punto a algún lugar por aquí. Nuevamente, utilicé el comando self dot play y dije que quiero animar el punto Recuerda, la etiqueta de punto siempre estará al lado de nuestro punto. Entonces por eso no necesitamos animarlos a ambos. Dondequiera que vaya el punto, debido a la función de redibujar siempre, la etiqueta siempre seguirá al punto Dije punto, punto, animar, mover dos. Nuevamente, utilicé la misma sintaxis que por aquí. Dije que quiero moverlo a estos ejes. Y el quiero moverlo a x es igual a nueve e Y es igual a seis. X es igual a nueve está por aquí, e y es igual a seis está en algún lugar por aquí. El punto debería moverse a algún lugar por aquí. Cuando juego esto, el punto se mueve exactamente ahí. A continuación, quería escalar todo hacia abajo, pero para hacer eso, necesitaba borrar a los updators de la etiqueta de punto La razón por la que quiero borrar a los updators, que esencialmente solo elimina esta parte del código a partir de este punto, es porque si no lo hacía, siempre volvería a dibujar el texto para que fuera el tamaño de fuente 24 Y quiero que todo se encoja así como la etiqueta de punto. No quiero que se vuelva a dibujar, que sea más grande que todo lo demás. Por eso despejé a Pdadores. A partir de este punto, no volverá a dibujar el.it solo se quedará como era Como quiero escalar todo hacia abajo, no quiero animar cada cosa Lo que puedo hacer es poner todo en un grupo y animar a todo el grupo En cambio, pongo todo en un grupo. Mi eje, mi eje etiqueta el punto y la etiqueta de punto. Y dije que las células sí juegan animan en grupo. Yo quería escalarlo hacia abajo. Dije escala 0.3 La escala por defecto es por supuesto una. Esencialmente, dije que quiero escalarlo al 30% y luego agregué otro punto y dije que además de escalarlo, quiero animarlo, moverlo al borde superior izquierdo, y así esta es la animación que obtuvimos Ahí está el eje, ahí está el .it, se mueve por ahí, y luego todo se encoge hasta la esquina superior izquierda Bien, espero que todo esté claro. 50. Ejes 3 - Crea los ejes: A continuación hablaremos sobre cómo dibujar una curva real sobre el eje. Vamos a crear un eje y luego trazar una función coseno en esos ejes Voy a mover todo aquí abajo y crear una nueva escena. Y lo llamaré eje tres porque esta es la tercera lección de la serie Axis. Entonces por supuesto, los sordos se construyen a sí mismos, podemos empezar a trabajar en esta nueva escena. Voy a mover todo hacia abajo también. Por supuesto, no olvides sangrar el cursor dos veces para que todo viva bajo auto de construcción sordo VS. entiende automáticamente que quiero moverlo aquí y no aquí. Tan pronto como presiono Tab una vez, inmediatamente me da dos sangrías, lo cual es muy bonito Vamos a crear nuestro eje. Esta vez voy a llamar a mi eje algo así como perro. Diré que es igual a ejes. Y luego voy a definir el rango x. Diré que es igual a menos ocho a ocho. Vaya, me olvidé de los corchetes. Y luego un soporte más para cerrar el eje. Entonces pondré la coma aquí y diré que y range es igual a algo así como -1.5 a 1.5 porque la función coseno solo alcanzará a y es igual a uno Realmente no necesitamos ir más alto que eso de todos modos. También agreguemos x longitud, que determina cuánto tiempo está el eje en la pantalla, y yo diré 13. Y también digamos que y longitud es igual a algo así como tres, porque realmente no quiero que el sistema de coordenadas sea súper alto verticalmente. Entonces también diré puntas es igual a falso, lo que eliminará las flechas al final de nuestro eje. Esto es lo que tenemos ahora mismo. Diré auto juego de puntos. ¿Correcto? Y eje. inmediato puedo ver que el código VS subrayaba la palabra yo que me dice que probablemente haya un error en algún lugar por aquí. Y puedo ver que el error está aquí. Dije Cephal en lugar de auto. Es sólo un error ortográfico. Y una vez que lo corrija, la autofunción funcionará bien. También agregaré peso propio durante 3 segundos al final. Para que pueda pausar la animación sin que se reinicie. Ejecutaré el archivo python. Y corrió la escena anterior, eje número dos. Y este es el eje número tres. Entonces, si quiero cambiar la escena, puedo hacer clic en este icono de cámara y decir que quiero tocar el eje tres en lugar del eje dos. Digamos que hay tipo objeto. Axis no tiene miembros de la familia de atributos con puntos. No tengo idea de lo que eso significa. Voy a tratar de solucionar esto. El rango X parece bueno, rango Y parece bueno. X longitud 13, Y longitud es tres puntas es igual a falso. Todo parece estar en orden. Y dije que quiero jugar hachas, pero nombré a mi eje la palabra perro. Ese fue el error. Tengo que decir escribir perro para que escriba ejes en la pantalla. Volveré a tocar esto y veamos qué pasa. Ahí está nuestro eje, pero no parece un eje porque no tiene etiquetas. También crea etiquetas X guión bajo. Lab, que es etiqueta es igual a perro, que es el nombre de nuestro eje. Obtener guión bajo y luego puedo elegir esto, Obtener etiqueta del eje x Y luego dentro de paréntesis y comillas, puedo decir lo que quiero nombrar a este eje Diré eje x. Entonces voy a copiar esto pegado aquí, Cambiar el nombre de la variable para que sea y etiqueta Entonces diga get eje y en lugar de eje x. Y voy a nombrar este eje y. Además de escribir el eje en la pantalla, también escribiré la etiqueta x y la etiqueta y en la pantalla. Que cada vez que jugaba la animación recibía otro error de tipo de error. El objeto de texto matemático no es llamable. Estoy asumiendo que tengo que poner todos estos en animaciones adecuadas separadas. Laboratorio X y laboratorio Y derecho. A ver si eso soluciona el problema. Sí, lo hace. Bien, Aquí está el eje, y ahí están las etiquetas del eje. Probablemente debería haber dicho y x no ejes. Este es el resultado final. Ahora voy a quitar la palabra ejes porque probablemente no sea necesario. 51. Ejes 3 - Trazar una función de coseno en ejes: Lo siguiente que queremos hacer es dibujar una función coseno sobre estos ejes. ¿Cómo lo hacemos? Vendré aquí después del comando self dot play, porque queremos trazar la función coseno Después de que ya hayamos puesto todo en la pantalla, voy a llamar a mi función coseno simplemente curva. Diré que es igual a. Entonces tengo que poner el nombre de mi eje, que es perro. Entonces tengo que decir periodo y trama. Esto le dice a Python que quiero trazar algo en estos ejes, estos ejes de aquí. Entonces dentro de paréntesis, tengo que definir la función que quiero trazar ahí Como queremos trazar la función coseno, también vamos a necesitar importar otra biblioteca Recuerda que al principio para montar nuestra cosa manim, dijimos de mutilar importación copo de nieve, y esto importó la Ahora para que funcione la función coseno, también queremos agregar otra biblioteca llamada num pi Diré import num pi como P. Esto es esencialmente todo lo que necesitas hacer para que funcione la función coseno, y también para la función sinusoidal y muchas otras cosas Pero no voy a hablar la biblioteca num pi en el discurso. Vamos a trazar la función coseno. Ahora para hacer eso, también vamos a usar la función lambda dentro de estos paréntesis Por aquí voy a decir lambda x, luego un colon. Y luego después de eso, P, que es este periodo de biblioteca numi, coseno x. explicaré lo que esto significa en un segundo Solo quiero verificar que funcione self dot play, ¿verdad? Y curva que traza la curva aquí. Voy a ejecutar el código, y debería haber una función coseno aquí. Sí. 52. Cómo entender cómo funcionan las funciones de lambda (mi método): No voy a mentir. Realmente no entiendo cómo funcionan las funciones de Lambda, e intenté averiguarlo antes, pero en cuanto no las uso por un día, me olvido de cómo funcionan. Pero encontré una manera muy fácil de pensar en ellos cuando intentas crear una función. Déjame abrir Photoshop e ilustrar a lo que me refiero. Aquí está la sintaxis para la función lambda. Lambda x, y luego estaba np punto coseno x Esta es la sintaxis. Ahora cuando tienes una función normal, dirías que f de x o y es igual a coseno x. Así es como se vería una función normal, que también es lo mismo que y es igual a coseno x. Podemos ver algunas similitudes aquí La principal similitud que quiero mostrarles es que lambda x y un colon es esencialmente lo mismo que f de x es igual o y es igual. Básicamente se puede pensar en lambda x como f de x o como siendo y igual. Esto es exactamente lo mismo. Ahora lo que viene después del colon es lo que viene después del seno igual En una función normal, el coseno x es el mismo que el coseno x de aquí La única diferencia es que tenemos esta P por aquí, que básicamente le dice a Python que queremos usar esta biblioteca para usar la función coseno La parte P es realmente la única diferencia a la hora de esto y esto. Porque esto de aquí es lo mismo que esto. Que es lo mismo que esto. Esto de aquí es lo mismo que esto o como esto. Lo único que es diferente es P. Ahora digamos que quiero otra función en lugar de una función coseno Digamos que quiero una parábola. La forma en que escribiría una parábola en términos de programación sería lambda x, que es f de x es igual a la parábola tradicional es solo x al cuadrado, que es lo mismo que x veces x En una función normal, sería x y luego al cuadrado así. En una función normal, sería x y Esto es lo mismo que esto, porque x cuadrado es x veces x. Y esta parte de aquí es la misma que esta Así es como pienso de las funciones lambda. No estoy seguro si es 100% correcto o si así es como deberías pensarlo, pero me funciona. Si digo x veces x, debería dibujar una parábola sobre estos ejes Sí, ahí está la pabla, voy a dejar esto como P coseno de x Ahora, también hay un par de cosas que podríamos hacer aquí. Ahora, también hay un par de cosas que podríamos hacer Primero, puedo decir que esta curva, esta función coseno, tendrá un color rojo Y también puedo agregar coordenadas a mi eje. Llegaré al final aquí y diré punto, agregaré coordenadas de subrayado, lo que agregará coordenadas Por supuesto, no olvides los corchetes vacíos al final. Ahora bien, si toco esto, la función coseno debería ser roja y también debería haber coordenadas, que es exactamente lo que obtenemos Así es como se pueden trazar diferentes curvas sobre el eje. 53. Ejes 3 - Función de animación en ejes: Siguiente. Una vez que hayamos agregado algo a nuestro eje, aprendamos a animarlo. Aprendamos a mostrar esa función cambiando a sí misma. En este caso, creé una función coseno, pero vamos a crear una pabla en lugar de P coseno x. Diré x veces x. Puedes interpretar esto como y es igual a Esta es la función que vamos a trazar en el eje del perro. Ahora como esta es una Pabola, quiero cambiar la gama X y la gama Y para mostrar más de esa Digamos que el rango X es de menos cuatro a cuatro. Y como esta parábola no baja, diré que el rango Y es de cero a algo así como 16 No quiero que las dimensiones horizontales del eje abarquen toda la pantalla. Diré que X longitud es igual a algo así como cinco. Y quiero que el eje vaya verticalmente, prácticamente por toda la pantalla. Diré y longitud igual a 6.5 Recuerda que el máximo que puedo ir es de ocho porque la escena en manim está conformada por ocho por 14 cuadrados También dejaré propinas como falsas y agregaré coordenadas. También dejaré las etiquetas del eje, pero tal vez las haga en minúsculas. Entonces aquí todo se queda igual. Auto punto jugar bien, todo fuera. Ahí está nuestra curva, que es la parábola. F de x es igual a x cuadrado. Y esta vez hagámoslo azul. En lugar de usar la animación correcta. Juguemos un poco y usemos la animación create que es bastante similar a la derecha. Veamos cómo se ve todo. Ahí está la parábola. el eje x con la longitud de cinco, por eso es así de corto. Y luego tenemos el eje y yendo 0-16 como se puede ver, 016 Y luego dijimos que la longitud de este eje es 6.5 por lo que se extiende hasta casi la parte superior del marco Pero ahora que tengo aquí esta parábola , quiero cambiarla Quiero animarlo moviéndose por ejemplo, en vez de x al cuadrado, quiero convertirme en dos x al Y quiero animarlo todo. Aquí es donde vamos a usar el rastreador de valor. Lo primero que sé que voy a necesitar es un actualizador porque quiero volver a dibujar siempre esta función Porque cuando cambia, quiero que se vuelva a dibujar en la pantalla para que coincida con lo que cambia Por supuesto, diré siempre subrayar, volver a dibujar, poner todo esto entre paréntesis, y luego agregar una función lambda desde el principio Esto hará que esta curva siempre se actualice en la pantalla. Por supuesto, si toco esto ahora, nada va a cambiar porque no estoy animando nada Siempre será redibujado en el mismo lugar exacto. Vamos a animarlo. Vendré aquí a la función. Y dije que quiero animarlo para que pase de x al cuadrado a dos veces x cuadrado Pero quiero poder cambiar este número dos a algo así como el número cinco o número 0.5 Y aquí es donde puedo usar el rastreador de valor en la parte superior de la curva. También crearé este número como una pista de valor. Yo lo llamo número y diré igual al rastreador de valor. Por defecto quiero que sea uno, porque por defecto quiero que sea una vez x al cuadrado para que me llegue esta pabla inicial Ahora, necesito poner este rastreador de valor aquí. Diré número, que es como nombré al rastreador de valor. Y luego después del periodo, diré obtener valor de subrayado y paréntesis vacíos Lo que va a pasar ahora es que mirará cualquiera que sea el número de los rastreadores de valor y pondrá ese número aquí Por supuesto, olvidé el símbolo times para hacerlo de manera que la función sea igual a mi número veces x veces x Ahora tenemos todo configurado, pero si juego esto, nada va a cambiar porque ese número es igual a uno. Y tampoco cambia. Obtenemos la misma parábola inicial, pero podemos animar ese Diré auto play y luego número periodo animar. Porque quiero animar este número cambiando. Y luego voy a decir establecer el valor de subrayado. Dentro de paréntesis, puedo escoger el valor que quiera. Diré dos también. Diré que el tiempo de subrayado es igual a dos para que la animación ocurra en el lapso de 2 segundos en lugar de 1 segundo Ahora bien, si toco esto, debería dibujar la parábola. Y la Parábola debería hacerse más grande. Ahí está la pabla inicial, y ahí se extiende. Ahora vamos a estirarlo hacia abajo. Voy a copiar esto, llegar a una nueva línea y establecer el nuevo valor para que sea algo así como 0.1 Y veamos que pasa ahora. Deberías dibujar la pabla original, estirarla, y luego volver a aplaudirla , solo por diversión Copiemos esto nuevamente y agreguemos otro a donde se extiende a 0.5 Así es como se ve nuestra animación final. Se estira, luego se aplasta, y luego vuelve a estirarse solo un poquito 54. RECAP - Animar funciones en ejes: Nuevamente, lo que hemos hecho aquí es que agregamos una curva y agregamos un actualizador a esa curva Dijimos que siempre queremos volver a dibujar la curva, para que cuando la animemos aquí abajo, siempre vuelva a dibujar la curva, siempre la actualice Entonces dijimos que queremos trazar esta curva sobre el eje del perro, que creamos aquí arriba. A continuación, necesitábamos definir qué tipo de función queríamos trazar en el eje. Y dije que la función es igual a f de x igual cualquier número esto es por x por x, lo que significa f de x veces nuestro número aleatorio por x al cuadrado Así es esencialmente como se ve nuestra función, F de x igual a un número que elegimos por x al cuadrado Es un Proabola, pero tiene algún tipo de número al frente Al principio dijimos que este número es igual a uno. No importa lo que multipliquemos por uno, sigue siendo el mismo. Por eso la curva original se mantuvo igual. Y dijimos que el color de esta curva es el azul. Y luego por aquí, cambiamos este número para que fuera otra cosa. Al principio dije que era igual a dos ya que siempre hay función de redibujar que siempre actualiza nuestra Pbola como el número actualizado El probola también se actualizó en la pantalla, Bien. 55. Hachas 4 - Acercar un eje: Vamos a crear otro ejemplo con el rastreador de valor. Y esta vez animemos también el eje así como la función dentro de esos ejes Decir clase eje cinco y colon sordo construir auto. Tenemos preparada la escena. Diré que el eje es igual al eje. Quiero trazar la curva sinusoidal sobre estos ejes. Voy a elegir el rango x para que sea igual a menos ocho a ocho. Y luego el rango y para ser igual a algo así como menos uno a uno. Diré que la longitud X es igual a siete y la longitud Y es igual a tres. También voy a quitar las puntas de estos ejes. Di propinas iguales a falso y también agrega coordenadas al final. Veamos cómo se ven estos ejes. Auto juego, ¿verdad? Eje. ¡Vaya! Esto es tocar nuestra escena anterior, eje tres. Entraré en el icono de la cámara y elegiré el eje número cinco, que actualizará la escena para que sea así. La animación se detiene muy rápido, así que voy a decir auto peso 3 segundos al final. Y voy a seguir trabajando en estos ejes. Dije que aquí quiero dibujar una función sinusoidal. Nuevamente, voy a nombrar mi curva de función y diré que es igual al eje, sea cual sea el nombre de los ejes, plot. Y luego dentro de paréntesis, tengo que definir la función que quiero trazar Diré lambdx, que esencialmente significa y es igual a dos. Y luego P seno x, lo que significa y es igual a seno x Y ahora hemos trazado esta función. Y ahora hemos trazado esta función Para dibujar esta función, voy a decir self dot play, create, y curve. Si toco esto, también debería trazar aquí la función sinusoidal. Sí, también diré que el color de esta función es igual al azul. Para que puedas diferenciarlo mejor del eje así. Ahora tenemos el eje y tenemos la función en esos ejes. Pero, ¿y si quiero acercarme a estos ejes? En otras palabras, ¿y si quiero cambiar la longitud x de estos ejes y animados, cambiando. Quiero acercarme a este punto de la curva. Necesito de alguna manera averiguar cómo animar la longitud x de siete a algo así como 30 Y para eso puedo usar un rastreador de valor. Voy a hacer algo de espacio aquí y luego decir que mi rastreador de valor es igual a X. Voy a crear el rastreador de valor y digamos que la longitud inicial será la misma. Siete, diré siete dentro de mi rastreador de valor. Ahora quiero reemplazar este siete con mi rastreador de valor. Diré que quiero que mi longitud X sea X periodo, obtenga valor de subrayado y paréntesis vacíos De nuevo, mi X es mi rastreador de valor. Para mi longitud x, esencialmente estoy obteniendo el número, lo que esté dentro de este rastreador de valor Ahora mismo es igual a siete. que significa que si vuelvo a ejecutar el código, la función y el eje deben verse exactamente iguales. Sí, lo hacen. Pero ahora quiero animar esto Y lo que eso significa es que quiero cambiar el valor de la x. Diré self dot play. Y luego dentro de paréntesis, voy a decir x periodo, animate period, set underscore Digamos 30. Lo que sucederá ahora es que animará rastreador de valor para que se establezca en el número 30 Pero en nuestra pantalla, nada va a cambiar porque olvidamos una cosa, y es actualizar esta función. Necesitamos agregar un actualizador a la función para que siempre vuelva a dibujar la función cuando algo está sucediendo aquí abajo. Diré siempre subrayado, redibujar, abrir paréntesis. Entonces claro, cierra los paréntesis al final. Y también necesito incluir lambda y un colon para que funcione. Ahora, siempre volverá a dibujar el eje. Ahora bien, si toco esto, todo debería acercar. Por supuesto, va a tardar un poco más en cargarse porque tiene que volver a dibujar el eje para cada fotograma de nuestra animación Ahí está el eje, ahí está la función, y se acerca. Pero notarás que esto se quedó en su lugar y eso es porque nuestra curva no se está actualizando. También tenemos que decir siempre subrayar redibujar lambda y luego cerrar los Por supuesto ahora todo debería acercar juntos porque el eje será redibujado y también la curva será redibujada Sí. Ahora todo se acerca y la función se muestra correctamente 56. Eje 4 - Animación de ejes y función: Digamos que también quiero animar el cambio de función Quiero acercarme a los ejes. Y entonces digamos que quiero la función sinusoidal. En lugar de tener x dentro de paréntesis, quiero tener algo así como diez veces x dentro de paréntesis También quiero animar eso también. Crearemos otro rastreador de valor. Diré que ese número es igual a mi rastreador de valor y el número inicial será uno. Porque quiero mostrar la función sinusoidal, como es por defecto al principio, luego dentro de los paréntesis quiero incluir este número Vendré aquí y diré número periodo, obtendré valor de subrayado y paréntesis vacíos Y entonces tengo que multiplicar este número por x. Ahora, dentro de nuestra función sinusoidal, tenemos este número que sea cual sea el número este veces x. Al principio, este número será uno. Pero quiero animarlo, cambiando 1-10 Ven aquí, di auto peso, porque quiero esperar un poco Después de que se complete el zoom, luego agregaré una nueva línea y diré self dot play numtanimate, porque quiero animar este número cambiando a diez Y luego diré valor de subrayado de conjunto de periodo. Vamos a establecer el valor en diez. Como ya hicimos esta función, siempre redibuja, no tenemos que agregar nada más. En teoría debería funcionar. Se acerca y luego la función cambia muy bien. Una vez que he exprimido esta función, puedo decir auto peso para esperar un segundo más y luego puedo alejar todo de nuevo. Voy a copiar este porque controla cuánto nos acercamos. Y luego en vez de 30, voy a decir algo así como cinco. Ahora la longitud x por aquí se convertirá en cinco. Recuerden que inicialmente eran siete, luego lo cambiamos a 30, y ahora lo estamos cambiando a cinco. Así será como se verá. Ahí está el eje, ahí está la función. Se fuera. la función y luego retrocede el zoom. Hermoso. 57. Transformar formas coincidentes (animación genial): También quiero mostrarte algunas cosas geniales con las que puedes hacer, hombre. El primero tiene que ver con el texto. Diré que A es igual a texto, y digamos que el texto aquí es mamífero. Después crearé otro texto y lo llamaré B en vez de paréntesis y comillas. Diré hombre. Y luego por supuesto, agregaré un comando self dot weight de 3 segundos al final. Y voy a decir auto punto play. Y voy a poner ambos textos en la pantalla. Diré bien y luego a la derecha. Ahora mismo van a estar en el centro. Entonces voy a decir que este es el siguiente subrayado dos A y a la derecha. Por lo que estará en el lado derecho del texto mamífero. El texto, el texto manim estará junto al texto del lado derecho Si toco esto, esto es lo que obtenemos. Mamífero mani, ambos no están en el centro porque la palabra mamífero está en el centro. Y éste está justo al lado de la palabra mamífero. Por eso no están centrados. Pero lo genial que quería mostrarte es si agrego otro comando de auto play y luego digo transformar formas coincidentes. Y luego dentro de paréntesis, quiero transformar A y B. Debo haberlo escrito mal Transforma formas coincidentes. Ahí estamos. Si toco esto, mira lo que pasa, gritos. Pero el problema es que ya teníamos el texto escrito en la pantalla. Si sólo escribo el texto A en la pantalla y lo dejo invisible el texto A se transformará en texto. Con una animación muy chulo. Aquí tenemos el texto y luego transforma las letras se mueven en el texto. Puedo decir ejecutar el tiempo de subrayado y establecer el tiempo para que sea algo así como 3 segundos. Además, no necesito estos dos siguientes comandos porque este texto es invisible. Ahí está la primera palabra y luego las letras se transforman en otra palabra Esto es lo que hace la transformación de formas coincidentes. Cualquiera que sea la letra que coincida, simplemente cambian de lugar y hacen otra palabra Esta es una animación muy genial. Cambiamos este texto para decir algo así como Baboon. Éste. Este es mi primer día de trabajo. Transformemos todo desde babuino. Este es mi primer día de trabajo. Ver las letras que sean iguales, simplemente se mueven al lugar de las letras coincidentes de la segunda palabra Y las otras letras que no coinciden simplemente se desvanecen de la nada. Pero si los cambio a ambos, esto dirá Baboon. Y esto dirá, este es mi primer día de trabajo. Si leo esto, la animación debería verse mejor. Ahí vamos. Esta es una animación genial que quería mostrar. 58. Organizar varios elementos uno junto al otro con un grupo: Volviendo al problema que teníamos antes donde teníamos mamífero y manim Queríamos escribir ambas piezas de texto en la pantalla, pero el problema era que ambos textos no estaban centrados en la pantalla. Dije siguiente subrayado dos y luego una derecha, lo que hizo que el texto manim saliera al lado derecho de esto en, esto es lo que conseguimos No estaban centrados, ¿cómo los centramos en la pantalla? Lo que podemos hacer en vez de decir los dos siguientes es poner ambos en un grupo V, voy a decir que es igual al grupo V, dentro de paréntesis, diré A y B. Ahora los he puesto a ambos en un grupo La razón por la que hice esto es porque puedo arreglar los elementos como quiera. Cuando estén dentro de un grupo, voy a crear una nueva línea aquí y decir, que es mi grupo V. Entonces digamos dentro de paréntesis, puedo definir cómo puedo organizar estos objetos Una forma en que puedo organizarlos es dow, lo que significa que el texto B estará debajo del texto, A manim estará por debajo de la palabra mamífero A ver qué pasa si interpreto al grupo. Aquí están ambos textos, pero ahora están alineados en el centro. Si quiero alinearlos al borde izquierdo, puedo decir aquí puedo ver que el centro es igual a verdadero. Por defecto puedo decir que el centro es igual a falso. Ahora bien, si juego esto, debería alinearse con el borde izquierdo. No importa. Lo que pasó ahora es que el mamífero del texto está en el centro exacto del marco y el texto mutilado está debajo de él Si agrego un búfer grande, deberías poder ver qué pasó. Si toco esto, el mamífero estará en el centro. Y el texto mutilado está en algún lugar aquí abajo, en algún lugar fuera de la pantalla Si digo dos, va a estar en algún lugar por aquí, probablemente. Sí. Si digo centro es igual a falso, organizará el grupo V de una manera para que el primer objeto, el centro del marco, y luego cualquier otro objeto que dentro del grupo estén dispuestos en relación con donde esté este. Pero eso no es lo que quería hacer. Si quito el centro aquí, el centro de ambos objetos estará en el centro. El texto mamífero debería estar en alguna parte de aquí, y el texto manum debería estar en alguna parte de aquí Si toco esto, podrás ver que el mamífero del texto ya no está en el centro del marco, sino que el centro de ambos objetos es ahora el centro del marco. Pero yo quería hacer otra cosa y eso está dispuesto ambos textos al borde izquierdo. Lo que puedo decir es que el borde de subrayado alineado es igual a la izquierda Ahora debería alinear ambos textos con el borde izquierdo. Ahora bien, si no quiero arreglar el grupo V abajo, puedo arreglarlo a la derecha. Así es como se ve ahora. Probablemente no quiero que quede aquí el borde alineado. Sí, ahora alineó ambos objetos de texto uno al lado del otro y ambos están en el centro. Si yo dijera centro es igual a falso, entonces solo el texto mamífero estaría en el centro y el texto manim estaría en algún lugar por aquí Porque ahora el centro de ambos objetos no es el centro. El primer objeto es el centro del marco. Es así como puedes organizar dos textos separados o dos objetos separados uno al lado otro y ponerlos ambos en el centro del marco. 59. Animación 3 - Cambio de parámetros de forma: Intentemos replicar una escena que se vea así y ya está. Ven aquí y crea nuestra escena. Diré demostración de clase tres. Escena por supuesto, agregar paréntesis y sordos construir auto. Como siempre, ahora tenemos nuestra escena. Repasemos una vez más esta animación y exploremos lo que pasó aquí. Primero, está esta forma que se crea. Después hay una pieza de texto de color naranja u oro. Y luego hay otra pieza de texto en otro color justo al lado de este texto. Después hay un rectángulo que se dibuja alrededor del segundo texto. Y luego el rectángulo agarra este texto y lo mueve aquí abajo. A medida que esto sucede, esta viñeta o esta forma se mueve por allí también. Entonces el cuadrado se expandirá y todos estos tres elementos se moverán muy bien uno al lado del otro así. Entonces a partir de aquí, todo se transforma en un pequeño punto. El punto se expande y se desvanece a negro. Intentemos crear primero esta animación . Empecemos con esto. Aquí, como puedes ver, hay un círculo y luego un rectángulo circundante alrededor de ese círculo. Primero crearé el círculo. Diré que C es igual a mi círculo. Y luego dentro de paréntesis, en realidad no pondré nada dentro de paréntesis, pero veamos qué tan grande es el círculo, justo desde el principio, diré self dot play y luego cual creará el círculo en la pantalla También vendré aquí y diré autopeso durante 3 segundos para que cuando se haya reproducido cada animación, haya una pausa de tres segundos. Al final, vendré aquí y diré Ejecutar archivo Python. Y desde la extensión de vista lateral de manio podré elegir la escena de demostración Voy a hacer clic en eso y va a generar. Ahora mismo, el círculo es así de grande, es color. Lo que queremos es que el círculo sea muy pequeño. Vendré aquí después del círculo, digamos escala de periodo. Y lo voy a escalar a algo así como 0.1 Ahora el círculo será muy pequeño, pero este círculo también tiene un color de relleno. Y el color de relleno es blanco. Puedo venir aquí a decir punto es mi círculo. Y voy a decir set underscore fill aquí. Puedo definir qué color quiero. Diré que el color de relleno será blanco. Entonces puedo agregar una coma y elegir la opacidad. Diré que la opacidad es igual a uno, 100% El blanco en el centro del círculo será 100% visible Veamos qué obtenemos. Este es el círculo, pero el contorno en la animación que queremos crear, el contorno del círculo. Esto de aquí mismo es un poco más grueso. También puedo aumentar el grosor del contorno. Diré trazo de subrayado de conjunto de períodos, que definirá el trazo para este círculo porque lo nombré Entonces dentro de paréntesis puedo decir qué color quiero para el trazo Y aquí es rojo. Diré rojo aunque el círculo ya sea rojo. Y luego quiero elegir el ancho del trazo. Quiero hacerlo más grueso. A ver si hay una opción para eso. Hay un atributo llamado width. Diré que el ancho es igual, lo configuraré en algo así como siete, creo que por defecto está configurado en uno. A ver si el círculo es el mismo. Sí, el círculo parece bastante discapacitado. 60. Animación 3 - Crea el rectángulo circundante: A continuación, quiero que este rectángulo con esquinas redondeadas que rodee el círculo, cree un rectángulo circundante. Voy a asignar el rectángulo circundante a la letra y decir que es igual al rectángulo circundante dentro de paréntesis Tengo que decir lo que quería rodear. En este caso, quería rodear el círculo, que es la letra C para mí. Por eso voy a poner C aquí. Entonces voy a añadir un coma. Y decir que el color de este rectángulo debería ser rojo porque por defecto es amarillo el color es igual al rojo Y luego quiero las esquinas redondeadas. Recuerde que el atributo para las esquinas redondeadas es el radio de subrayado, e inmediatamente lo rellena Entonces voy a hacer clic en Tab, y voy a decir que es igual a 0.1 Ahora tenemos el círculo y el rectángulo circundante que rodea este círculo. Pero aún no le he dicho al código VS que ponga el rectángulo circundante en la pantalla. Voy a entrar en el comando self dot play con una coma aquí. Y voy a decir que quiero escribir el rectángulo circundante así como el círculo. Ahora bien, si toco todo, ambas formas aparecerán en la pantalla. Pero en la animación que queremos recrear, estas formas aparecen de diferentes maneras Si miramos de cerca, el rectángulo gira desde el centro. En lugar de usar el comando correcto para animar estas formas en la pantalla, usaré el comando grow from center para el círculo Y voy a usar el comando spin in from nothing para el rectángulo circundante. Y esto es lo que obtenemos. Se ve exactamente igual que en esta animación. 61. Animación 3 - Arreglar objetos: Podemos ver que hay dos palabras, hola ahí. Vamos a crear esas palabras. Voy a asignar mi texto a la variable y decir que el texto es igual a hola ahí. Ahora bien, ambas piezas de texto tienen diferentes colores, lo que significa que podrías usar texto en lugar de texto y luego usar látex para formatear ese texto. Pero te voy a mostrar cómo hacerlo con tan solo usar el comando text. Pero primero, en la animación que queremos hacer, el texto está al lado de esta forma. Si tuviera que poner este texto en la pantalla, simplemente aparecería en el centro superponiéndose con la forma. Quiero ponerlo al lado de la forma. Diré siguiente guión bajo dos para el texto porque he asignado mi letra a mi texto y quiero que esté al lado de la forma que es el círculo o el rectángulo circundante. Realmente no importa. Diré el círculo y pondré una coma y diré en qué dirección quiero que vaya el texto Yo quería ir a la derecha. Quiero que mi texto esté al lado del círculo y quiero que esté del lado derecho. A continuación, voy a decir self dot play. Derecha mi texto para poner también el texto en la pantalla. Y ahí está. Pero el texto realmente no se ve igual que en nuestra animación. La fuente es un poco demasiado grande y además todo está desorientado. Primero, voy a disminuir el tamaño de la fuente. No estoy seguro de cuál es el tamaño de fuente predeterminado por defecto, pero diré que el tamaño del guión bajo de la fuente es igual a 32 y el texto debería hacerse más pequeño Sí, a continuación, quiero mover todo aquí al centro del marco, porque ahora mismo esta forma está en el centro y el texto está apagado a la derecha. Lo que podemos hacer es poner todos estos objetos en un grupo y luego alinear ese grupo para estar en el centro. Vendré aquí y pondré todo en grupo. Voy a llamar a este grupo uno. Habrá múltiples grupos. Diré grupo y luego dentro de paréntesis, pondré todo lo que quiera en ese grupo Ahora bien, si pongo cada objeto que he creado para el círculo, para el rectángulo circundante y para el texto, entonces los alinearé todos en una sola línea. Porque primero pondrá el círculo, luego pondrá el rectángulo circundante, y luego pondrá el texto. Pero quiero que el círculo y el rectángulo circundante permanezcan juntos. Por eso los pondré en un grupo separado para que cuando el segundo grupo se alinee, este grupo cuente como un solo objeto Decir que el segundo grupo es igual al grupo V y después pondré el primer grupo dentro del segundo grupo así como mi texto. Y luego diré dos, que es el segundo grupo. Y luego punto y arreglar lo que significa que quiero arreglar el segundo grupo. Ahora aquí puedo definir qué dirección quiero que se arregle, pero la dirección por defecto es hacia el lado derecho. Realmente no tengo que decir bien, solo puedo dejar paréntesis vacíos También, puedo definir el valor de buff, pero en este caso, simplemente dejaré todo por defecto Ahora bien, si juego esto, todo debería estar en el centro del cuadro. Sí, pero se teletransportó. Y eso es porque primero dije auto play. Pon ambas formas en la pantalla, lo que las pone en el centro. Y luego arreglé los grupos, lo que significa que primero necesito organizar todos los grupos y crear el texto. Y sólo entonces puso todo en la pantalla para que ya reproduzca lo que se ha arreglado. Primero organizamos los grupos, y luego jugamos las cosas en la pantalla. Porque si lo hicimos desde el otro lado, primero pone lo que esté en la pantalla, luego arregla esos objetos y luego trata de tocarlos, y por eso se teletransportan Ahora bien, si toco esto, todo debería aparecer muy bien en el centro. Sí. 62. Animación 3 - Cambiar los colores de varias palabras en un objeto Texto: Lo siguiente que podemos ver aquí es que el texto tiene diferentes colores e incluso una fuente diferente. Empecemos primero con el color. Voy a poner algo de espacio aquí. Recuerda desde antes que puedes separar el texto usando el comando texto en lugar de texto que formatea tu texto en látex. Lo que esencialmente significa que cada pieza de texto que creas, así que un texto dentro de comillas, y luego si pongo otro texto dentro de comillas, cuenta como un objeto separado. Si digo self dot play, ¿verdad? Y luego dos, que es este texto para mí. Y luego dentro de paréntesis, puedo definir qué objeto quiero mostrar. Este es el objeto número cero y este es el objeto número uno. Si solo digo auto play derecho, objeto número cero, solo pondrá hola en la pantalla. No va a poner ahí en la pantalla. Voy a mover esto al lado mi texto hacia abajo para que aparezca por ahí. Si juego esto, va a decir objeto no tiene ningún atributo al lado lo pongo en el lugar equivocado. Debería haber dicho que está aquí junto a mi texto. Aquí, se escribe solo la palabra hola. Pero cuando estás usando texto normal, texto como este con un texto no sino texto, realmente no puedes crear múltiples comillas con texto dentro de ellas. Veamos qué pasa si hago eso. Si digo perro aquí y trato de jugar esto, dirá que no se pudo convertir cadena a perro flotante, lo que significa que solo puedo poner una comilla dentro del comando de texto, pero aún así podemos colorear este texto por separado. Verá en este caso, cada una de las letras tendrá su propio número dentro de la matriz. La letra H será el número cero. El número E será el número uno. La letra L será la número dos. Otra letra L será la número tres. La letra será la número cuatro. Si solo quisiera escribir la palabra hola y no ahí, pondría corchetes al lado de la letra, porque es nuestro texto Dentro de corchetes, podría definir qué elementos de esa matriz quería imprimir. Comienza desde cero, así que voy a decir cero. Después voy a añadir dos puntos. Y recuerda que el último número que pones aquí en realidad no se escribe. Si el número del último elemento, la letra, es el número cuatro, entonces tengo que volver a poner aquí el número cinco, 01234 Si pongo cinco, el quinto elemento, que es este espacio aquí, no se pondrá en la pantalla. Y todo, desde el número cero hasta el número cuatro, se pondrá en la pantalla. Ahora bien, si toco esto, solo debería aparecer la palabra hola. De la misma manera puedo colorear cada una de estas piezas de texto, voy a decir. Después agrega corchetes 0-5 que es la palabra hola. Voy a decir punto, establecer el color de subrayado, y quiero que coloree oro Diré que el color será dorado. Y entonces el resto del texto serán corchetes. Y luego desde el número cinco hasta el mismo final, tengo que definir el último número si solo pongo dos puntos y luego nada más después de él, entiende eso. Quiero decir desde el número cinco hasta todo lo demás que quede. Voy a decir punto, establecer color, y quiero que el color sea tal. Dentro de paréntesis, voy a decir tal. Ahora, ambas piezas de texto tendrán un color diferente. Dentro del comando self play, olvidé quitar los corchetes para que reproduzca el texto completo aquí, Hola está en un color y hay en otro. 63. Animación 3 - Cambio de fuente del objeto Text: A continuación, comparando ambas piezas de texto, es obvio que esta tiene una fuente diferente. Comparado con esto, también se puede establecer una fuente. Ahora dentro de Cues, puedes encontrar el nombre de la fuente que quieres usar y que tienes instalada dentro de una app llamada Font Book Abre el libro Fuentes, voy a poder ver todas las fuentes que están disponibles. Y si quiero usar la fuente Georgia, por ejemplo, solo tendré que recordar su nombre. En este caso, quiero usar una fuente llamada Sentient. Sólo tengo que averiguar qué tipo de fuentes tengo instaladas y cuál es el nombre de la fuente. Vendré a mi texto, agregaré otro coma. Y puedo ver que uno de los parámetros es la fuente. Diré fuente igual a, y luego dentro de comillas, le diré el nombre de la fuente. Para mí, es sensible. Ahora bien, la fuente de este texto debería convertirse en sensible. Sí, la fuente es diferente y hemos recreado con éxito el inicio de esta animación 64. RECAP - Primera mitad de la animación 3: Hagamos una pausa rápida y repasemos lo que hemos hecho hasta ahora. Primero, hicimos un círculo. Dijimos que nuestro círculo es igual a la letra C y es este círculo justo aquí en el centro. Entonces dijimos que queremos que el color de relleno del círculo sea blanco y que la opacidad de ese color sea uno Lo que significa 100% lo que puso este color blanco dentro de nuestro círculo. Debido a la opacidad es igual a uno, este color es visible al 100% También dijimos que queremos que nuestro círculo tenga un trazo, que es la línea roja fuera del círculo Queremos que la línea sea roja y queremos que el ancho de esta línea sea siete, por eso es un poco más gruesa. Después creamos un rectángulo circundante que rodea a este círculo. Rodea el círculo porque ponemos C por aquí. Le dijimos que rodeara el círculo. Entonces dijimos que el color de este rectángulo es rojo y que el radio de esquina es 0.1 lo que creó estas esquinas redondeadas. A continuación, queríamos poner texto Hola ahí junto a esta forma. Primero hicimos el texto. Dijimos que el texto es igual al texto Hola, que es el mismo texto que aquí. El tamaño de la fuente es igual a 32. Y luego escogimos una fuente que ya tenemos instalada en nuestro equipo, enteramos del nombre de esa fuente, y dijimos que la fuente de este texto será igual a esa fuente. A continuación, ponemos este texto junto a nuestro círculo, junto a la letra C, que es el círculo, y al lado derecho, por eso nuestro texto está en el lado derecho del círculo. A continuación, dijimos que queremos colorear los primeros cuatro objetos de nuestro texto. Y digo cuatro porque el quinto no se ve afectado. Todo, desde el objeto cero hasta el objeto cuatro, se puso de color dorado. Y cada letra en este texto es un objeto separado. La letra H es el número cero, luego 1234, cada letra de la palabra hola obtuvo el color dorado. Entonces dijimos que queremos que cada objeto a partir del objeto cinco en adelante sea coloreado y el espacio es el quinto objeto. Todo desde el espacio en adelante se puso tal coloreado. Por eso el texto Hola es dorado y el texto ahí es tal. Obviamente, el espacio no tiene color porque es solo espacio vacío. A continuación, queríamos arreglar todo para que todo estuviera en el centro de nuestro marco y no fuera del lado derecho. Primero, creamos un grupo llamado G one. Y ponemos C, que es el círculo, que es el rectángulo circundante, en un grupo. Ahora tanto el círculo el rectángulo circundante cuentan como un solo objeto. Entonces creamos otro grupo y pusimos ese objeto, G uno, que es el círculo, y el rectángulo circundante que ahora es un objeto, ese grupo y también ponemos texto en ese grupo. Dentro del segundo grupo, tenemos esta forma como primer objeto y el texto como segundo objeto. Y luego dijimos que queremos organizar el segundo grupo a los parámetros predeterminados que está al lado derecho y en el centro del marco. Por eso todo está en el centro. Y luego dije que quiero tocar y mostrar todo lo que pasó en la pantalla. Eso es todo lo que hemos hecho hasta ahora. Pasemos a crear el resto de esta animación. 65. Animación 3 - Moviendo cosas con números decimales: Sigamos construyendo esta animación. Esto es lo que tenemos ahora mismo. Tenemos la forma de giro y luego las dos palabras, hola ahí. Ahora lo siguiente que queremos es un rectángulo alrededor de la palabra ahí. Ahora bien, hay un par de formas de hacer esto, y la más fácil sería simplemente crear un rectángulo circundante alrededor de este texto por aquí, alrededor de cinco a todo lo que significa alrededor de esta palabra. Pero voy a estar haciéndolo de la manera difícil para mostrarte una cosita. En lugar de crear un rectángulo circundante, solo crearé un cuadrado. Diré que mi cuadrado es igual al cuadrado, y dentro de sus paréntesis, puedo elegir la longitud lateral Y voy a decir que mi longitud lateral es igual a 1.2 Y ahora quiero poner el cuadrado en la pantalla para ver donde aterriza. Entonces puedo ajustarla y ponerla encima de la palabra ahí. Ven aquí y di self dot play, cuadrado derecho. Y vamos a correr esto, y veamos qué nos da. Dice que obtuvo una palabra clave inesperada, argumento, longitud lateral, lo que significa que he escrito mal la longitud de la palabra Una vez más, voy a decir longitud y debería funcionar. Sí, estamos bien. Ahora tenemos el texto y luego el cuadrado está en el centro. Quiero cambiar la plaza por aquí para que quede por encima de la palabra allá. Ahora, también hay un par de formas de hacer esto. Una es conseguir el centro de este objeto. Pero esta vez también lo voy a hacer la manera difícil, de la manera manual. Y voy a tratar de averiguar exactamente por cuánto necesito para desplazar el cuadrado hacia la derecha. Ahora. Por suerte, ya lo he hecho antes cuando me estaba preparando para esta lección cambiar los tiempos adecuados. Y entonces esta es la razón por que quería poner aquí la plaza. Quería mostrarte que no necesariamente tienes que cambiar algo por números enteros. Recuerden, la escena en manim está conformada por ocho por 14 cuadrados, y por un tiempo estuve pensando que son cuadraditos ¿Y si quiero más cuadrados? Bueno, resulta que obviamente se puede cambiar algo no por un cuadrado entero, sino por una fracción de un cuadrado. Entonces puedo cambiar algo por 0.5 o 0.005 o 0.42 069 o Por eso lo hice con un cuadrado y no con un rectángulo circundante. Sólo para mostrarte que puedes cambiar algo por 0.955 y acabará exactamente por encima de la palabra ahí Ten en cuenta que no tienes que desplazar algo por cuadrados enteros o coordenadas enteras, números enteros. Si dije mover subrayado dos y luego agregué una coordenada aquí, no tengo que decir y es igual a uno Podría decir y equivale a 1.42 069 o algo así. ¿Y lo desplazará a esa coordenada? Debería cambiarlo en algún lugar por aquí en la parte superior. Sí, por allá. Eso es lo que quería recordarte. Pero como ya tenemos el cuadrado, sigamos animando con el cuadrado en lugar de un rectángulo circundante 66. Animación 3 - Reposicionar objetos.mp4: Lo siguiente que sucede es este cuadrado recoge este texto, y entonces tanto éste como el texto se mueven aquí abajo. Esta forma se mueve de aquí a encima de la palabra hola. Primero trabajemos en el rectángulo y el texto. Por supuesto, para moverlos juntos, vamos a crear un grupo de ambos de esos objetos, el cuadrado y el texto. Ya tengo dos grupos. Diré que este es el grupo número tres es igual al grupo V. Y voy a poner mi cuadrado así como quiero que este trozo de texto termine también dentro. Recuerda, puedo separar este trozo de texto en dos con este tipo de sintaxis. Dirá que quiero mi texto, entonces la letra es la 01234566, entonces diré seis O en realidad, también puedo incluir el espacio, porque eso realmente no importa. Entonces voy a decir cinco y dos puntos, lo que significa que, además de incluir lo quinto en esta matriz, que es el espacio. También quiero incluir todo lo demás que viene después de él, toda la palabra ahí. Ahora esto está dentro de un grupo. Ahora movamos al grupo. Diré auto play grupo tres, que es el grupo que acabamos de crear los dos siguientes. Entonces quiero ponerlo junto a este texto por aquí, Al lado del texto hola. Y abajo el texto hola es corchete cero a cinco. Entonces quiero decir abajo después de poner una, va a poner a mi grupo, que es este rectángulo de aquí. Y la palabra ahí junto a la palabra hola y abajo, debería terminar por aquí. Ejecutemos esto y veamos si eso sucede. Hola, ahí. Sí, se mueve a la ubicación correcta. Pero al mismo tiempo que esto está sucediendo, también quiero mover esta forma encima de la palabra hola. Voy a añadir una coma dentro de la animación de reproducción celular. Y quiero encontrar el grupo donde he agrupado ambas formas. Y creo que ese es el grupo número uno, C. Y C es mi círculo y es mi rectángulo circundante. Ese es el grupo uno. Diré G un periodo animado periodo Mueva el guión bajo dos dentro de los corchetes. Tengo que decir donde quiero moverlo otra vez, quiero moverlo encima de la palabra hola. Nuevamente, esta es la palabra hola. Voy a copiar esto y pegarlo en. Voy a decir y porque esta vez quiero terminar encima de la palabra hola. Y si ejecuto esto, ambas formas deberían moverse a sus lugares al mismo tiempo, no importa. Eso es muy raro que esto haya pasado, algún comportamiento inesperado. Dije, quiero mover G uno, que es este grupo. En lugar de los dos siguientes, accidentalmente dije mover dos. Debí haber dicho siguiente subrayado dos. Si ejecuto esto, todo debería estar bien. Hola, ahí, se mueve aquí, y la forma se mueve allá. Perfecto. 67. Animación 3 - Objetos a escala y en movimiento: Veamos qué pasa después. Ahora el cuadrado se hace más grande así como este texto se acerca más a la palabra hola. Déjame tocar eso otra vez. El cuadrado se hace más grande. Este texto se acerca así como parece que todo se vuelve a alinear en el centro Cada forma aquí se mueve ligeramente hacia el centro del marco. Sí, primero hagamos el cuadrado más grande, y hagamos que se mueva hacia el centro del marco. Vendré aquí y agregaré otro comando de auto play. Y ahora quiero animar el cuadrado, que he llamado cuadrado Diré período cuadrado animado. Y quiero hacerlo más grande. Diré col rizada. Y dentro de paréntesis tengo que decir por cuanto quiero escalarlo. Diré tres, lo que significa tres veces. Entonces también quiero mover el cuadrado al centro del marco. Diré periodo, mover subrayado dos. Dentro de paréntesis, diré origen. Origen básicamente significa el centro de algo. En este caso, es el centro de nuestro encuadre de toda nuestra animación. El cuadrado se va a alinear en el centro exacto. Juguémoslo y veamos qué pasa. Hay una plaza y sí, parece que está en el centro, pero todas estas cosas aún no están en el centro. Primero movamos estos dos hacia el centro, la forma y la palabra hola. También en la animación, todo sucede al mismo tiempo. Eso significa que tengo que usar un comando de auto juego. Agrega una coma aquí Y ahora quiero animar ambas formas, desplazándose hacia el origen o hacia el centro Por suerte para mí, ya he puesto ambas formas en un grupo que han llamado G dos. No tengo que crear otro grupo para ponerlos juntos. Dos periodos animan, mueven dos y origen, lo que moverá estos dos al origen Si juego esto, tanto el cuadrado estos objetos están ahora en el centro. Queda una cosa, que es la palabra ahí en la animación que queremos recrear, la palabra ahí está junto a la palabra hola y abajo Vamos a moverlo de aquí a allá. Quiero mover sólo la palabra ahí, que es esta palabra aquí. que significa, de nuevo, tengo que especificar que no quiero incluir la palabra hola. Diré, y dentro de paréntesis, diré que quiero todo desde el quinto objeto en adelante, cinco, y dos puntos Entonces agregaré un periodo. Diré animate period, Move guión bajo dos y origen, que también moverá este texto, el Debería terminar ahí en algún lugar, pero no estará por debajo de este texto. Veamos qué pasó de todos modos, para entender cuánto necesitamos para moverlo hacia abajo. Sí, ahora ambos textos se solapan. Lo que puedo hacer ahora es agregar otro comando. Y además de moverlo al origen, puedo agregar otro punto y decir desplazar este objeto hacia abajo por algo así como 0.3 Si juego esto, el texto debería terminar muy bien por debajo de la palabra hola. Ahí está. Hemos recreado todo hasta este punto 68. RECAP - Escala y movimiento de objetos: Te recuerdo lo que pasó aquí. Primero dijimos que queremos animar el cuadrado a escala número tres, y también queremos moverlo al origen Por eso la plaza se hace más grande, y también se mueve hacia el centro. Entonces dijimos que queremos animar al grupo G dos, que para mí, es este grupo que alberga al primer grupo y mi texto El primer grupo es esencialmente esta forma y el texto es hola. Significa que quiero mover esta forma y la palabra hola a alguna parte. ¿Dónde lo moví al origen, lo que significa hasta el centro mismo del marco Por último, quería mover el texto ahí junto a la palabra hola. Pero al fondo de la misma, primero dije que estaba apuntando desde el quinto elemento. Para mí es mi texto y el espacio es el quinto elemento. Estaba apuntando a todo desde el espacio en adelante, el espacio y la palabra ahí. A continuación, dije que quiero mover este texto al origen, nuevamente al centro, ya que hubo cierta superposición entre la palabra hola. Y ahí también cambié un poco esta palabra para que quede amablemente debajo de la palabra hola. 69. Animación 3 - Crea un punto y desvanece: Veamos qué pasa después. Entonces todo se transforma en un pequeño punto, y el punto se expande en un color blanco y luego se desvanece a Vamos a crear el punto. Voy a llamarlo punto. Entonces diré que es igual a punto y color es igual al blanco. Ahora como el punto era bastante pequeño, también voy a agregar un atributo scale y decir que su escala es 0.5 o 50% Tenemos nuestro punto. Ahora queremos que todo en la pantalla se funda en este punto. Lo que eso significa es que queremos que todo lo que está en la pantalla se cuente como un solo objeto. Para ello, podemos, claro, voy a decir cuatro, que es el grupo cuatro para mí, grupo. Ahora, dentro de paréntesis, puedo o poner cada objeto que he creado o puedo usar grupos que también ya he creado Tengo un grupo para el texto. Y esta forma, voy a usar este grupo dentro del grupo. Y luego deja sólo el squarre. Yo también pondré el cuadrado. Y luego para transformar todo en el punto, diré self dot play transform. Aquí tengo que poner de qué a qué? Del grupo cuatro, que es cada objeto individual en la pantalla, hasta mi punto, que es el punto. A ver si eso sucede. Sí, todo se transformó en un pequeño punto. Ahora en la animación que queremos recrear, este punto se vuelve súper grande y blanco y luego se desvanece a Entonces hagámoslo a continuación. Después del último comando self dot play. También incluiré auto peso por 1 segundo para que el punto permanezca en la pantalla por un tiempo. Entonces voy a decir self dot play. Dentro de paréntesis, diré punto punto punto, periodo animado, escala Y digamos algo así como 300. Entonces quiero escalar este punto 300 veces. Y por último, quiero colorear el punto de negro. Se desvanece a negro. Diré punto, punto, punto animado Establecer el color de subrayado. Y lo pondremos en negro. Y veamos qué pasa. Así que hemos recreado con éxito esta animación. 70. Cómo crear un archivo de configuración Manim: Como estábamos creando todas estas animaciones aquí. Cada escena que hemos creado y ejecutado con Python, por supuesto, se ha guardado en nuestro equipo en la dirección en la que guardamos este archivo de demostración de nim Entonces para mi es bajo escritorio y demo del curso. Y si voy a mi escritorio, encontraré mi demo de curso. Y dentro de ella encontraré la carpeta de medios. Si entro en la carpeta de medios, luego videos, demo de Nim y ADP . Todas las escenas que he creado a lo largo de este curso estarán en esta carpeta en resolución de diez ADP Pero, ¿y si quiero que cada escena sea de cuatro K en lugar de diez ADP Bueno, en ese caso, puedo crear un archivo Im config o un archivo de configuración. Quiero que este archivo de configuración viva en la misma ubicación que mi archivo Python donde escribí todo el código para mis animaciones num. Para mí es dentro de escritorio y demostración del curso. Ahora puedo crear este archivo manualmente, pero una forma más fácil de hacerlo sería a través del código VS. Llegaré a mi código VS, subiré al archivo y elegiré nuevo archivo de texto. O puedo hacer clic en comando o Control en mi teclado, nuevo archivo. Y luego voy a presionar comando en mi teclado o control en Windows para guardar este archivo como archivo de conflicto, como archivo CFG, voy a decir comando S porque estoy en Mac Y luego tengo que asegurarme de que estoy en el mismo directorio que mi archivo manim El archivo donde escribí todas las animaciones. Y por defecto, debería llevarte a esta ubicación. Si no ves tu archivo Python en esta carpeta, tienes que encontrarlo y guardar este archivo justo al lado de él. Otra cosa importante es el nombre. Nómbralo, manimtfg. No olvides esta parte de CFG. También es importante si digo seguro, ahora he creado con éxito mi archivo CFG Verás que el icono de este archivo se ha convertido en un icono de engranaje. Y lo que podemos hacer con este archivo CFG es establecer varias configuraciones diferentes para nuestro manimfile, o como funciona Una cosa que podemos hacer es establecer la calidad. 71. Cómo establecer una calidad de salida 4K: Para cambiar la calidad de salida de diez ADP a cuatro K. tendré que añadir estos dos corchetes y decir CLI Luego haga clic en Entrar y diga Calidad es igual a cuatro K Subrayado Calidad Esta es la sintaxis que hay que usar. No estoy seguro de por qué lo hicieron cuatro K subrayado de calidad en lugar de solo cuatro K, pero hay que decir cuatro K calidad. Y también hay que poner CLI dentro de soportes en la parte superior Ahora bien, si guardo este archivo con comando o control S en Windows, vuelve a mi demo num, que es el archivo donde está todo mi código para las animaciones y luego vuelva a ejecutar una de las Por ejemplo, demostración número tres. Ahora lo renderizará en cuatro K de calidad en lugar de diez EDP, cuatro veces mejor calidad Por supuesto, tardará un poco más, pero ahora si entro en mi escritorio y entro en mi carpeta de demostración de curso, entra en medios. Voy a ver aquí que hay una nueva resolución disponible, y esta es cuatro K. Si amplío esta carpeta, encontraré mi escena que acabo de ejecutar. Y esta es la misma escena de demostración, diez DP de calidad. Así que con el archivo CFG, acabamos de configurarlo para cada escena que ejecutemos a partir de este punto. Cada uno de ellos tendrá cuatro K Quality en lugar de diez ADP, lo cual es muy agradable 72. Otras configuraciones en el archivo cfg Manim: Por supuesto, hay muchas cosas que puedes poner dentro del archivo CFG, pero para saber qué cosas puedes poner dentro del archivo CFG, puedes venir aquí dentro del terminal y decir manimCFG, derecho, y luego menos, lo que creará un archivo CFG en lugar de tu archivo CFG con todos los comandos disponibles Y si hago clic en Enter, aquí están todos los comandos disponibles dentro del conflicto num. Entonces voy a cerrar mi vista lateral. Y esto ahí abajo en la parte inferior y aquí están todas las cosas que puedes configurar. Por ejemplo, puedes cambiar el formato del video. Se puede elegir el color de fondo, que por defecto es el negro. Digamos algo como naranja. Entonces, si guardo esto y vuelvo a ejecutar una de mis escenas, digamos la misma escena, debería tener un fondo naranja en lugar de negro Dijo que el archivo de salida previsto no existe en la ubicación. Vamos a ver qué pasó ahí. Vamos a entrar en esta carpeta. Y por alguna razón no entendió este expediente. Pero ya podemos ver que el fondo es naranja. Esta animación juega sobre un fondo naranja. Además, si la extensión de vista lateral mutilado no encuentra tu animación, siempre puedes encontrarla dentro de esta ubicación Dondequiera que esté tu archivo Python, habrá una carpeta llamada media, y dentro de ese medio entras en videos, entras en maim demo y luego eliges la resolución en la que renderizas y el video estará ahí Ahora el fondo es naranja, claro. Se ve bastante mal, así que lo voy a cambiar a negro. Pueden cambiar muchas cosas diferentes aquí que no voy a repasar y no he repasado en el pasado porque simplemente no necesitaba realmente. Cuando hago videos con Nim. Aquí sólo dejo una opción, que es esta calidad equivale a cuatro K de calidad. Lo que suelo hacer es simplemente eliminar todo aparte de la calidad equivale a cuatro K de calidad, y dejar solo CLI y la calidad es igual a cuatro K, lo que renderiza todas mis animaciones en una calidad agradable y nítida de cuatro K. Si quieres volver a cambiarlo a diez ADP de calidad en lugar de cuatro K, puedes decir alta calidad de subrayado, lo que creo que lo cambiará de nuevo a diez Si toco esto, debería generar esta animación a diez ADP de resolución Sí, si hago clic en esta flecha junto a Detalles en la vista lateral num, podré ver el archivo de salida. Y puedo ver que es menor de diez DP, lo que significa que la alta calidad es de diez ADP y la calidad de cuatro K es de cuatro K. Voy a cambiar de opinión de nuevo a cuatro K de calidad. Además, puedes crear un archivo CFG para cada archivo Python con el que estés trabajando No tienes que decir que todos tus proyectos en el futuro tendrán cuatro K Quality o algún tipo de ambientación. Dentro del archivo num CFG. Puedes crear un nuevo archivo CFG con cada archivo Python que crees en tu computadora 73. CONCLUSIÓN: Ese es el final de este curso. Hemos repasado todos los elementos esenciales y la mayoría de los conceptos que necesitas para comenzar a crear hermosas animaciones manim Si hay algo que espero que le quites es que realmente necesita ensuciarse las manos. Experimenta con el código y trata de construir algo tú mismo para aprender y retener mejor la información. Eso es lo que te estoy animando a que hagas. Instalar Nim, configurar vía código y construir código aprender. La mejor manera de aprender es haciéndola tú mismo. La fiebre de dopamina que obtienes cuando te encuentras con un error Luego busca en todo Google, léelo, desbordamiento de pila o el sitio web de la comunidad manim para saber cómo solucionarlo Y finalmente lo averiguas juntando tres comentarios que encontraste en tres sitios web diferentes Sentirse es increíble y te anima a construir mejores y más bellas animaciones. Al menos así es como funciona para mí. Así que gracias de nuevo por embarcarse en este viaje conmigo y ojalá te vea en uno de mis otros cursos