Maycon.Rick
-
Total de itens
1 -
Registro em
-
Última visita
Sobre Maycon.Rick
Maycon.Rick's Achievements
0
Reputação
-
Maycon.Rick alterou sua foto pessoal -
Olá, obrigado a você que está disposto a me ajudar. Sou novo em programação, estou fazendo um jogo de batalha naval mas estou com um problema. tenho duas matrizes uma para cada campo. jogador um e jogador dois. porém não consigo fazer a matriz dois funcionar. só consigo fazer co que fique os dois campos com a mesma matriz. código abaixo. <!doctype html> <html> <meta charset="UTF-8"> <head> <script type="text/javascript"> var matriz=[[0,1,0,41,42,43,44,0],[0,0,1,0,0,0,0,51],[0,0,0,0,1,0,0,52],[0,1,0,21,22,0,0,53],[0,0,0,0,0,0,0,54],[0,1,0,41,42,43,44,55],[0,0,0,0,21,22,0,0],[31,32,33,0,0,31,32,33]]; var matriz2=[[31,32,33,0,0,1,0,0],[0,0,0,0,41,42,43,44],[0,31,32,33,0,0,0,1],[0,0,0,0,0,0,21,22,0],[1,0,0,21,22,0,0,0],[0,1,0,51,52,53,54,55],[0,0,0,0,0,0,1,0],[0,0,41,42,42,43,44,0,0]]; var porta01, porta02, porta03, porta04, porta05; var cruz01, cruz02, cruz03, cruz04; var torp01, torp02, torp03; var reb01, reb02; var sub01; var vazio; var ctx; var cont; var ctx1; function iniciajogo() { var c = document.getElementById("cnv01"); var imagem = document.getElementById("campo"); ctx = c.getContext("2d"); ctx.drawImage(imagem, 0, 0, 800, 800); var c1 = document.getElementById("cnv02"); var imagem = document.getElementById("campo1"); ctx1 = c1.getContext("2d"); ctx1.drawImage(imagem, 0, 0, 800, 800); vazio = document.getElementById("vazio"); sub01 = document.getElementById("sub01"); reb01 = document.getElementById("reb011"); reb02 = document.getElementById("reb022"); torp01 = document.getElementById("torp011"); torp02 = document.getElementById("torp022"); torp03 = document.getElementById("torp033"); cruz01 = document.getElementById("cruz011"); cruz02 = document.getElementById("cruz022"); cruz03 = document.getElementById("cruz033"); cruz04 = document.getElementById("cruz044"); porta01 = document.getElementById("porta011"); porta02 = document.getElementById("porta022"); porta03 = document.getElementById("porta033"); porta04 = document.getElementById("porta044"); porta05 = document.getElementById("porta055"); c.addEventListener("click", clique, false); c1.addEventListener("click", clique, false); } function clique(e){ cont=0; var ctxAtu=ctx; x = e.clientX; y = e.clientY; x = parseInt(x/100); y = parseInt(y/100); if(x>7){ matriz=matriz2; x=x-8; ctxAtu=ctx1; } else { matriz2=matriz; } if (matriz[y][x] == 0) { ctxAtu.drawImage(vazio, x*100, y*100, 100, 100); } else if(matriz[y][x] == 1) { cont++; ctxAtu.drawImage(sub01, x*100, y*100, 100, 100); } else if (matriz [y][x] == 21){ cont++; ctxAtu.drawImage(reb01, x*100, y*100, 100, 100); } else if (matriz [y][x] == 22){ cont++; ctxAtu.drawImage(reb02, x*100, y*100, 100, 100); } else if (matriz [y][x] == 31){ cont++; ctxAtu.drawImage(torp01, x*100, y*100, 100, 100); } else if (matriz [y][x] == 32){ cont++; ctxAtu.drawImage(torp02, x*100, y*100, 100, 100); } else if (matriz [y][x] == 33){ cont++; ctxAtu.drawImage(torp03, x*100, y*100, 100, 100); } else if (matriz [y][x] == 41){ cont++; ctxAtu.drawImage(cruz01, x*100, y*100, 100, 100); } else if (matriz [y][x] == 42){ cont++; ctxAtu.drawImage(cruz02, x*100, y*100, 100, 100); } else if (matriz [y][x] == 43){ cont++; ctxAtu.drawImage(cruz03, x*100, y*100, 100, 100); } else if (matriz [y][x] == 44){ cont++; ctxAtu.drawImage(cruz04, x*100, y*100, 100, 100); } else if (matriz [y][x] == 51){ cont++; ctxAtu.drawImage(porta01, x*100, y*100, 100, 100); } else if (matriz [y][x] == 52){ cont++; ctxAtu.drawImage(porta02, x*100, y*100, 100, 100); } else if (matriz [y][x] == 53){ cont++; ctxAtu.drawImage(porta03, x*100, y*100, 100, 100); } else if (matriz [y][x] == 54){ cont++; ctxAtu.drawImage(porta04, x*100, y*100, 100, 100); } else if (matriz [y][x] == 55){ cont++; ctxAtu.drawImage(porta05, x*100, y*100, 100, 100); } if (cont == 2) { alert("Ganhou"); } } function zeraJogo(){ var imagem = document.getElementById("campo"); ctx.drawImage(imagem, 0, 0, 800, 800); } </script> </head> <body onLoad = "iniciajogo()" style="margin:0px;padding:0px;"> <canvas id="cnv01" width="800" height="800"></canvas> <canvas id="cnv02" width="800" height="800"></canvas> <img src="carregar.jpg" id="load" hidden="true"> <img src="campointeiro.jpg" id="campo" hidden="true"> <img src="campointeiro1.jpg" id="campo1" hidden="true"> <img src="vazio.jpg" id="vazio" hidden="true"> <img src="sub01.jpg" id="sub01" hidden="true"> <img src="reb01.jpg" id="reb011" hidden="true"> <img src="reb02.jpg" id="reb022" hidden="true"> <img src="torp01.jpg" id="torp011" hidden="true"> <img src="torp02.jpg" id="torp022" hidden="true"> <img src="torp03.jpg" id="torp033" hidden="true"> <img src="cruz01.jpg" id="cruz011" hidden="true"> <img src="cruz02.jpg" id="cruz022" hidden="true"> <img src="cruz03.jpg" id="cruz033" hidden="true"> <img src="cruz04.jpg" id="cruz044" hidden="true"> <img src="porta01.jpg" id="porta011" hidden="true"> <img src="porta02.jpg" id="porta022" hidden="true"> <img src="porta03.jpg" id="porta033" hidden="true"> <img src="porta04.jpg" id="porta044" hidden="true"> <img src="porta05.jpg" id="porta055" hidden="true"> </body> </html> Estarei muito grato se alguém puder me ajudar a resolver este problema.
