Usuario:ManuelRomero/DAW/moviles/Mole

Mole Math: Juego del Mole

Componentes

Cavas

ImageSprite

Sound

Labels

HorizontalArrangements

Button

Clock

Colocando componetes

1. Basic==>Canvas (Width fill, Height 300)
2. Animation==>ImageSprite (Rename Mole, Picture mole.png)
3. Basic==> Button ((Rename ResetButton, Text Reset)
4. Basic==>Clock
5. Screen Arrangement ==> HorizontalArrangement Debajo del botón)
6. Basic Label (2)
   1. Label1(Rename HitsLabel, text Hits)
   2. Label2 (Rename HitsCountLabel, text 0)
7. Screen Arrangement ==> HorizontalArrangement Debajo del anterior
8. Basic Label (2)
   1. Label1(Rename MissesLabel, text Misses)
   2. Label2 (Rename MissesCountLabel, text 0)

Comportamiento a los componentes

Mover el topo

Crearemos el procedimiento MoveMole

Lo invocaremos cuando se inicie el juego

El lienzo va a ser nuestra pantalla

El Canvas 0,0 fill,300

Cuentas Canvas 200px, Mole.png 36 ps

Maximo en fila 200-36 = 164 (0-164) (Canvas.Width - Mole.Width)

Igual de altura (Canvas.Height- Mole.Height)

Creando el procedimiento

1. Abrimos el editor de bloques#
2. Vamos a la seccion BuitIn==>Definition
3. Arrastramos toProcedure (nombre MoveMole)
4. MyBlock==>Mole.MoveTo

• Para probar el funcionamiento botón derecho sobre el procedimiento y opción Do it
• Vemos como Mole cambia de posición en la pantalla

Invocar al procedimiento al arrancar la aplicación

• MyBlock==>Screen1.Initialize
• MyDefinition==> call.MoveMole y lo encajamos

Mover Mole cada segundo

• My Block==> Clocl1.timer
• MyDefinition==> call.MoveMole y lo encajamos
• El intervalo es la propiedad timerInterval en el diagrama de componentes no de bloques

La puntuación

• Ahora cada vez que se toque la pantalla queremos actualizar los contadores
• Si ha acertado incrementaremos en el label de hits
• Si ha fallado en el label de misses
• MyBlock==> Canvas1.Touched
• Build.in=>Control.ifelse

Resetear marcadores

• Cuando hagamos un click poner a cero las etiquetas

Añadido que vibre el teléfono

• Que cuando cacemos al topo el móvil vibre
• Sound1.vibrate
• Para ello agregamos en el diseño de componente el elemento sound
• Y procedemos según la imagen