1 00:00:02,799 --> 00:00:08,220 Vamos a ver ahora la animación de textos, que es uno de los objetos que podemos incluir dentro de nuestro programa. 2 00:00:08,599 --> 00:00:12,359 Vamos primero a... vamos a quitar el gato, que no lo vamos a usar. 3 00:00:13,599 --> 00:00:22,420 Pulsamos aquí, eliminamos, y vamos a poner otro fondo, cualquiera, el que más nos guste. 4 00:00:23,019 --> 00:00:24,280 Voy a hacerlo aquí, en este de la luna. 5 00:00:25,579 --> 00:00:29,519 Ya tenemos un fondo, vemos que estamos con el fondo seleccionado, 6 00:00:29,519 --> 00:00:33,460 pero nosotros vamos a añadir ahora texto 7 00:00:33,460 --> 00:00:37,880 en este caso tenemos la opción aquí de ir buscando lo que queramos 8 00:00:37,880 --> 00:00:41,979 o directamente de buscar letras, voy a buscar tres letras 9 00:00:41,979 --> 00:00:45,079 para poner un nombre corto porque si no tardamos mucho 10 00:00:45,079 --> 00:00:53,380 otra letra, la R y otra última letra 11 00:00:53,380 --> 00:01:03,719 vamos a aplicarles a cada una de estas letras 12 00:01:03,719 --> 00:01:07,700 un efecto que es el que podríamos aplicarle a cualquier texto 13 00:01:07,700 --> 00:01:15,560 o cualquier objeto que nosotros queramos bien vamos a empezar con la g y vamos a decirle que 14 00:01:15,560 --> 00:01:21,019 se inicie todo al hacer clic también podríamos hacer lo que se iniciase la animación al pulsar 15 00:01:21,019 --> 00:01:27,579 sobre la letra si pulsamos si utilizamos esta pieza al hacer clic sobre este objeto se iniciaría 16 00:01:27,579 --> 00:01:36,659 al pulsar sobre la g vamos a hacer simplemente que gire vamos a ir al movimiento y vamos a ver 17 00:01:36,659 --> 00:01:40,560 que gire 15 grados, que es lo que está puesto aquí, y vamos a decirle 18 00:01:40,560 --> 00:01:46,540 que lo haga con una tecla de control todo el tiempo 19 00:01:46,540 --> 00:01:50,379 a hacer así, la G va a estar dando vueltas 20 00:01:50,379 --> 00:01:53,060 y ya está 21 00:01:53,060 --> 00:01:57,099 paro, y vamos a decirle que 22 00:01:57,099 --> 00:02:01,760 no lo haga tan rápido, sino que se espere un poquito en cada giro 23 00:02:01,760 --> 00:02:05,140 que vaya girando poco a poco, así que lo vamos a decir 24 00:02:05,140 --> 00:02:07,159 en una tecla de control 25 00:02:07,159 --> 00:02:09,020 porque vamos a controlar el movimiento 26 00:02:09,020 --> 00:02:11,000 que espere pues eso, 0,1 27 00:02:11,000 --> 00:02:12,259 0,1 segundos 28 00:02:12,259 --> 00:02:15,099 así lo va a hacer 29 00:02:15,099 --> 00:02:15,960 más despacito 30 00:02:15,960 --> 00:02:17,219 pero 31 00:02:17,219 --> 00:02:21,060 cuando empiece el programa, si esto se queda así 32 00:02:21,060 --> 00:02:22,979 ahora va a empezar el programa, va a empezar a ser torcido 33 00:02:22,979 --> 00:02:25,500 así que vamos a decirle que cuando se pulse la banderita 34 00:02:25,500 --> 00:02:27,039 lo primero que tiene que hacer 35 00:02:27,039 --> 00:02:29,199 es apuntar en dirección 36 00:02:29,199 --> 00:02:29,719 90 37 00:02:29,719 --> 00:02:32,599 entonces al pulsar, primero se va a colocar 38 00:02:32,599 --> 00:02:34,259 y luego va a empezar a 39 00:02:34,259 --> 00:02:37,699 girar, como no vemos el nombre 40 00:02:37,699 --> 00:02:42,360 al pulsar la banderita, vemos, no la vemos parada y vamos a decirle 41 00:02:42,360 --> 00:02:46,400 que espere un segundo, que durante un segundo se vea la letra 42 00:02:46,400 --> 00:02:49,879 en su sitio colocada, así que vamos a control otra vez y vamos a decirle que espere 43 00:02:49,879 --> 00:02:53,800 en este caso vamos a decirle que un segundo o cero un segundo 44 00:02:53,800 --> 00:03:02,479 y ahora lo que hará es, al empezar el programa, lo hemos colocado al revés 45 00:03:02,479 --> 00:03:06,620 al empezar el programa, se coloca, espera un segundo 46 00:03:06,620 --> 00:03:10,360 y empieza a girar, bien pues ya tenemos una animación para la 47 00:03:10,360 --> 00:03:14,659 para la letra G, vamos a animar ahora la R 48 00:03:14,659 --> 00:03:18,219 la seleccionamos y a la R vamos a darle otro efecto 49 00:03:18,219 --> 00:03:22,340 podríamos aplicarle el mismo simplemente copiándolo, pero vamos a hacerle que en este caso 50 00:03:22,340 --> 00:03:26,520 al hacer clic en la banderita va a ir cambiando 51 00:03:26,520 --> 00:03:30,719 de tamaño, en apariencia, cambia de tamaño 52 00:03:30,719 --> 00:03:33,539 vamos a decirle que 5 veces 53 00:03:33,539 --> 00:03:37,500 y vamos a decirle que esto lo repita 54 00:03:37,500 --> 00:03:41,539 en control todo el tiempo, va a estar haciéndolo todo el tiempo 55 00:03:41,539 --> 00:03:45,960 esto crecería y crecería y no decrecería, así que por siempre no lo vamos a hacer 56 00:03:45,960 --> 00:03:48,879 vamos a decirle que lo repita 10 veces 57 00:03:48,879 --> 00:03:52,479 va a repetir 10 veces el cambio de tamaño y luego 58 00:03:52,479 --> 00:03:57,240 voy a duplicar, voy a decir que ese cambio de tamaño 59 00:03:57,240 --> 00:04:00,879 lo repita 10 veces en el sentido contrario 60 00:04:00,879 --> 00:04:02,219 con un menos 5 61 00:04:02,219 --> 00:04:06,580 y ahora será pequeña 62 00:04:06,580 --> 00:04:09,400 esto le vamos a decir que lo repita 63 00:04:09,400 --> 00:04:10,379 todo el tiempo 64 00:04:10,379 --> 00:04:12,699 esto si lo va a repetir todo el tiempo 65 00:04:12,699 --> 00:04:14,840 vamos a meter esto aquí 66 00:04:14,840 --> 00:04:16,360 y todo el tiempo va a hacer eso 67 00:04:16,360 --> 00:04:17,779 al hacer clic 68 00:04:17,779 --> 00:04:20,160 y esa es la animación 69 00:04:20,160 --> 00:04:22,579 pero que pasa, que la letra se ha hecho muy grande 70 00:04:22,579 --> 00:04:24,000 al probar 71 00:04:24,000 --> 00:04:26,800 y entonces le vamos a decir que lo primero que tiene que hacer 72 00:04:26,800 --> 00:04:28,300 es me voy a 73 00:04:28,300 --> 00:04:31,120 aspecto, cambiar el tamaño 74 00:04:31,120 --> 00:04:32,279 fijar el tamaño al 100% 75 00:04:32,279 --> 00:04:36,600 Al empezar, siempre va a pasar al 100%. 76 00:04:36,600 --> 00:04:38,600 Empieza en el 100% y luego crece. 77 00:04:39,160 --> 00:04:43,379 Y como le hemos dicho antes que esperase un segundo para empezar la iniciación, 78 00:04:44,060 --> 00:04:48,379 la animación, en control le vamos a decir que espere también un segundo 79 00:04:48,379 --> 00:04:53,379 para empezar la animación de esta letra, para que las dos empiecen a la vez. 80 00:04:54,959 --> 00:05:00,279 Ahora, si pulso la banderita de aquí, veo la animación de esta letra 81 00:05:00,279 --> 00:05:01,519 letra 82 00:05:01,519 --> 00:05:12,899 y si puso aquí veo la animación general 83 00:05:12,899 --> 00:05:14,600 y ahora vamos a animar la U 84 00:05:14,600 --> 00:05:17,980 vengo a la última letra y en esta vamos a hacer otro efecto distinto 85 00:05:17,980 --> 00:05:21,459 también que al hacer clic en la banderita 86 00:05:21,459 --> 00:05:23,060 pues esta letra 87 00:05:23,060 --> 00:05:24,680 la que vamos a hacer es 88 00:05:24,680 --> 00:05:27,060 cambiarla de color 89 00:05:27,060 --> 00:05:28,259 vamos a decirle 90 00:05:28,259 --> 00:05:31,000 una pieza de control 91 00:05:31,000 --> 00:05:33,399 que por siempre 92 00:05:33,399 --> 00:05:35,180 en apariencia 93 00:05:35,180 --> 00:05:36,500 va a 94 00:05:36,500 --> 00:06:07,180 sumar el efecto de color, en este caso pone 25, vamos a darle 15 y va a hacer esto, pero va muy deprisa y vamos a decirle que espere pues algo de tiempo, me hago control, es decir que espere aquí después de cada cambio de color para que se vea pues 0.3 segundos, 3 décimas de segundo, si no lo subimos, bueno pues ahora se ve el cambio, quizá vamos a ponerle más tiempo, 95 00:06:07,180 --> 00:06:14,790 0.5 y así se ve mejor el cambio que va haciendo 96 00:06:14,790 --> 00:06:18,850 y tengo que hacerle también como las piezas anteriores 97 00:06:18,850 --> 00:06:22,810 primero que empiece en el color naranja 98 00:06:22,810 --> 00:06:26,930 eso sería, si me pongo apariencia, dar el efecto al color 99 00:06:26,930 --> 00:06:30,730 el valor 0, el valor 0 sería el valor inicial, empezaría en 100 00:06:30,730 --> 00:06:35,879 naranja, le voy a decir que espere también como antes 101 00:06:35,879 --> 00:06:40,079 pongo todas las piezas en control, que espere un segundo 102 00:06:40,079 --> 00:06:53,910 y ahora lo pongo ahí y paro y al pulsar la banderita veo que lo hace. Estoy pulsando 103 00:06:53,910 --> 00:06:58,430 esta bandera y entonces solo lo hace esa pieza. Me vengo aquí y cuando pulso las tres 104 00:06:58,430 --> 00:07:07,540 pues veo que hace la animación correcta. Bien, puede ir animando las letras de la manera 105 00:07:07,540 --> 00:07:14,120 que yo quiera. A ver, podría hacer que al pulsar sobre las teclas se iniciase la animación 106 00:07:14,120 --> 00:07:43,079 O también podría inventarme un nuevo objeto, uno que tenga por aquí, por ejemplo el botón, y le digo que en una tecla de eventos, al pulsar, al presionar, al hacer clic en este objeto, lo voy a cambiar de color, en disfraces, voy a rellenar de rojo, voy a cambiar un poco el tamaño, 107 00:07:43,079 --> 00:07:48,949 y que al pulsar sobre este objeto 108 00:07:48,949 --> 00:07:51,110 el control 109 00:07:51,110 --> 00:07:54,990 se detiene en todos los programas 110 00:07:54,990 --> 00:07:56,769 o puedo hacer que se detenga uno solo 111 00:07:56,769 --> 00:07:58,910 o según lo que quiera, se detiene en todos los programas 112 00:07:58,910 --> 00:07:59,269 entonces 113 00:07:59,269 --> 00:08:01,310 empieza la animación 114 00:08:01,310 --> 00:08:05,069 y yo pulso sobre el objeto 115 00:08:05,069 --> 00:08:07,490 y se para todo y vuelve al principio 116 00:08:07,490 --> 00:08:10,670 también puedo darle la misma animación 117 00:08:10,670 --> 00:08:11,990 a todas las letras 118 00:08:11,990 --> 00:08:12,970 y hacer un efecto 119 00:08:12,970 --> 00:08:16,149 que sea más o menos homogéneo para todas 120 00:08:16,149 --> 00:08:18,209 por ejemplo voy a cambiar la animación 121 00:08:18,209 --> 00:08:24,009 de esta letra, de la G, este principio lo mantengo, pero le voy a decir que al principio 122 00:08:24,009 --> 00:08:34,389 la letra gire 15 grados para un lado, para el lado que sea, que lo hace ahí, y después 123 00:08:34,389 --> 00:08:40,769 le voy a decir que todo el tiempo va a girar inicialmente a un lado y luego va a tener 124 00:08:40,769 --> 00:08:45,830 que girar para allá y para allá. Inicialmente va a girar 15 grados para allá y ahora yo 125 00:08:45,830 --> 00:08:51,990 Quiero que gire 30 y luego siga girando 30, 30, 30, 30, 30 para que se mueva así. 126 00:08:52,809 --> 00:09:00,450 Así que le voy a decir que gire 30 grados para el otro lado, que se espere 0,1 segundos. 127 00:09:00,450 --> 00:09:05,370 Y ahora duplico esto y le voy a decir que gire en lugar de 30 grados. 128 00:09:06,629 --> 00:09:11,049 Pues puedo utilizar la otra pieza o simplemente decirle que gire menos 30. 129 00:09:11,049 --> 00:09:22,279 y ahí tenemos, puedo decirle que espere más tiempo 130 00:09:22,279 --> 00:09:24,720 porque queda un poquito mejor a lo mejor 131 00:09:24,720 --> 00:09:30,759 y que espere 0.3 132 00:09:30,759 --> 00:09:35,100 y ahí tenemos, la letra va a estar ahí hasta que yo pare el botón 133 00:09:35,100 --> 00:09:38,299 y ahí tenemos animada la G 134 00:09:38,299 --> 00:09:41,279 podemos aplicarle esto a la R 135 00:09:41,279 --> 00:09:44,659 y también a la U 136 00:09:44,659 --> 00:09:49,059 de manera que ahora todas las letras van a hacer la misma animación 137 00:09:49,059 --> 00:09:54,259 Esto me lo traigo a la R, ya lo tenéis, y ahora se lo pongo a la U. 138 00:09:55,659 --> 00:09:57,820 Veo que se pone en azul, pero es la que se mueve. 139 00:09:59,600 --> 00:10:05,679 Cuando me traigo algo aquí, tengo que ver no solo que se pone en azul, sino que como que baila un poco la letra. 140 00:10:06,519 --> 00:10:09,320 Entonces ahora la animación, vamos a verlo en grande, quedará. 141 00:10:15,120 --> 00:10:20,799 Puedo hacer que una gire en sentido contrario a la otra, la del medio, por ejemplo. 142 00:10:20,799 --> 00:10:24,600 al medio, vamos a darle el giro al revés 143 00:10:24,600 --> 00:10:29,980 vamos a mirarlo aquí, vamos a decirle, cambiarle simplemente los signos 144 00:10:29,980 --> 00:10:33,360 en lugar de cambiar la pieza, simplemente cambiar los signos 145 00:10:33,360 --> 00:10:45,000 y ya tenemos la animación para el lado contrario, ahora la R 146 00:10:45,000 --> 00:10:47,919 en teoría va a girar para el lado contrario que las otras dos 147 00:10:47,919 --> 00:10:54,929 bien, este es un tipo de animación que podemos hacer, podemos añadirle además 148 00:10:54,929 --> 00:10:59,090 el cambio de color, vamos a decirle 149 00:10:59,090 --> 00:11:07,590 hacer clic, esta letra, la G, como hemos hecho con la anterior, en apariencia, va a esperar un segundo, 150 00:11:07,590 --> 00:11:15,710 que es lo que tenemos puesta en todas las animaciones, va a esperar un segundo, después de esperar este segundo, 151 00:11:16,750 --> 00:11:22,789 no, lo primero va a, en apariencia, dar el efecto de color y el valor cero, que es el naranja, 152 00:11:22,789 --> 00:11:24,309 esperar un segundo y ahora 153 00:11:24,309 --> 00:11:26,870 durante todo el tiempo 154 00:11:26,870 --> 00:11:29,110 va a estar cambiando 155 00:11:29,110 --> 00:11:30,610 de color en apariencia 156 00:11:30,610 --> 00:11:36,590 y vamos a decirle que suma el efecto 157 00:11:36,590 --> 00:11:37,809 de color 158 00:11:37,809 --> 00:11:40,649 este va a sumar el efecto 159 00:11:40,649 --> 00:11:43,679 de color 15 160 00:11:43,679 --> 00:11:45,899 y va a esperar 161 00:11:45,899 --> 00:11:47,259 como antes 162 00:11:47,259 --> 00:11:50,340 0,3 segundos 163 00:11:50,340 --> 00:11:53,539 ahora al hacer la 164 00:11:53,539 --> 00:11:55,559 banderita, al pulsar la banderita 165 00:11:55,559 --> 00:11:59,710 la G va cambiando de color 166 00:11:59,710 --> 00:12:00,750 además de moverse 167 00:12:00,750 --> 00:12:04,309 vamos a traernos este programa a la R 168 00:12:04,309 --> 00:12:09,909 vemos que está en el azul y ahora cuando la R baila es que se ha colado la programación en la R 169 00:12:09,909 --> 00:12:14,350 y vamos a hacer un cambio, vamos a hacerle que se fije en el baloncero 170 00:12:14,350 --> 00:12:18,750 pero va a sumarle 20, pues ya el color será distinto 171 00:12:18,750 --> 00:12:27,279 vamos a ponerle 25 para que se note más diferencia de color de uno a otro 172 00:12:27,279 --> 00:12:37,200 incluso vamos a darle más diferencia de color 173 00:12:37,200 --> 00:12:39,899 vamos a ponerle 30 174 00:12:39,899 --> 00:12:49,909 Y este programa, como antes, me lo traigo a la U 175 00:12:49,909 --> 00:12:53,950 Y cuando vea que la U baila, ahí, esa es la U 176 00:12:53,950 --> 00:12:55,549 Pues lo tiene metido la U 177 00:12:55,549 --> 00:13:06,179 Y vamos a decirle que sume el efecto 40 178 00:13:06,179 --> 00:13:08,279 Va a tener menos variedad de colores, pero bueno 179 00:13:08,279 --> 00:13:10,240 Vamos a verlo en grande 180 00:13:10,240 --> 00:13:19,519 Bien, y si puso el botón rojo, para 181 00:13:22,169 --> 00:13:28,409 Bien, pues esta sería una manera de animar letras, textos que queramos, 182 00:13:28,490 --> 00:13:32,889 de manera más o menos divertida y que podríamos añadirle también sonido y música.