Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos,
Estou tentando fazer um jogo em javascript, similar ao Xadrez, mas tenho regras diferentes.
Não consigo fazer os movimentos deles. Vou postar o código abaixo:
<!DOCTYPE html>
<html>
<head>
<title>JOGO DOS BICHOS</title>
<style>border-style: solid;
border-width: thin;
height: 100px;
width: 100px;
}margin-left: 27%;
margin-top: 3%;
}
</style>
<script>
var jogadorAtual=1;
var estado="espera";
function EhDoJogador(celula){
if ((celula.style.backgroundImage.indexOf('daryl.jpg')>0) && (jogadorAtual==1)){
return true;
}
if ((celula.style.backgroundImage.indexOf('the_walking_dead01.jpg')>0) && (jogadorAtual==2)){
return true;
}
return false;
}
function arrumarGramado(celula){
if ((celula.style.backgroundImage.indexOf('grama.jpeg')>0)){
return true;
}
return false;
}
function clicou(celula){
if (estado=="espera"){
if (EhDoJogador(celula)){
estado="selecionado";
celulaSelecionada=celula;
if (jogadorAtual==1){
celula.style.backgroundImage="url('daryl2.jpg')";
}
else
celula.style.backgroundImage="url('the_walking_dead.jpg')";
}
}
else if (estado=="selecionado"){
if (arrumarGramado(celula)){
celulaSelecionada.style.backgroundImage="url('grama.jpeg')";
}
if(jogadorAtual==1){
celula.style.backgroundImage="url('daryl.jpg')";
jogadorAtual=2;
}
else if (jogadorAtual== 2){
jogadorAtual=1;
celula.style.backgroundImage="url('the_walking_dead01.jpg')";
}
estado="espera";
}
}
</script>
</head>
<body>
<table style="border-style: solid; border-width">
<tr>
<td id="B101" onclick="clicou(this);" style="background-image: url('./daryl.jpg'); background-size: 100px 100px"></td>
<td id="B102" onclick="clicou(this);" style="background-image: url('./daryl.jpg'); background-size: 100px 100px"></td>
<td id="B103" onclick="clicou(this);" style="background-image: url('./daryl.jpg'); background-size: 100px 100px"></td>
<td id="B104" onclick="clicou(this);" style="background-image: url('./daryl.jpg'); background-size: 100px 100px"></td>
<td id="B105" onclick="clicou(this);" style="background-image: url('./daryl.jpg'); background-size: 100px 100px"></td>
</tr>
<tr>
<td id="B201" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B202" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B203" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B204" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B205" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
</tr>
<tr>
<td id="B301" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B302" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B303" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B304" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B305" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
</tr>
<tr>
<td id="B301" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B302" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B303" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B304" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
<td id="B305" onclick="clicou(this);" style="background-image: url('./grama.jpeg'); background-size: 100px 100px"></td>
</tr>
<tr>
<td id="B401" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B402" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B403" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B404" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B405" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
</tr>
<tr>
<td id="B501" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B502" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B503" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B504" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<td id="B505" onclick="clicou(this);" style="background-image: url('./the_walking_dead01.jpg'); background-size: 100px 100px"></td>
<tr>
</table>
</body>
</html>
<body>As imagens são da série the walking dead, sendo o Daryl com cinco peças e o zumbi com 10. Na regra do jogo (no tabuleiro), Daryl pode 'comer' de todas as formas (diagonal, horizontal e vertical) enquanto o zumbi só na horizontal e vertical. Porém não consigo fazer restrições quanto a isso...
Sou meio novo em javascript e se puderem me ajudar, obrigado
OBS.: Cada um pode jogar uma só vez na rodada. Não pode andar mais que uma casa. Pode voltar para trás.
Carregando comentários...