Actividad N°4 "juego de damas"

En esta actividad vamos a crear nuestro propio tablero de damas con App Inventor

1.- Inicia sección en la página de app inventor http://ai2.appinventor.mit.edu/. Crea un proyecto y vincula tu dispositivo android o tablet a app inventor.

2.- Vamos a necesitar una imagen de un tablero. Para eso buscaremos en Google "tablero damas" y descargamos la imagen que tu quieras.

3.- Ahora en la página de Mit App Inventor 2 empezaremos a trabajar con el diseño del tablero. En esta ocasión necesitaremos un "Lienzo" que lo encontraras en "Diseño y animación". Este nos servirá para incluir la imagen del tablero y poder colocar las fichas.

4.- Luego en las propiedades del "Lienzo" le cambiamos el ancho y el alto por "Ajustar al contenedor". Añadimos la imagen al lienzo

5.- Ahora necesitaremos crear las fichas para nuestro tablero. Para eso iremos a Paint desde nuestro ordenador y crearemos una ficha del color que sea. Luego volvemos al app inventor y añadimos un spriteimagen a un cuadrado de nuestro tablero y le añadiremos la ficha recién creada 

6.-  Repetimos ese paso en los primero 7 cuadrados negros de nuestro tablero para obtener nuestras fichas azules. Además le cambiaremos el nombre para luego en la construcción con bloques no nos confundamos 

7.- Realizaremos nuevamente los pasos 5 y 6 pero ahora con una nueva ficha creada que será el segundo jugador dentro del tablero

8.- Ahora nos iremos a la creación del juego con los bloques. Para eso necesitamos hacer las variables ListaAzul y ListaBlanca para cada ficha 

9.- Tenemos que iniciar el juego con las fichas en el tablero. Es por eso que necesitamos el bloque 

"Cuando Screen1 Inicializar." y debemos agregar las listas de cada ficha 

10.- Ahora debemos agregar cada ficha a nuestra construcción de la lista

11.-  Para el manejo del evento, debemos lograr que al presionar una ficha seleccionada para arrastrarla en forma diagonal a la siguiente posición. Cada vez que se presione una ficha las demás deben permanecer deshabilitadas para moverse. Para esto necesitamos el bloque de spite que se encuentra al final, en "Cualqueir componente"

12.- Estos bloques son la construcción para la ficha 

13.- Ahora debemos repetir el paso 12 para cada ficha faltante (15 fichas) Para eso usaremos la opción duplicar (clic derecho sobre el primer bloque y presionamos duplicar) 

OJO:  no olvides cambiar el nombre de las fichas

14.-  En este momento debemos programar que cada ficha se mueve dentro del tablero. Para eso necesitamos la siguiente agrupación de bloques

Esta estructura es para las fichas Azules. 

15.- Ahora tenemos que crear la estructura que sería para las fichas Blancas. Y para eso es una estructura parecida solo que en el sentido contrario. Quedando de la siguiente manera:

16.- Ahora para que la ficha obtenga una nueva posición necesitamos el bloque "Cuando ficha Azul1. Soltar" y "LlamarFichaAzul" para ejecutar el movimiento de esta.

17.- Para ir finalizando debemos repetir el paso 16 para las demás fichas (15 fichas restantes) 

OJO: Tener en cuenta que son 8 fichas de cada color por lo que 8 "FichaAzul Soltar" y 8"FichaBlanca Soltar"

18.- Y listo, ya puedes utilizar tu Juego de Damas. Para cargar tu aplicación dirígete a "conectar" y haz clic en "al companion". Escanea el código QR con tu dispositivo en "App inventor" y juega con tu actividad.