Skip to content

Recriando o "jogo da cobrinha" com JavaScript - HTML Web Developer da Digital Innovation One

Notifications You must be signed in to change notification settings

romulocraveiro/snake-the-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Recriação do "jogo da cobrinha" com JavaScript

Objetivos / Aims

  • Construir o jogo da cobrinha e personalizar o jogo usando criatividade. O projeto é avaliação parcial do Bootcamp HTML Web Developer da Digital Innovation One. Professora: Gabriela Spruce
  • Build the snake game and customize it by using creativity. The project is part of the assessment system of Digital Innovation One's Bootcamp HTML Web Developer. Teacher: Gabriela Spruce

Algumas lições que aprendi / Some lessons I learned

  • Usamos Math.random para que a cobrinha se mova; / We use Math.random for the snake to move;

  • A cobrinha é criada como lista, ou seja, tem coordenadas que são "pintadas" para criar os quadradinhos; / The snake is created as a list, meaning it has coordinates that will be "painted" to create the little squares;

  • As teclas das setinhas são referenciadas com os números 37, 38, 39 e 40, esquerda, para cima, direita, para baixo, respectivamente; The little arrows in the keyboard are referenced with the numbers 37, 38, 39 and 40, respectively left, up, right, down.

  • O teste do WAVE (web accessibility evaluation tool) sinalizou erro de contraste nas palavras, mas tal sinalização parecia incoerente. Felizmente, a própria ferramenta mostra num código o suposto erro nas cores em questão. Percebi que a ferramenta não considera uma imagem de fundo como contrastante, levando em consideração o que está por trás dela, ou seja, uma página em branco padrão. Então resolvi incluir mais uma linha de código no CSS referente à cor de fundo. Faz sentido, pois se a imagem de fundo não carregar por algum motivo, então não haverá perda de visibilidade. / The WAVE (web accessibilite evaluation tool) showed contrast errors on the title and subtitle of the page, but it didn't make sense. Fortunately, the tool also shows the supposed error in the colors. I noticed, though, that it does not consider the background image as a constrasting element, taking into consideration the color behind the image, which is the standard html page. Then I decided to include a line of code on CSS that styled the page's background color (behind the image). It makes sense, though, because if for any reason the background image is not loaded, it will not get in the way of accessibility.

Tecnologias / Technologies

  • CSS
  • HTML
  • JavaScript

Links

Autor / Author

Foto Nome GitHub Likedin E-mail
Romulo Craveiro de Sousa Tartaruga Romulo Craveiro Linkedin romulocraveiro@gmail.com

About

Recriando o "jogo da cobrinha" com JavaScript - HTML Web Developer da Digital Innovation One

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published