Pagina 1 di 1

[JS] Click mouse html5

Inviato: martedì 15 aprile 2014, 11:45
da 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.

Re: [JS] Click mouse html5

Inviato: martedì 15 aprile 2014, 12:40
da 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;
	}
}

Re: [JS] Click mouse html5

Inviato: mercoledì 16 aprile 2014, 8:54
da 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.

Re: [JS] Click mouse html5

Inviato: domenica 20 aprile 2014, 14:13
da treled
senza api come sarebbe la cosa?

hai esempi o internet?

grazie mille.

Re: [JS] Click mouse html5

Inviato: lunedì 21 aprile 2014, 22:46
da Zoff
Esattamente come ti ho scritto sopra.
Non conosco esempi.