22 Javasript: Immagini e suoni.

 

 

 

1 Immagini. 

- Apri "Paint". Nel menu scegli "Immagine > Attributi" e metti "Larghezza:14", "Altezza:14".

- Usa lo strumento zoom per vedere la zona di disegno ingrandita.

- Disegna una mela o qualunque cosa il bruco debba mangiare. 

- Salva il file in formato ".jpg" nella stessa cartella di snake con il nome "mela.jpg"

- Apri il file html di snake. Aggiungi i seguenti comandi nella zona delle variabili:

mela = new Image();

mela.src = "mela.jpg";

 

- Sapendo che il comando grafica.drawImage(mela, xmela, ymela) fa comparire il disegno della mela alle coordinate xmela, ymela, scopri dove devi usarlo nel programma.

 

- Modifica anche la funzione aggiornaPunteggio() per fare in modo che cancelli una zona grande come il disegno della mela ogni volta che il serpente mangia la mela.

 

 

 

 

2 Suoni.  (TENETE BASSO IL VOLUME)

- Chiedi al prof di mettere la cartella dei di file di suoni nella cartella di snake.

- Ascoltali (a volume basso) e scegli un suono che ti interessa.

- Apri il file html di snake. Aggiungi il seguente comando nella zona delle variabili:

suono1 = new Audio("suoni/nomefile.wav");
dove nomefile.wav è il nome del file sonoro che ti interessa.

- Sapendo che con il comando suono1.play(); si ottiene la riproduzione del suono voluto, usa tale comando nel punto del programma che pensi adatto (il bruco passa da un lato all'altro dello schermo, il bruco mangia una mela, il bruco muore, …).

- Ripeti il procedimento per mettere altri suoni se vuoi.

 

 

 

 

3 Gioca e sperimenta.