1
00:00:15,919 --> 00:00:28,539
Ahora que ya hemos aprendido lo más básico de App Inventor y hemos utilizado algunos de sus elementos más fáciles, vamos a ver dos más que nos serán indispensables a la hora de hacer cualquier tipo de juego.

2
00:00:29,399 --> 00:00:35,479
Estos elementos son el canvas y los sprites, y los podemos encontrar en la sección de dibujo y animación.

3
00:00:36,740 --> 00:00:45,619
Empezaremos viendo el canvas. Este elemento será el lienzo en el cual pintaremos nuestros personajes y por encima del cual se moverán.

4
00:00:45,920 --> 00:00:51,539
vamos a arrastrar un canvas y lo vamos a situar en la pantalla

5
00:00:51,539 --> 00:00:57,119
haremos que el ancho se ajuste a la pantalla y el alto le pondremos unos 300

6
00:00:57,119 --> 00:01:06,219
píxeles ahora vamos a añadir un sprite como veis a la derecha nos salen muchas

7
00:01:06,219 --> 00:01:11,760
propiedades algunas de las cuales nos serán muy útiles y nos ahorrarán mucho

8
00:01:11,760 --> 00:01:19,469
trabajo primero cargaremos alguna imagen para nuestro sprite en mi caso utilizaré

9
00:01:19,469 --> 00:01:33,739
esta imagen de una pelota. Le cambiamos el tamaño a 30 píxeles por 30 píxeles. Ahora le daremos un

10
00:01:33,739 --> 00:01:42,599
poco de velocidad en la casilla Speed y en la propiedad Heading le escribiremos un 45. Este 45

11
00:01:42,599 --> 00:01:57,000
son los grados que indican hacia dónde apunta el objeto. Vamos a probarlo y como podéis ver se ha

12
00:01:57,000 --> 00:02:02,319
movido en la dirección que le hemos indicado, hasta tocar el borde donde ha quedado atrapado.

13
00:02:02,819 --> 00:02:13,370
Podemos cambiarle el ángulo y la velocidad. Y aquí lo tenemos. Se vuelve a enviar y,

14
00:02:13,509 --> 00:02:21,849
como veis, ya se mueve en otra dirección y más rápido. Aquí vemos cómo se queda atrapado en

15
00:02:21,849 --> 00:02:27,770
una esquina. Más adelante veremos qué bloques hemos de utilizar para trabajar con estos sprites

16
00:02:27,770 --> 00:02:35,449
y Canvas y ya haremos instrucciones más complejas. Vamos a ver de forma rápida y sencilla cómo

17
00:02:35,449 --> 00:02:40,909
crear aplicaciones con más de una pantalla. En la parte de arriba tenemos un desplegable

18
00:02:40,909 --> 00:02:47,629
que dice Screen 1 y un botón que dice Añadir pantalla, Add Screen. Entonces, con estos

19
00:02:47,629 --> 00:02:54,169
botones añadiremos pantallas o conmutaremos entre ellas. Hago un clic y le digo que me

20
00:02:54,169 --> 00:03:01,449
haga una pantalla que se llame Screen 2. La creará. Ahora estoy en la pantalla 2 y si hago clic en el

21
00:03:01,449 --> 00:03:16,250
desplegable vuelvo a la pantalla 1. Voy a crear un botón en una pantalla que diga abrir y en la

22
00:03:16,250 --> 00:03:31,639
segunda pantalla hago otro botón que diga cerrar. Bien. En la sección de bloques voy a encontrar

23
00:03:31,639 --> 00:03:46,030
unos llamados Open Screen Name y Close Screen que me permiten abrir y cerrar pantallas. Voy a hacer

24
00:03:46,030 --> 00:04:02,400
que al pulsar el botón se abra una pantalla y le escribo el nombre de la pantalla. Cambio a la

25
00:04:02,400 --> 00:04:19,500
pantalla 2 y en la pantalla 2 al botón le digo que al pulsar el botón cierre la pantalla. Vuelvo al

26
00:04:19,500 --> 00:04:34,680
principal y cargo el emulador. Se abre la segunda pantalla y al pulsar el botón

27
00:04:34,680 --> 00:04:37,639
cerrar volveré a la primera pantalla.