Skip to content

Projeto Front End recriando o jogo da memória estilo Genius utilizando HTML, CSS e JS.

Notifications You must be signed in to change notification settings

CJBiohacker/Memory-Game-Genius

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pt-BR

Jogo da Memória (Estilo Genius)


URL de Implementação

Acesse o jogo clicando aqui: https://cjbiohacker.github.io/Memory-Game-Genius/ .
Por favor, compartilhe se você gostou e me dê um feedback.

Como Jogar

Após o carregamento da página, digite seu nome na janela de "alerta" e aguarde a sequência de cor(es) começar. Clique na(s) cor(es) correspondente(s) para pontuar. Conforme for acertando, mais uma das cores é adicionada na sequência até onde você conseguir acertar. Caso você erre, o jogo reinicia, voltando à janela inicial requerendo o nome.

Descrição

Este projeto, orientado pela Gabriela Pinheiro, consistia em desenvolver o jogo da memória Genius, utilizando o que já apelidei carinhosamente de “Trio da Web” (HTML, CSS e JavaScript). O código foi desenvolvido em cima do que foi apresentado pela instrutora, com a liberdade criativa pra adicionar mais funcionalidades e trabalhar no lado mais “Frontend” do projeto. Listando o que foi adicionado/modificado:

  • Design customizado, semelhante ao brinquedo/jogo Genius real.
  • Placar contendo Nome, Pontuação e Nível do Jogador.
  • Utilização de métodos DOM no código pra contagem da pontuação e nível.
  • Janela de prompt para inserção do Nome, toda vez que o jogo inicia/reinicia.
  • Animações CSS de movimentação e iluminação em efeito Neon, nos botões.
  • Nome das cores digitados nos respectivos botões, pensando no usuário PCD visual (daltonismo, acromatopsia, etc).

en-US

Memory Game (Genius style)


Deployment URL

Access the game by clicking here: https://cjbiohacker.github.io/Memory-Game-Genius/ .
Please share if you liked it and give me a feedback.

How to Play

After the page loads, type your name in the "alert" screen and await the color sequence to start. Click in the matching color to score it. As you score it, plus one color is added in the sequence 'til where you can get it done. If you do mistake the right color, you lose and the game restart, reloading the initial screen requiring a name.

Description

This project, oriented by Gabriela Pinheiro, consisted in developing the memory game Genius, using who i affectionately nicknamed "Web Trio" (HTML, CSS e JavaScript). The code was developed upon everything that was presented by the instructor, with creative freedom to add more functionalities and work on the "Frontend Side" of the project.

List of everything added or modified:

  • Custom design, resembling the toy game Genius from reality.
  • Scoreboard containing Name, Score and Level of the Player.
  • Use of HTML DOM methods in the code to count the score and level.
  • Prompt window to insert the Name, everytime the game starts/restart.
  • CSS animation of translate and ilumination with Neon-like effect, in the buttons.
  • The name of each color typed in the related button, focusing on acessibility for visual impairment person such as Achromatopsia or Color Blindness

About

Projeto Front End recriando o jogo da memória estilo Genius utilizando HTML, CSS e JS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages