WEBVTT 00:00.050 --> 00:00.620 Hola chicos. 00:00.620 --> 00:01.670 Bienvenidos al video. 00:01.670 --> 00:05.390 En este video quiero ocuparme de los visuales del jugador. 00:05.390 --> 00:07.070 Ya tenemos algo de funcionalidad. 00:07.070 --> 00:08.300 Puede moverse a la izquierda y derecha. 00:08.300 --> 00:14.000 Y quiero mostrar visualmente cuando se está moviendo o está quieto, lo haremos con ayuda de animaciones. 00:14.030 --> 00:19.430 Animator es un componente muy sencillo y no es tan difícil de entender, pero puede ser un poco 00:19.430 --> 00:20.750 abrumador cuando recién comienzas. 00:20.750 --> 00:26.420 Así que primero debemos ir a ventana y buscar Animation Animator. 00:26.810 --> 00:29.330 Esta es la ventana de animator que vamos a usar. 00:29.330 --> 00:32.120 Luego vamos a Ventana Animación. 00:32.120 --> 00:33.110 Animación. 00:33.110 --> 00:37.250 Y esta ventana es responsable de controlar la animación en sí. 00:37.820 --> 00:41.930 Aquí controlamos las animaciones una por una. 00:42.780 --> 00:45.960 Y aquí tenemos toda la configuración del animator. 00:45.990 --> 00:50.550 Ahora vamos a crear uno de los animators y aplicarlo al jugador. 00:50.580 --> 00:53.580 Vamos aquí y creamos una carpeta. 00:55.320 --> 00:57.000 Animaciones. 00:58.130 --> 01:01.130 Dentro de esta carpeta queremos crear. 01:01.630 --> 01:03.490 Animator controller. 01:04.810 --> 01:09.340 Animator controller y lo llamamos player. 01:10.520 --> 01:14.090 Ahora selecciona el animator y arrastra este. 01:15.250 --> 01:16.990 Al animator así. 01:16.990 --> 01:22.810 Ahora tendrá un componente animator controller con el controlador asignado aquí. 01:22.870 --> 01:24.670 Muy bien, muy muy bien. 01:24.670 --> 01:32.140 Ahora si seleccionamos este animator y vamos a animator aquí puedes ver que se abrió el animator. 01:32.470 --> 01:35.500 Ahora necesitamos crear algunas animaciones y usarlas. 01:35.620 --> 01:38.680 Vamos a crear primero la animación idle del jugador. 01:38.680 --> 01:42.220 Así que haz clic en crear aquí en los assets. 01:42.220 --> 01:44.290 Asegúrate de seleccionar la carpeta animaciones. 01:44.290 --> 01:51.160 Así lo tenemos todo organizado y lo voy a llamar Player idle. 01:52.160 --> 01:53.750 Y voy a usar camel case. 01:53.750 --> 01:56.600 Así que player idle, guárdalo. 01:56.960 --> 01:59.570 Ahora tenemos la animación por defecto del jugador. 01:59.570 --> 02:01.910 Pero está vacía. 02:01.910 --> 02:03.860 Así que necesitamos asignar algunos sprites. 02:03.860 --> 02:06.320 Aquí podemos ir a gráficos. 02:08.520 --> 02:09.690 Personaje principal. 02:10.620 --> 02:12.600 Chico virtual e idle. 02:12.600 --> 02:17.820 Por suerte para nosotros, el creador de estos assets preparó todo para nosotros. 02:17.850 --> 02:23.670 Si vas a abrir el Sprite Editor, verás que estos sprites están bien recortados y podemos usarlos 02:23.670 --> 02:24.510 tal cual. 02:24.510 --> 02:30.930 Pero puede pasar que en el próximo proyecto consigas los assets y no estén preparados así. 02:30.930 --> 02:34.560 Así que te mostraré cómo preparar assets para animaciones rápidamente. 02:35.040 --> 02:37.020 Haz clic en reset aquí. 02:37.020 --> 02:39.060 Ahora no tiene nada. 02:39.060 --> 02:40.410 Sin configuración, nada. 02:40.410 --> 02:41.610 Solo una imagen. 02:42.910 --> 02:44.800 Está todo junto y borroso. 02:45.220 --> 02:49.000 Primero, para que no esté borroso, ve a compresión. 02:49.000 --> 02:52.660 Elige ninguno y en filtro pon sin filtro. 02:52.660 --> 02:53.770 Haz clic en aplicar. 02:53.800 --> 02:56.470 Ahora está nítido y bien. 02:56.620 --> 03:01.630 El siguiente paso sería cambiar pixel per unit, como hicimos al principio. 03:01.630 --> 03:03.970 Así que pon pixel per unit en 16. 03:04.690 --> 03:05.830 Muy bien. 03:05.830 --> 03:10.810 Ahora elige sprite mode multiple aquí. 03:10.810 --> 03:12.130 Esto es muy importante. 03:12.130 --> 03:16.360 Después haz clic en Open Sprite Editor. 03:16.360 --> 03:19.450 Necesitamos cortarlos para usarlos uno por uno. 03:19.570 --> 03:23.200 Voy a elegir grid by cell size aquí. 03:23.410 --> 03:26.770 Y sé que el tamaño es 32 por 32. 03:26.800 --> 03:29.470 Así que córtalos y haz clic en aplicar. 03:29.470 --> 03:32.620 Ahora los tenemos listos para usar como antes. 03:34.020 --> 03:36.600 Ahora selecciona todos los sprites aquí. 03:36.600 --> 03:37.560 Así.