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

Como montar um tabuleiro de jogo... Onde o jogador vai movimentar conforme a ação, ir pra frente ou pra trás...

Boa tarde pessoal! Quero montar um jogo de tabuleiro, aqueles comuns, jogue o dado e ande tantas casas, agora volte tantas casas.. Tenho noção de que é com um array e as casas que não vou ocupar devem ser escondidas com o css.. Mas alguém poderia me dar uma ajuda de como faze-lo?


 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()
            {    setMessage("Evite as bombas!");
                resetarCampos();
                desenhaTabela();               
            }

            function resetarCampos()
            {
                x=12;
                cont=0;            
                while(contBombas < 4)
                {
                    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]
                                                ];
                        }        
                    } 
                }

            //Mostra a mensagem           
                function setMessage(text) 
                {
                    document.getElementById("statusline").innerHTML = text;
                }
                //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] + "</td>");
                        }
                    }
                    board.push("</tr></table>"); 
                    document.getElementById("board").innerHTML = board.join("\n");
                }

            window.onload = inicializa;

Obrigada desde já ;D

  • Edite sua pergunta e coloque o código que já fez. Assim, com uma dúvida mais específica (e o trecho do código), sua dúvida poderá ser respondida mais rapidamente.

    Felipe   16 de mai de 2013
  • Aí é que está, Felipe! Eu não comecei a monta-lo, quero uma ajuda de como começar... http://www.designlovrs.com.br/wp-content/uploads/2009/06/jogo.jpg

    Como nessa imagem, por exemplo!

    Alê :)   16 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 html5 javascript ou faça a sua própria pergunta.