[JS] Click mouse html5

[treled]

salve, ho questo mini gioco che sto facendo , ma non riesco ad capire come far che l'utente se clicca sopra lo sprite gli viene aggiunto il punteggio +10..

ecco il pezzo che sto facendo :

Codice: Seleziona tutto

var game_width = 800;
var game_height = 550;

var logo_html5_x = 100;
var logo_html5_y = 100;

var logo_html5 = loadSprite('media/test/html5.png');

function initGame()
{
	setGameBackground('#ffbf18');
	game.addEventListener('click', game_mouseDown, false);
}

function game_mouseDown (e) {
	
}

function draw()
{
	GameClear();
	drawImage(logo_html5,logo_html5_x, logo_html5_y);
}

function update()
{
	logo_html5_x = Math.random() * game_width;
	logo_html5_y = Math.random() * game_height;
}

come si può usare l'evento click del mouse ?

grazie mille.

[treled]

ok, cosi come posso fare la collisione?

Codice: Seleziona tutto

function game_mouseDown (e) {
   e = e || window.event;
    switch (e.which) {
	  case 1: alert('left'); break;
	}
}

[Zoff]

Non c'è supporto per il click sugli elementi nei disegni dei canvas.
Devi calcolare la posizione del mouse rispetto al canvas, poi devi controllare quale degli elementi disegnati si trova in quella posizione al livello piu' alto e fare quello che vuoi.

Se cerchi probabilmente ci sono delle librerie che ti offrono delle API per questo.

[treled]

senza api come sarebbe la cosa?

hai esempi o internet?

grazie mille.

[Zoff]

Esattamente come ti ho scritto sopra.
Non conosco esempi.