Como hacer un juego en App Inventor

Ahora que conocemos App Inventor podrás realizar diferentes juegos interactivos.
En esta sección te vamos a enseñar a como utilizar App Inventor y a cómo crear juegos.


  1. Inicia sesión el la página http://ai2.appinventor.mit.edu, selecciona tu proyecto y vincula lu dispositivo o tablet con App Inventor.
  2. Vamos a hacer una pantalla de carga y para esto dirígete a "Paleta", selecciona "dispositivo" y arrastra 2 vecesa donde se encuentra la pantalla del dispositivo.
  3. Buscar en "Paleta" la opción 
  4. A la primera  arrastra   una vez.
  5. A la segunda  arrastra  dos veces.
  6. En la parte de "Paleta", en "Sensores". Arrastras la opción  a la pantalla del dispositivo. Y cambie 
  7. En la parte de "Componentes"  vamos a "cambiar  nombre" a las  . Respectivamente quedarán así 
  8.  A  le cambiamos el color en propiedades  y el texto le agregamos la letra "l"

  9.  el cambiamos el tipo de letra, el tamaño  y en texto le agregamos la palabra cargando... 
  10.  le cambiamos el tipo de letra, el tamaño  y en el texto le agregamos el número 0 
  11. Al final queda así 
  12. Ahora hacemos clic en  y nos aparecerá lo siguiente y hacemos clic en aceptar
  13. Selecciona la opción "dispositivo" y arrastra 2 a la pantalla del dispositivo.
  14. A la primera  le agregamos una .
  15. En la parte de "Componentes"  vamos a "cambiar  nombre" a la por 
  16.  le cambiamos el tipo de letra  y en texto le agregamos "¿Cuál es el valor de x en la ecuación 2x + 3 = 15?" y queda de la siguiente manera 
  17. Ahora a la segunda le agregamos 4 botones. Los botones se encuentran en la sección de "Paleta" 
  18. Arrastra 4  a la pantalla del dispositivo 
  19. A cada botón le cambiamos el tipo de letra y el tamaño 
  20. Y le cambiamos el texto a los botones, (2, 6, 5, 4) respectivamente
  21. Ahora comenzaremos con los bloques. En la parte superior derecha de la página habrá una sección llamada "bloques", hazle clic
  22. En el costado izquierdo tenemos la sección de bloques. Haz clic en screen1 y arrastra el bloque 
  23. Ahora en  arrastra el bloque   y ancla  lo con el bloque anterior. Quedará de esta manera 
  24. Haz clic en Matemática y busca el bloque  y une lo con  
     quedando 
  25. Ahora en  arrastramos el bloque 
  26. En control arrastramos el bloque 
  27. Realizamos los siguientes bloques   y los anclamos a  
  28. En la tuerca de color azul del bloque   hacemos clic y agregamos el bloque 
  29. Ahora al sino le agregamos los bloques 
  30. Ahora tenemos esto  con lo cual logramos que la pantalla de carga avance la barra de carga y el número vaya creciendo y cuando llegue a 100 cambie a la siguiente página
  31. Ahora a programar la "Screen2". Para esto hacemos clic en screen 1 y fijamos la screen2
  32. Hacemos clic en "boton1" y arrastramos los siguientes bloques . Los unimos y en la sección "lógica" arrastramos el bloque 
  33. Quedando así 
  34. Ahora hacemos segundo clic en el bloque  y seleccionamos la opción duplicar. Este paso lo hacemos las veces necesarias a la cantidad de botones que tenemos y cambiamos las opciones.
  35. Luego hacemos exactamente lo mismo con el bloque  seleccionando con color rojo la respuesta incorrecta y verde a la correcta
  36. Para finalizar 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.


     

No hay comentarios:

Publicar un comentario