Como crear tu primer juego usando app inventor

Antes de comenzar te recomiendo ver la entrada anterior de mi blog sobre como usar AppInventor haciendo click   AQUI

Ahora sabiendo como crear el proyecto creamos uno nuevo y  buscamos 4 fotos, en el formato que mas acomode, dos de fondo, una del jugador(a elección) y comida del jugador, en este caso usaremos para explicar un hámster y comida de hámster

Ahora debemos ir a la pestaña de medios y subir las imagenes anteriormente vistas


Una vez subido las imagenes nos quedara de la siguiente manera(en este caso se llaman hamster y semillas ya que el juego que hare es de eso sin embargo si tu juego lo quieres hacer de peces o algo mas puedes ponerle otro nombre):


Luego en la sección de paleta buscamos la subsección DisposicionHorizontal y arrastramos hacia la pantalla del celular (se puede observar en la siguiente foto) 








Luego de insertar la disposición horizontal, abrimos en la paleta la sección de interfaz de usuario de donde insertamos 2 etiquetas una al lado de la otra, otra disposición horizontal y un botón, se vería algo así (el espacio que se ve es la disposición vertical: 







Luego un lienzo, dos spriteimagen (desde la sección de dibujo y animación) y una tabla desde la sección de disposición viéndose de la siguiente manera:







 

Luego en la parte de componentes seleccionamos la DisposiciónTabular1 y cambiamos el nº de columnas por 3




Después de esto se agrega 4 botones desde la sección de interfaz de usuario que se vería de la siguiente forma:

Luego en componentes seleccionamos la screen y en la disposición horizontal/vertical ponemos centrar, posteriormente ponemos la imagen de fondo elegida (fondo secundario no primario) aunque para esto se deben subir en la sección de medios.




Luego cambiamos los datos de la etiqueta 1 y 2 por velocidad: y 00 respectivamente aumentamos tamaño de la letra, cambiamos estilo y color a elección. La disposición horizontal dos procedemos a editar el tamaño, y al botón le cambiamos el nombre por reiniciar como se vera en las siguientes imágenes:



Seleccionamos lienzo después de esto seleccionamos el fondo del juego (fondo principal) como se ve en la imagen en alto y ancho ponemos ajustar al contenedor y quedaría como se ve en las siguientes imágenes 


 
















Posterior a esto seleccionamos las imágenes y asignamos las imágenes, y cambiamos el tamaño a gusto en caso de que se vea mal. como se ve en la foto anterior debería quedar aunque es a juicio personal





Ahora llegamos a los botones, seleccionamos los botones y ponemos las flechas para que sirvan como guía en el movimiento del personaje como se ve en las fotos, se aumenta el tamaño si lo estima necesario






Una vez este todo terminado se vera como la foto con las flechas, el hámster, la comida, los fondos y marcadores.



Ahora renombramos para que sea mas fácil identificar en el modo bloque

en la esquina superior derecha se encuentra el modo bloque

una vez elegido lo primero que haremos es hacer funcionales los botones para esto en la parte izquierda seleccionamos un botón y nos saldrá un bloque a la izquierda como el siguiente

ahora apretamos donde renombramos la imagen de personaje y dirección, ponemos un valor basado en los grados es decir 0 es la derecha, 90 es arriba, 180 izquierda y 270 abajo. De esta forma los botones son funcionales


Ahora siguiendo lo mismo que antes elegimos las imagen del personaje cuando toca el borde, agregamos que la velocidad baje a 0 y aparezca la notificación de  ¨Te moriste po compadre¨

 Ahora pone que la imagen de personaje cuando choque con en este caso comida, esta se mueva a un valor aleatorio entre 1 y el máximo del largo y ancho del fondo (de forma que la comida no quede fuera del fondo) además que cuando el personaje se como su comida el contador de velocidad se suma en 1 y la velocidad del personaje también aumenta en 1
Ahora en la sección de comandos pondremos el comando iniciar juego, una vez puesto eso pondremos llamar a personaje al centro de la pantalla es decir debemos dividir el ancho y largo por 2 en x e y, para dividir se busca el bloque en matemáticas, además se agrega que cuando inicie el juego el personaje tenga una velocidad base de 3 y que el texto de velocidad tenga un valor de 3, además que la comida aparezca en un lugar aleatorio entre 1 y el ancho/largo como se ve en el siguiente bloque


Ahora le damos una función al botón reiniciar, que cuando este sea oprimido llame el bloque iniciar juego de forma que inicie el juego, además haremos otro bloque que para cuando se abra la pantalla se ejecute el comando iniciar juego de forma que el juego también inicie como se puede ver a continuación.

Hola, una vez terminado puedes apretar el siguiente link para descargar el juego realizado por mi de forma que usted pueda comparar sus resultados AQUI










Comentarios

Entradas populares de este blog

Aplicacion para dibujar a mano alzada

Como usar app inventor