Skip to content

Uma paleta de cores que possibilita ao usuário selecionar uma cor e preencher o quadro de pixels de acordo com as cores selecionadas. Também é possível aumentar o número de pixels do quadro. Projeto desenvolvido utilizando HTML, CSS e JavaScript.

Notifications You must be signed in to change notification settings

johntvale/project-pixels-art

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto Pixels Art

Esse projeto foi desenvolvido no curso da Trybe, no módulo de Fundamentos.

O objetivo desse projeto é desenvolver uma paleta de cores, de forma que seja possível ao usuário selecionar uma cor e utilizá-la para colorir o quadro de pixels.
Além disso, o usuário também poderá utilizar diferentes cores da paleta a cada recarregamento da página, e alterar a quantidade de pixels do quadro de pitura.

Você pode acessá-lo clicando aqui 🚀.

👉 Observação: Na pasta "images" estão alguns desenhos como amostra do que é possível fazer com o quadro de pixels. Não esquece de conferir, você não vai ser arrepender! 😄


A pessoa usuária poderá:

  • Selecionar uma cor na paleta de cores
  • Preencher os pixels com a cor selecionada
  • Restaurar a cor padrão o quadro de pixels (botão "Limpar")
  • Aumentar o quadro de pixels (digitando um número e clicando no botão "VQV")
  • Gerar cores novas à paleta de cores (recarregando a página)

Habilidades desenvolvidas

  • Manipular o DOM
  • Manipular Javascript.
  • Utilizar elementos Html e CSS com estruturas condicionais

Tecnologias utilizadas

  • JavaScript
  • Html
  • Css
  • DOM

About

Uma paleta de cores que possibilita ao usuário selecionar uma cor e preencher o quadro de pixels de acordo com as cores selecionadas. Também é possível aumentar o número de pixels do quadro. Projeto desenvolvido utilizando HTML, CSS e JavaScript.

Topics

Resources

Stars

Watchers

Forks