Juego

¡¡Construyamos un juego!!

El juego que diseñaremos serán de dos pelotas dentro de la pantalla, éstas chocarán con unas cajas que se moverán en la pantalla, lo atractivo de esto es que se puede jugar con un compañero, y decir quien es el ganador al contar los choques ya que cuenta con un componente para saber quien choca más y su dificultad es que cuando hacen contacto, la pelota aumenta de velocidad.

Como es nuestra primera aplicación no haremos un estudio de la funcionalidad ni el manejo de eventos de la aplicación, solamente comenzaremos por lo más simple, que es colocar un elemento que tiene animación.

Partamos con su construcción. 

Todo elemento que tiene animación debe estar contenido en un lienzo.

Seleccione en Paleta: Dibujo y animación

Arrastrar Lienzo al Screen1 (pantalla de celular)

Vamos a las propiedades del Lienzo y cambiamos en Ancho y Alto por 80%.

Quedando de la siguiente manera:

Agregue dos Pelotas al contenedor Lienzo.

Observa como las componentes dependen de otra.

Cambie el color de las Pelotas e ingrese 5.0 para la velocidad en ambas.

Estando en modo de Diseño seleccionamos SpriteImagen desde la Paleta y la arrastramos a nuestro lienzo en Screen1, dos veces.

Selecciona SpriteImagen en el área de componentes y luego el botón Subir archivo en el área Medios, te recomiendo buscar dos imágenes de cajas y guardarlas en tu ordenador.

Selecciona las imágenes, una a una y acepta, esto te servirá para el SpriteImagen.

En Propiedades de SpriteImagen selecciona Foto y selecciona un archivo.

Quedando así:

Activamos el modo Bloques

Programaremos el siguiente evento: Cuando arrastremos los SpriteImagen los moveremos a otra posición.

Para esto, debemos seleccionar el SpriteImagen que programaremos primero y luego el segundo siguiendo el siguiente algoritmo:

Nota: para probar la aplicación en tu teléfono, no olvides seleccionar Al companion.

Agregaremos un nuevo evento que consiste en lo siguiente: Cada vez que colisione la Pelota1 con el SpriteImagen1 la pelota debe rebotar apuntando a una nueva dirección, lo mismo con la segunda, guiémonos por lo siguiente:

Le agregaremos un contador de colisiones, para esto necesitamos un campo de texto para ir mostrando la cantidad de colisiones que se van generando.

Activa el modo de Diseño y agregaremos un campo de texto desde Paleta / Interfaz de usuario.

Necesitamos una variable global llamada contador1 y una variable contador 2 inicializadas en 0, que sean reconocida por las componentes, para esto vamos al modo Bloque y seleccionamos Variables y arrastramos inicializar global nombre como

Nota: Para inicializar el valor necesitamos un valor Matemático 0, Selecciona Matemáticas en Bloques y selecciona el primer bloque de valor.

El evento de colisión es el siguiente: Cada vez que colisiona SpriteImagen1 con la Pelota1 o SpriteImagen2 con la Pelota2, debemos incrementar el contador y escribir su valor en el Campo de Texto.

Para incrementar en 1 el valor del contador necesitamos poner el contador al valor de la suma del valor actual del contador más 1

Para sumar seleccionamos el bloque + de Matemática y lo completamos con:

Tomar el valor de la variable global de contador más el valor 1 de un bloque de Matemática

En variables, selecciona bloque poner, déjalo en global contador y encaja el bloque de la suma, obteniendo lo siguiente:

Seleccionamos en el área de Bloque el CampoDeTexto y seleccionamos el bloque poner CampoDeTexto el Texto

duplicando el bloque tomar y lo encajamos en el bloque del CampoDeTexto

Agregamos los bloques al evento Colisión obteniendo lo siguiente, se debe repetir también para el SpriteImage2

Seleccionamos el bloque poner Pelota1 a Velocidad como y le agregamos el bloque de multiplicación de la Pelota1, es decir

Agregar este nuevo bloque al evento colisión, repetir también para el SpriteImage2

Y ahora nuestro juego debería estar listo, compruébalo desde tu celular!!!

Si lo logras puedes intentar con este video