arkanoid

En esta ocasión, vamos a crear un juego clásico donde tenemos que evitar que la pelota toque el fondo de la pantalla.

Diseño Inicial:

Empezamos agregando los componentes:

Disposición Horizontal1: dentro de la categoría Disposición, nos permitirá disponer distintos componentes uno al lado del otro en horizontal.
- etqPuntos: es una etiqueta, situada en la categoría Interfaz de usuario, que usaremos para mostrar la puntuación.
- btnStart: es el nombre que le hemos dado a otro componente de la interfaz de usuario, un botón. Al pulsarlo debería comenzar la partida.
Lienzo1: Dentro de la categoría Dibujo y animación seleccionaremos el lienzo, que será donde transcurrirá nuestro videojuego. Ajustar alto y ancho al contenedor.
- Pelota1: en la misma categoría que el anterior.
- base: igual que la pelota, pero seleccionando el componente SpriteImagen. Lo usaremos para tener una imagen que pueda moverse por el lienzo, en concreto servirá para dar vida a la base.
Acelerómetro: situado en los Sensores, permitirá hacer uso de los movimientos de la tablet para manejar nuestros objetos.
Reproductor1: lo encontrarás en Medios y sirve para eso mismo, reproducir sonidos.

Programación de bloques:

Haremos uso de dos variables, una para los puntos y otra para hacer que la velocidad de la bola vaya incrementado a medida que el jugador gane puntos.

Crearemos un procedimiento que permita actualizar tanto la variable puntos como el marcador (la etiqueta etqPuntos) así como la velocidad de la pelota.

Usaremos el botón Start para que al ser pulsado se inicialicen todos los valores, como la situación de la pelota y la base en la pantalla o bien establecer los puntos a 0.

Haremos uso del componente acelerómetro para mover nuestra base por la pantalla. En este videojuego solo nos interesan los cambios en el eje X. Este funciona de forma que cuando la tablet está en horizontal devuelve el valor X cero, pero cuando lo giramos da valores negativos si es hacia la derecha y positivos si es hacia la izquierda. Aquí veis cómo hemos resuelto la programación del movimiento de la base usando este valor. Es importante recordar que las coordenadas en App Inventor comienzan con la posición (0,0) en el punto superior izquierdo de la pantalla. De esta forma, para la ubicación de nuestros objetos en el lienzo tenemos que tomar ese punto de referencia y considerar que la X crece hacia la derecha y la Y hacia abajo.

En App inventor un objeto puede saber si está tocando cualquier borde de la pantalla (incluso las esquinas). En la siguiente imagen se muestra la identificación de estos:

Si la pelota toca el borde inferior se terminará la partida, pero si es cualquier otro debe rebotar. Además, si colisiona con la base deberá rebotar y sumar punto.