Control teclat

Com es veu al vídeo, s'està movent l'ovni a través de les fletxes del teclat i quan es xoca contra un alien, aquest desapareix.

Primer descarrega les imatges que et fan falta per aquesta pràctica:

• Espai

• Ovni

• Alien

Després hem d'afegir 2 capes, una per a posar l'ovni i una altra per a l'espai. Importa les imatges al canva.

Ara anem a fer que l'ovni es moga. En primer lloc el marquem com a clip:

Una vegada marcat com a clip, hem d'afegir un script en l'esdeveniment keydown, que és quan es presiona una tecla.

Insertarem el següent codi que diu que si la tecla que es presiona és up, canviarem la posició de la y en -10, és a dir, moure'm l'objecte cap a dalt.

Fes el mateix en una nova línia per a les tecles "down", "left" i "right".

Ara afegeix 2 aliens en una altra capa anomenada Aliens. Després fes clic de manera individual a cada ovni, fer-lo botó amb Make button i indíca-li un nom a cadascú, per exemple Alien1 i Alien2.

Anem a fer que quan l'ovni toque als aliens, aquests desapareguen. Per a fer-ho, en el script, cada vegada que comprovem si es pressiona la tecla up, down, left o right, hem de fer que comprove si está xocant en els aliens.

Després de modificar la direcció, per exemple en el up:

if (key === "up") {

this.y -= 10;

if (Ovni.hits(Alien1)) {

Alien1.opacity = 0;

}

}

El que està en negreta comprova si l'objecte Ovni està en contacte amb Alien1 i si eixa condició es compleix, es canvia la opacitat de Alien1 a 0, això fa que desaparega. Si volguerem tornar a mostrar-lo canviariem l'opacitat a 1.

Fes el mateix però perquè es comprove si toca l'Alien1 i l'Alien2 en les 4 tecles up, down, left i right.

Fes que hi hagen en total 4 aliens i que aquests desapareguen quan l'ovni els toque.

A més, fes que al pressionar la tecla r, els 4 aliens tornen a aparèixer.

Anem a crear una carrera com la següent:

Per fer-ho et fa falta el següent:

• Crear un camí i marcar-lo amb el nom cami

• Crear els dos vehicles amb els noms v1 i v2

• Dibuixar una linia de meta amb el nom meta

• Missatge de que ha guanyat el vehicle 1 que s'anomene guanyav1

• Missatge de que ha guanyat el vehicle 2 que s'anomene guanyav2

• Fer que al principi (script Default) els missatges guanyav1 i guanyav2 desapareguen

• Fer que el vehicle 1 es moga cada vegada que es presionen les tecles i, k, j i l

• Fer que el vehicle 2 es moga cada vegada que es presionen les tecles w, a, s, d

• Quan el vehicle 1 o el 2 toquen el cami tornaràn a l'inici (apunta les coordenades inicials de cada vehicle)

• Quan el vehicle 1 toque la meta es mostre el missatge guanyav1

• Quan el vehicle 2 toque la meta es mostre el missatge guanyav2

Per comprovar que es toquen totes les parets posarem el següent codi:

var lista = [linia1, linia2, linia3]; //canviar linia1, linia2 per tots els noms de les parets del circuit

function comprovarLlista(elemento) {

var i;

for (i = 0; i < lista.length; i++) {

if(elemento.hits(lista[i])) {

return true;

}

}

}

if (key === "up") {

this.y -=10;

if(comprovarLlista(this)) {

this.x=0; //canviar el 0 per la posició x inicial

this.y=0; //canviar el 0 per la posició y inicial

}

}