Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Joaocavajo

Jogo similar ao xadrez

Por , em Javascript

Recommended Posts

Joaocavajo    0

Joaocavajo
Postado

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>
td{
border-style: solid; 
border-width: thin;
height: 100px;
width: 100px;
}
table{
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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lls98    2

lls98
Postado

Ixi.. espero que alguém possa lhe ajudar, você é um guerreiro, por estar fazendo um jogo em Javascript rs

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito