Perola Do Transformice
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Como Criar Um Jogo Da Memoria

+2
Lagadotffm
$Refrizinho´
6 participantes

Ir para baixo

Como Criar Um Jogo Da Memoria Empty Como Criar Um Jogo Da Memoria

Mensagem por $Refrizinho´ Seg Mar 26, 2012 9:35 pm

Primeiro- pegue esse codigo e cole no bloco de notas depois salve como .html e feche primeiro passo feito.


Código:
<html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <title>Exemplo simples de jogo feito em javascript para a PDJ - Agora com imagens!!!</title>
  </head>

  <body>
      <script type="text/javascript">
        var tabuleiro = new Array( "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11" ); // O verdadeiro 'tabuleiro' do jogo. Cada número representa uma carta.
        var tabuleiroBool = new Array( "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0", "0" ); // Array para controle de cartas visíveis/invisíveis.
        var tabuleiroBoolAux = new Array( 12 ); // Array auxiliar para função 'trava'.

        var numCliques = 0; // Número de cliques efetuados pelo jogador.
        var acertos = 0; // Quantidade de acertos do jogador.
        var indiceCartaAnterior = -1; // Índice da carta clicada na jogada anterior.
        var cartaAtual = -1; // Índice da carta clicada na jogada atual.

        embaralhaTabuleiro();

        // *** Embaralha as 'cartas' no tabuleiro aleatoriamente. ***
        function embaralhaTabuleiro() {
            r = -1;
            for ( i = 0; i < 12; i++ ) {
              r = Math.round( Math.random() * ( tabuleiro.length - 1 ) );
              aux = tabuleiro[ r ];
              tabuleiro[ r ] = tabuleiro[ i ];
              tabuleiro[ i ] = aux;
            }
        }

        // *** Verifica qual o botão clicado de uma jogada. Se for o segundo, verifica se acertou ou errou. ***
        function verificaJogada( indice ) {
            if ( tabuleiroBool[ indice ] == 0 ) {
              tabuleiroBool[ indice ] = 1;
              numCliques++;

              carta = parseInt( tabuleiro[ parseInt( indice ) ] );
              visualizarCarta( carta, indice );

              if ( numCliques % 2 != 0 ) { // Primeiro botão da jogada clicado.
                  indiceCartaAnterior = indice;
              } else if ( ( tabuleiro[ indice ] % 6 ) == ( tabuleiro[ indiceCartaAnterior] % 6 ) ) { // Acertou.
                  acertos++;
                  if ( acertos == tabuleiro.length / 2 ) {
                    document.getElementById( "msg" ).value = "*** Fim de Jogo! *** Você errou " + ( ( numCliques / 2 ) - acertos ) + " vez(es).";
                  }
              } else { // Errou.
                  cartaAtual = indice; // Passando o valor para a variável global pode-se usar 'setTimeout'
                  document.getElementById( "msg" ).value = "ERROU!";

                  // Os procedimentos adotados abaixo permitem ao jogador visualizar a segunda
                  // carta clicada sem poder clicar em nenhuma outra enquanto as outras duas ainda
                  // estiverem visíveis.
                  trava( 1 );
                  setTimeout( "trava( 0 );", 1000 );

                  setTimeout( "esconderCarta( indiceCartaAnterior );", 1000 );
                  setTimeout( "esconderCarta( cartaAtual );", 1000 );
                  setTimeout( "document.getElementById( \"msg\" ).value = \"\";", 1000 );
              }
            }
            return;
        }

        // *** Deixa uma determinada carta visível ao jogador. ***
        function visualizarCarta( carta, indice ) {
            endereco = "imagens/carta" + ( carta % 6 ) + ".bmp";
            document.campo[ indice ].src = endereco;
        }

        // *** Esconde uma determinada carta do jogador. ***
        function esconderCarta( indice ) {
            document.campo[ indice ].src = "imagens/costas.bmp";
            tabuleiroBool[ indice ] = 0;
        }

        // *** Inicia um novo jogo ***
        function novoJogo() {
            acertos = 0;
            numCliques = 0;
            indiceBotaoClicado = -1;

            for ( i = 0; i < tabuleiro.length; i++ ) { // Vira todas as cartas.
              esconderCarta( i );
            }

            embaralhaTabuleiro();
            document.getElementById( "msg" ).value = "Novo jogo iniciado!";

            return;
        }

        // *** Permite ou não que o jogador possa clicar nas cartas ***
        function trava( flag ) {
            if ( flag == 1 ) { // Bloqueia as cartas para 'clicks'.
              for ( i = 0; i < tabuleiroBool.length; i++ ) {
                  tabuleiroBoolAux[ i ] = tabuleiroBool[ i ];
                  tabuleiroBool[ i ] = 1;
              }
            } else if ( flag == 0 ) { // Libera as cartas para 'clicks'.
              for ( i = 0; i < tabuleiroBool.length; i++ ) {
                  tabuleiroBool[ i ] = tabuleiroBoolAux[ i ];
              }
            }

            return;
        }
      </script>

      <h2 align="center"><b>Memória PDJ</b></h2>

      <table border="0" align="center">
        <tr>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 0 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 1 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 2 );" /></td>
        </tr>
        <tr>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 3 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 4 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 5 );" /></td>
        </tr>
        <tr>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 6 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 7 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 8 );" /></td>
        </tr>
        <tr>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 9 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 10 );" /></td>
            <td><img src="imagens/costas.bmp" name="campo" onclick="verificaJogada( 11 );" /></td>
        </tr>
      </table>

      <center>
        <input type="text" id="msg" size="45" />


        <input type="button" value="Novo Jogo" onclick="novoJogo();" />
      <center>
  </body>
</html>



Segundo- Crie sete imagens .bmp aconselho botar tamanho 50x50
6 imagens serão as cartas e 1 será a costa bote o nome das 6 cartas como carta0.bmp,carta1.bmp até a 5 e da costa como costas.bmp coloque as imagens em uma pasta chamada imagens na mesma pasta que você botou o arquivo .html depois abra o html e se divirta Very Happy.


Como salvar o texto em .html:

1- Copie o texto para o bloco de notas
2- Vâ ao menu ARQUIVO;
3-Clique em SALVAR COMO;
4-digite o nome do arquivo com sua respectiva extensão .html


Pronto fácil né? Obrigado Happy meme

$Refrizinho´
$Refrizinho´


Mensagens Mensagens : 78
Dinheiro Dinheiro : 4493
Idade Idade : 23
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue0 / 1000 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Lagadotffm Seg Mar 26, 2012 10:13 pm

Coloque os creditos de quem fez o JavaScript
Lagadotffm
Lagadotffm


Título Título : Eu sou Fuck Yeah!

Mensagens Mensagens : 353
Dinheiro Dinheiro : 4482
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue5 / 1005 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


http://www.perola-do-transformice.com

Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Kgatresmil Ter Mar 27, 2012 10:39 am

coloque mesmo cara=/
é chato alguem fazer algo tão trabalhoso e nem ser lembrado
Kgatresmil
Kgatresmil


Título Título : Eu sou fã do naruto *o*

Mensagens Mensagens : 4292
Dinheiro Dinheiro : 5308
Idade Idade : 114
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue5 / 1005 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por $Refrizinho´ Ter Mar 27, 2012 10:55 am

eu n sei quem fez foi um amigo que me passo mais ele disse que n sabe
$Refrizinho´
$Refrizinho´


Mensagens Mensagens : 78
Dinheiro Dinheiro : 4493
Idade Idade : 23
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue0 / 1000 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Marianaglee Sáb Mar 31, 2012 3:06 pm

Deve ser legal, esperar quando eu nao tiver com preguiça, e-e
Marianaglee
Marianaglee


Mensagens Mensagens : 246
Dinheiro Dinheiro : 4723
Idade Idade : 27
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue20 / 10020 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por TheAfestos Sáb Mar 31, 2012 3:08 pm

n intendi oque é isso '-'
TheAfestos
TheAfestos


Título Título : Eu sou fã do naruto *o*

Mensagens Mensagens : 2558
Dinheiro Dinheiro : 4660
Idade Idade : 25
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue25 / 10025 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


http://mundocanibal.uol.com.br/

Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Kgatresmil Sáb Mar 31, 2012 3:12 pm

tenho um modo bem mais simples.
Salve uma imagem que você não gosta no seu pendrive,pronto.
Você jogou 1% de sua memória fora atoa =D
Kgatresmil
Kgatresmil


Título Título : Eu sou fã do naruto *o*

Mensagens Mensagens : 4292
Dinheiro Dinheiro : 5308
Idade Idade : 114
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue5 / 1005 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por TheAfestos Sáb Mar 31, 2012 3:13 pm

no meu pc isso significia 0,00,00,01% yao ming
TheAfestos
TheAfestos


Título Título : Eu sou fã do naruto *o*

Mensagens Mensagens : 2558
Dinheiro Dinheiro : 4660
Idade Idade : 25
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue25 / 10025 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


http://mundocanibal.uol.com.br/

Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Kgatresmil Sáb Mar 31, 2012 3:15 pm

no meu tbm,tenho 98 gbs livres yao ming
Kgatresmil
Kgatresmil


Título Título : Eu sou fã do naruto *o*

Mensagens Mensagens : 4292
Dinheiro Dinheiro : 5308
Idade Idade : 114
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue5 / 1005 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Lagadotffm Sáb Mar 31, 2012 10:50 pm

Troquei de HD, coloquei um de 412 Gigas, e ae quem vai encarar?
Lagadotffm
Lagadotffm


Título Título : Eu sou Fuck Yeah!

Mensagens Mensagens : 353
Dinheiro Dinheiro : 4482
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue5 / 1005 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


http://www.perola-do-transformice.com

Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por GipePequeno Dom Abr 01, 2012 12:31 pm

no meu notebook eu tenho nem 5 gb de 200 yao ming
GipePequeno
GipePequeno


Título Título : Eu sou Corinthiano

Mensagens Mensagens : 424
Dinheiro Dinheiro : 4599
Idade Idade : 117
Warning Warning :
Como Criar Um Jogo Da Memoria Left_bar_bleue5 / 1005 / 100Como Criar Um Jogo Da Memoria Right_bar_bleue


Ir para o topo Ir para baixo

Como Criar Um Jogo Da Memoria Empty Re: Como Criar Um Jogo Da Memoria

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos