Giter VIP home page Giter VIP logo

eneasmarques / memory-game Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 41 KB

O Projeto Jogo da Memória está completamente relacionado à capacidade de demonstrar domínio de HTML, CSS e JavaScript. Um jogo de correspondência de cartas completo para navegador (também conhecido como Concentration). Mas este não é um jogo da memória qualquer! É um jogo moderno, bem projetado e cheio de recursos!

Home Page: https://eneasmarques.github.io/memorygame/

CSS 43.74% HTML 19.18% JavaScript 37.08%
javascript memorygame udacity udacity-frontend-nanodegree css html

memory-game's Introduction

Jogo da Memória

Índice

Instalar

GitHub.com - (branch master) GitHub.io

Instruções

Arquivos e pastas

O código consiste em 2 pastas:

  • css - para o arquivo app.css.
  • js - para o arquivo app.js.

Código de trabalho

Ao carregar o html a função shuffle() (embaralhar as cartas) é inicada. Quando o jogador clica sobre alguma carta utiliza uma tecla válida (ASDF - 1234) o jogo é iniciado.

A funçãoshuffle(array) recebe um array com as cartas e os dispõe em um nova ordem.

Ao clicar em uma carta ou ao teclar A, S, D, F, 1, 2 ou 3 é chamada a função main() que inicia chama a função startTime() e faz a verificação das cartas por meio da função compare();

Para virar as cartas selecionadas são utilizadas as classes css "show" e "open".

Quando utilizado o teclado a linha ou coluna selecionada ficará em destaque devido a classe "select".

Selecionando uma coluna e uma linha a carta será virada.

Quando duas cartas são selecionadas é chamado a função compare() que verificará se as cartas são iguais;

Cartas iguais recebem a classe css "match".

Cartas diferentes recebem a classe css "close".

Ao clicar em reset será chamada a função resetGame() que irá redefinir o status do jogo.

Regras

Apenas duas cartas podem ser viradas por vez.

A quantidade de movimentos definirá o seu desempenho.

  • ⭐ ⭐ ⭐ - até 20 Movimentos
  • ⭐ ⭐ - até 30 Movimentos
  • ⭐ - Até de 35 movimentos
  • Sem estrelas - Acima de 35 movimentos

Para reiniciar o jogo, clique no botão reiniciar 🔁.

Contribuindo

Depois de aprovado pela Udacity qualquer contribuiçaõ será bem vinda.

memory-game's People

Contributors

eneasmarques avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.