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);
Pergunta
Maycon.Rick
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.
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.