1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Jogo de tabuleiro com casas definidas em um array..

Estou fazendo um jogo de mesa, aqueles estilo imagem e ação.. Conforme os dados e as perguntas o jogador vai pra frente ou pra trás...

O que está em questão é somente montar o tabuleiro

Javascript


 var campoMinado = new Array (4);
            campoMinado[0] = [0,0,0,0]
            campoMinado[1] = [0,0,0,0]
            campoMinado[2] = [0,0,0,0]
            campoMinado[3] = [0,0,0,0]

            function inicializa()
            {
                resetarCampos();
                desenhaTabela();               
            }

            function resetarCampos()
            {
            //    preenche = false;
                //vazio = false;

                for( var i=0 ; i<=3 ; i++)
                    {             
                        for( var j=0 ; j<=3 ; j++)
                        {                            
                            campoMinado[i][j] = [    [1,  0,  0,  0],
                                                     [0,  1,  0,  0],
                                                     [0,  0,  1,  0],
                                                     [0,  0,  0,  1]
                                                ];
                        }        
                    }     

            }            

                //Desenha a tabela           
                function desenhaTabela()
                {
                    // Converte o array em uma tabela e a insere no DIV #board
                    // Note o parametro onclick, que deixa cada celula "clicavel"
                    var board = new Array();  
                    board.push("<table><tr>");
                    for (var i = 0; i < campoMinado.length; i++) {
                        if (i != 0) board.push("</tr><tr>");
                        for (var j = 0; j < campoMinado[i].length; j++) {
                            board.push('<td'campoMinado[i][j]==1 + "</td>");
                        }
                    }
                    board.push("</tr></table>"); 
                    document.getElementById("board").innerHTML = board.join("\n");
                }

            window.onload = inicializa;

HTML

<!DOCTYPE html>
<html>
<head>
<title>Campo Minado em Javascript</title>
<meta name="generator" content="Ale :)">
<meta name="author" content="Ale">
<link href="jogo.css" rel="stylesheet" type="text/css">
<script src="Tentativa.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>

<h1>Campo - Minado</h1>

<noscript>
Seu navegador n?tem Javascript (ou est?esligado)
</noscript>

<div id="board">
<!-- O javascript vai colocar o campo minado aqui -->
</div>

<div id="statusline">
<!-- O javascript vai colocar o texto de status aqui -->
</div>

</body>
</html>
  • Seja mais claro em relação a usa dificuldade.

    pvrsouza   20 de mai de 2013
  • Se rodar não está aparecendo o tabuleiro e não encontro o erro

    Alê :)   20 de mai de 2013
  • Eu percebi que tem um erro no seu JS. Esta linha board.push('<td'campoMinado[i][j]==1 + "</td>"); está faltando o sinal "+" para concatenação. Subistitua por: board.push('<td'+campoMinado[i][j]==1 + "</td>");. Não sei se resolve o erro, mas de qualquer jeito isto tem que ser modificado. Mande o código completo para que possamos ajudar melhor.

    pvrsouza   20 de mai de 2013
  • Faz o exemplo no jsFiddle que fica mais fácil identificar o seu problema.

    Giovane   20 de mai de 2013
  • Nesse jsFiddle não posso usar tags no html.. COmo faço?

    Alê :)   21 de mai de 2013
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags css javascript ou faça a sua própria pergunta.