// amb aquestes variables determinem el tipus de navegadors var NN, IE, isDOM; if (parseInt(navigator.appVersion) >=4) { if (navigator.appName == "Netscape") { NN = true; }else{ IE = true; } isDOM=document.getElementById?1:0;//IE5+,NS6+ } //la funció inici ens indica com ha d'anar si es fa servir netscape o explorer function inici() { if( NN ) { window.document.captureEvents(Event.KEYPRESS); } window.document.onkeypress = moviment; } //la funció moviment defineix les tecles que el faran possible function moviment(evt) { if( NN ) { if( evt.which == 56 ) document.bola.top -= 10; // amunt if( evt.which == 50 ) document.bola.top += 10; // avall if( evt.which == 52 ) document.bola.left -= 10; // esquerra if( evt.which == 54 ) document.bola.left += 10; // dreta if( evt.which == 49 ) document.bola.left -= 10; // per la diagonal esquerra inferior if( evt.which == 49 ) document.bola.top += 10; // per la diagonal esquerra inferior if( evt.which == 51 ) document.bola.left += 10; // per la diagonal dreta inferior if( evt.which == 51 ) document.bola.top += 10; // per la diagonal dreta inferior if( evt.which == 55 ) document.bola.left -= 10; // per la diagonal esquerra superior if( evt.which == 55 ) document.bola.top -= 10; // per la diagonal esquerra superior if( evt.which == 57 ) document.bola.top -= 10; // per la diagonal dreta superior if( evt.which == 57 ) document.bola.left += 10; // per la diagonal dreta superior //amb aquestes condicions evitem que surti fora de l'espai de joc if (document.bola.left < 0) {document.bola.left=0; } if (document.bola.left > 366) {document.bola.left=366; } if (document.bola.top < 0) {document.bola.top=0; } if (document.bola.top > 366) {document.bola.top=366; } } if( IE ) { if( window.event.keyCode == 56 ) bola.style.pixelTop = parseInt(bola.style.pixelTop) - 10; // amunt if( window.event.keyCode == 50 ) bola.style.pixelTop = parseInt(bola.style.pixelTop) + 10; // avall if( window.event.keyCode == 52 ) bola.style.pixelLeft = parseInt(bola.style.pixelLeft) - 10; // esquerra if( window.event.keyCode == 54 ) bola.style.pixelLeft = parseInt(bola.style.pixelLeft) + 10; // dreta if( window.event.keyCode == 49 ) bola.style.pixelLeft = parseInt(bola.style.pixelLeft) - 10; // per la diagonal esquerra inferior if( window.event.keyCode == 49 ) bola.style.pixelTop = parseInt(bola.style.pixelTop) + 10; // per la diagonal esquerra inferior if( window.event.keyCode == 51 ) bola.style.pixelLeft = parseInt(bola.style.pixelLeft) + 10; // per la diagonal dreta inferior if( window.event.keyCode == 51 ) bola.style.pixelTop = parseInt(bola.style.pixelTop) + 10; // per la diagonal dreta inferior if( window.event.keyCode == 55 ) bola.style.pixelLeft = parseInt(bola.style.pixelLeft) - 10; // per la diagonal esquerra superior if( window.event.keyCode == 55 ) bola.style.pixelTop = parseInt(bola.style.pixelTop) - 10; // per la diagonal esquerra superior if( window.event.keyCode == 57 ) bola.style.pixelTop = parseInt(bola.style.pixelTop) - 10; // per la diagonal dreta superior if( window.event.keyCode == 57 ) bola.style.pixelLeft = parseInt(bola.style.pixelLeft) + 10; // per la diagonal dreta superior //amb aquestes condicions evitem que surti fora de l'espai de joc if (parseInt(bola.style.pixelLeft) < 0) {bola.style.pixelLeft=0; } if (parseInt(bola.style.pixelLeft) > 366) {bola.style.pixelLeft=366; } if (parseInt(bola.style.pixelTop) < 0) {bola.style.pixelTop=0; } if (parseInt(bola.style.pixelTop) > 366) {bola.style.pixelTop=366; } } if( isDOM ) { if( window.event.keyCode == 56 ) document.getElementById("bola").style.Top = parseInt(document.getElementById("bola").style.Top) - 10; // amunt if( window.event.keyCode == 50 ) document.getElementById("bola").style.Top = parseInt(document.getElementById("bola").style.Top) + 10; // avall if( window.event.keyCode == 52 ) document.getElementById("bola").style.Left = parseInt(document.getElementById("bola").style.Left) - 10; // esquerra if( window.event.keyCode == 54 ) document.getElementById("bola").style.Left = parseInt(document.getElementById("bola").style.Left) + 10; // dreta if( window.event.keyCode == 49 ) document.getElementById("bola").style.Left = parseInt(document.getElementById("bola").style.Left) - 10; // per la diagonal esquerra inferior if( window.event.keyCode == 49 ) document.getElementById("bola").style.Top = parseInt(document.getElementById("bola").style.Top) + 10; // per la diagonal esquerra inferior if( window.event.keyCode == 51 ) document.getElementById("bola").style.Left = parseInt(document.getElementById("bola").style.Left) + 10; // per la diagonal dreta inferior if( window.event.keyCode == 51 ) document.getElementById("bola").style.Top = parseInt(document.getElementById("bola").style.Top) + 10; // per la diagonal dreta inferior if( window.event.keyCode == 55 ) document.getElementById("bola").style.Left = parseInt(document.getElementById("bola").style.Left) - 10; // per la diagonal esquerra superior if( window.event.keyCode == 55 ) document.getElementById("bola").style.Top = parseInt(document.getElementById("bola").style.Top) - 10; // per la diagonal esquerra superior if( window.event.keyCode == 57 ) document.getElementById("bola").style.Top = parseInt(document.getElementById("bola").style.Top) - 10; // per la diagonal dreta superior if( window.event.keyCode == 57 ) document.getElementById("bola").style.Left = parseInt(document.getElementById("bola").style.Left) + 10; // per la diagonal dreta superior //amb aquestes condicions evitem que surti fora de l'espai de joc if (parseInt(document.getElementById("bola").style.Left) < 0) {document.getElementById("bola").style.Left=0; } if (parseInt(document.getElementById("bola").style.Left) > 366) {document.getElementById("bola").style.Left=366; } if (parseInt(document.getElementById("bola").style.Top) < 0) {document.getElementById("bola").style.Top=0; } if (parseInt(document.getElementById("bola").style.Top) > 366) {document.getElementById("bola").style.Top=366; } } } //funció per moure l'enemic nº1 i per detectar la colisió del meu personatge amb ell /*Comença la funció de colisió en serio. suposo que es pot fer en genèric però com que no controlo gaire ho faig a lo bruto!. Amb aquesta funció determinem la posició de l'objecte enemic i el del protagonista al llarg de l'eix de les y i les x. Com que cada .jpg fa 30 píxels ho haurem de tenir en compte. De fet haurem d'esbrinar els punts per on es toquen els dos elements i per això he creat una equació de la recta. Primer defineixo les posicions x i y dels dos elements i a continuació poso l'equació que em permetrà trobar tots els punts que tenen en comú de les dues rectes que fan 30 píxels. Si només ho fessim per un punt, no tindriem en compte que igual aquests no es toquen però els del costat si! */ function mov_enemic() { if( NN ) { posicioEnemic_y=document.enemic1.top; posicioBola_y=document.bola.top; posicioEnemic_x=document.enemic1.left; posicioBola_x=document.bola.left; document.enemic1.top += 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");document.enemic1.top=-30;document.bola.top=185;document.bola.left=185; resultat(); } } if (document.enemic1.top > 366) {document.enemic1.top=-40; } } if(IE) { posicioEnemic_y=parseInt(enemic1.style.pixelTop); posicioBola_y=parseInt(bola.style.pixelTop); posicioEnemic_x=parseInt(enemic1.style.pixelLeft); posicioBola_x=parseInt(bola.style.pixelLeft); enemic1.style.pixelTop = parseInt(enemic1.style.pixelTop) + 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");enemic1.style.pixelTop=-30;bola.style.pixelTop=185;bola.style.pixelLeft=185; resultat(); } } if (parseInt(enemic1.style.pixelTop) > 366) {enemic1.style.pixelTop=-40; } } if(isDOM) { posicioEnemic_y=parseInt(document.getElementById("enemic1").style.Top); posicioBola_y=parseInt(document.getElementById("bola").style.Top); posicioEnemic_x=parseInt(document.getElementById("enemic1").style.Left); posicioBola_x=parseInt(document.getElementById("bola").style.Top); document.getElementById("enemic1").style.Top = parseInt(document.getElementById("enemic1").style.Top) + 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");document.getElementById("enemic1").style.Top=-30;document.getElementById("bola").style.Top=185;document.getElementById("bola").style.Left=185; resultat(); } } if (parseInt(document.getElementById("enemic1").style.Top) > 366) {document.getElementById("enemic1").style.Top=-40; } } setTimeout('mov_enemic()',200); } /*funció per moure l'enemic 2 bo (et suma una vida!) i per detectar la colisió del meu personatge amb ell. aquest baixa mes ràpid */ function mov_enemic2() { if( NN ) { posicioEnemic_y=document.imma.top; posicioBola_y=document.bola.top; posicioEnemic_x=document.imma.left; posicioBola_x=document.bola.left; document.imma.top += 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");document.imma.top=-30;document.bola.top=185;document.bola.left=185; resultat2(); } } if (document.imma.top > 366) {document.imma.top=-40; } } if(IE) { posicioEnemic_y=parseInt(imma.style.pixelTop); posicioBola_y=parseInt(bola.style.pixelTop); posicioEnemic_x=parseInt(imma.style.pixelLeft); posicioBola_x=parseInt(bola.style.pixelLeft); imma.style.pixelTop = parseInt(imma.style.pixelTop) + 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");imma.style.pixelTop=-30;bola.style.pixelTop=185;bola.style.pixelLeft=185; resultat2(); } } if (parseInt(imma.style.pixelTop) > 366) {imma.style.pixelTop=-40; } } if(isDOM) { posicioEnemic_y=parseInt(document.getElementById("imma").style.Top); posicioBola_y=parseInt(document.getElementById("bola").style.Top); posicioEnemic_x=parseInt(document.getElementById("imma").style.Left); posicioBola_x=parseInt(document.getElementById("bola").style.Top); document.getElementById("imma").style.Top = parseInt(document.getElementById("imma").style.Top) + 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");document.getElementById("imma").style.Top=-30;document.getElementById("bola").style.Top=185;document.getElementById("bola").style.Left=185; resultat2(); } } if (parseInt(document.getElementById("imma").style.Top) > 366) {document.getElementById("imma").style.Top=-40; } } setTimeout('mov_enemic2()',100); } //funció per moure l'enemic 3 dolent i per detectar la colisió del meu personatge amb ell function mov_enemic3() { if( NN ) { posicioEnemic_y=document.nuria.top; posicioBola_y=document.bola.top; posicioEnemic_x=document.nuria.left; posicioBola_x=document.bola.left; document.nuria.top += 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");document.nuria.top=-30;document.bola.top=185;document.bola.left=185; resultat3(); } } if (document.nuria.top > 366) {document.nuria.top=-40; } } if(IE) { posicioEnemic_y=parseInt(nuria.style.pixelTop); posicioBola_y=parseInt(bola.style.pixelTop); posicioEnemic_x=parseInt(nuria.style.pixelLeft); posicioBola_x=parseInt(bola.style.pixelLeft); nuria.style.pixelTop = parseInt(nuria.style.pixelTop) + 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");nuria.style.pixelTop=-30;bola.style.pixelTop=185;bola.style.pixelLeft=185; resultat3(); } } if (parseInt(nuria.style.pixelTop) > 366) {nuria.style.pixelTop=-40; } } if(isDOM) { posicioEnemic_y=parseInt(document.getElementById("nuria").style.Top); posicioBola_y=parseInt(document.getElementById("bola").style.Top); posicioEnemic_x=parseInt(document.getElementById("nuria").style.Left); posicioBola_x=parseInt(document.getElementById("bola").style.Top); document.getElementById("nuria").style.Top = parseInt(document.getElementById("nuria").style.Top) + 10; if((posicioEnemic_y+30>=posicioBola_y)&(posicioBola_y>=posicioEnemic_y-30)){ if((posicioEnemic_x+30>=posicioBola_x)&(posicioBola_x>=posicioEnemic_x-30)){ alert("se't cruspeixen!!!");document.getElementById("nuria").style.Top=-30;document.getElementById("bola").style.Top=185;document.getElementById("bola").style.Left=185; resultat3(); } } if (parseInt(document.getElementById("nuria").style.Top) > 366) {document.getElementById("nuria").style.Top=-40; } } setTimeout('mov_enemic3()',150); } //funció per canviar la imatge dels personatges function canviimatge(img) { document.images[0].src=img ; } //--------- funció resultat on es resta una vida function resultat(){ if (NN){ var final=document.vides; if (final!=null) { final.value=final.value-1; } if(final.value<=0){ alert("s'ha acabat el joc!!!");window.close(); } } else{ var final=document.getElementById("vides"); if (final!=null) { final.value=final.value-1; } if(final.value<=0){ alert("s'ha acabat el joc!!!");window.close(); } } } //--------- funció resultat on es resta dues vides function resultat3(){ if (NN){ var final=document.vides; if (final!=null) { final.value=final.value-2; } if(final.value<=0){ alert("s'ha acabat el joc!!!");window.close(); } } else{ var final=document.getElementById("vides"); if (final!=null) { final.value=final.value-2; } if(final.value<=0){ alert("s'ha acabat el joc!!!");window.close(); } } } //--------- funció resultat on es sumen vides function resultat2(){ if (NN){ var final=document.vides; if (final!=null) { final.value=final.value+1; } if(final.value<=0){ alert("s'ha acabat el joc!!!");window.close(); } } else{ var final=document.getElementById("vides"); if (final!=null) { final.value=parseInt(final.value)+1; } if(final.value<=0){ alert("s'ha acabat el joc!!!");window.close(); } } }