APLICACION "Invasores Espaciales"
Enviado por LexusAbi • 17 de Junio de 2019 • Tarea • 980 Palabras (4 Páginas) • 99 Visitas
Invasores Espaciales.
Al crear la aplicación Invasores Espaciales, obtendremos práctica con el uso de componentes Clock y Timers, utilizando componentes de animación como Image, Sprites y Canvas, estableciendo la visibilidad y detectando colisiones en App Inventor. Programaremos una aplicación que tiene una nave de disparos cuyo objetivo es disparar a todos los platillos voladores en la pantalla.
Inicio
Conectarse al sitio web de App Inventor y comenzar un nuevo proyecto. Nombrándolo Invasores Espaciales, y también se configura el título de la pantalla como Invasores Espaciales. Conectarse a un dispositivo o emulador.
Introducción
Este tutorial presenta las siguientes habilidades, útiles para el futuro desarrollo de juegos:
- Uso del componente Clock
- Usando Clock.Timer para mover los sprites
- Usando Sprite.Flung para mover un sprite
- Usando detección de colisión
- Establecer la visibilidad de los sprites
Sprites
Para este juego, tendremos dos tipos de sprites: una de imagen representado por una nave de disparos y platillos voladores representados por un sprite de bola.
[pic 1]
[pic 2]
Configuración de componentes.
Utilice el diseñador de componentes para crear la interfaz para Invasores Espaciales. Cuando termine, debería verse como la instantánea siguiente.
[pic 3]
Para crear esta interfaz, coloque los siguientes componentes en el Diseñador arrastrándolos desde la Paleta de componentes al Visor y establezca las propiedades de los componentes como se describe a continuación:
Tipo de Componente | Grupo De Paletas | Nombre | Propósito | Acción |
Pantalla | Drawing and Animation | Canvas1 | El trasfondo en el que pondremos nuestros sprites | Cambiar la propiedad Ancho a "Completar principal" y la propiedad Altura a 300. Establezca la propiedad BackgroundColor en Negro |
ImageSprite | Drawing and Animation | Nave | El cohete en nuestro juego | Suba la imagen de nave espacial y establezca la propiedad Imagen en "rocket.png". Establezca la propiedad Y en 230. Esto colocará el cohete en la parte inferior del lienzo. |
ImageSprite | Drawing and Animation | Gusano | El platillo volador en nuestro juego | Cargue la imagen del platillo y establezca la propiedad Imagen en "gusano.png". |
BallSprite | Drawing and Animation | Bala | La bala del cohete. | Cambie PaintColor a Verde y establezca la propiedad Radius en 8. |
Reloj | Interfaz de usuario | Reloj1 | Usamos el reloj para su método de temporizador para mover el platillo | Cambie la propiedad TimerInterval a 3000. |
Arreglo horizontal | Diseño | HorizontalArrangement1 | Para contener Label1 y ScoreLabel | |
Label | Interfaz de usuario | Label1 | Para contener la palabra "Puntuación" | Cambiar propiedad de texto a "Puntuación:". |
Label | Interfaz de usuario | ScoreLabel | Para contener el puntaje numérico actual | Cambie la propiedad Text a "0". |
Botón | Interfaz de usuario | Botón de reinicio | Para reiniciar el juego para que el jugador pueda jugar de nuevo | Cambiar la propiedad de texto a "Restablecer". |
...