Verificare sovrapposizione elementi...

[ExSoax]

Salve ragazzi
Sto realizzando un gioco in cui c'è un omino, quando clicco su un punto dello schermo, l'omino si dirige in quel punto. Siccome in questo gioco si possono anche costruire edifici, è brutto vedere passare l'omino sull'edificio o dietro, quindi vorrei fare arrestare la sua camminata quando incontra un edificio e per questo mi servirebbe vedere se si trovano le due img sovrapposte. Ecco il codice con cui cammina : (USO JQUERY)

function animate(id){

 var t = 0;
 var e = "";
 var fin = "";
 
 y = parseInt(pers.css("top"));
 x = parseInt(pers.css("left"));
 
 var data = id.split(".");
 xd = parseInt(data[0]);
 yd = parseInt(data[1]);

  var doc = prendiElementoDaId(xd+"."+yd);
  
  coo_y = Math.round((parseInt(doc.style.top)-6)/2)*2;
  coo_x = Math.round((parseInt(doc.style.left)+25)/2)*2; 
  animazione = setInterval("animate_sub(\""+id+"\",\""+coo_x+"\",\""+coo_y+"\")",25);
  
  }

}

function animate_sub(id,coo_x,coo_y){

var t = 0;
var e = "";

  if(x == coo_x && y == coo_y){ clearInterval(animazione);pers.attr("src",dir+"i.gif"); animate(id); }else{
 
  if(x < coo_x){
  
      x += 2;
	  fin = "i_e.gif";
	  t=1;

  }
  
  if(y < coo_y){
  
      y += 2;
	  if(t == 1){ e = "e"; }
	  fin = "i_s"+e+".gif";
	  t=2;
	  
  }
  
  if(x > coo_x){
  
      x -= 2;
      if(t == 2){ e = "s"; }
	  fin = "i_"+e+"o.gif";
	  t=3;

  }
  
  if(y > coo_y){
  
      y -= 2;
	  if(t == 1){ e = "e"; }
	  if(t == 3){ e = "o"; }
	  fin = "i_n"+e+".gif";

  }
  
  if( pers.attr("src") != (dir+fin) ) { pers.attr("src",dir+fin); }
  
  pers.css("top",y);
  pers.css("left",x);
  if(v == 2){v = 0; Ajax("ins.php?x="+x+"&y="+y+"&img="+fin,"null"); }
  v++;
  }
}

Pers è l'omino, e le funzioni Ajax le ho fatte io...
Qualche suggerimento?

Grazie in anticipo

[ExSoax]

nessuno sa rispondermi?

[br1]

In 43 minuti della domenica sera? armati di pazienza...

[Potacchione]

quello che vuoi fare si chiama collision detection e dovrebbe essere già implementata da qualche game library come:

jsgamelib http://www.fragmentedcode.com/jsgamelib/
gamequery http://gamequery.onaluf.org/

guarda ad esempio questo esempio:
http://projects.zoulcreations.com/jquery/JSGameLib/

[ExSoax]

grazie, c'è qualche implementazione anche in PHP, perchè il controllo lo vorrei fare in lato server, in questo modo non possono modificare i codici javascript...

[ExSoax]

xD scrivevo su google overlap, sovrapposizione... ma non trovavo nulla.. Non avevo provato collision, grazie mille!