alineol / pixels-art Goto Github PK

Projeto realizado como forma de avaliação no curso de desenvolvimento web da escola de programação Trybe.

Objetivo: implementar uma página web que contém uma paleta de cores funcional que poderá ser utilizada para criar desenhos em pixels. Utilizar javascript, css e html.

1. Adicione à página o título "Paleta de Cores"
2. Adicione à página uma paleta de quatro cores distintas
3. Adicione na página a cor preta ela deve ser a primeira na paleta de cores.
4. Adicione à página um quadro de pixels, com 25 pixels.
5. Faça com que cada elemento do quadro de pixels possua 40 pixels de largura, 40 pixels de altura e seja delimitado por uma borda preta de 1 pixel.
6. Definia a cor preta como cor inicial. Ao carregar a página a cor preta já deve estar selecionada para pintar os pixels
7. Selecione uma das cores da paleta, ao clicar, a cor selecionada é a que será utilizada para preencher os pixels no quadro.
8. Clicar em um pixel dentro do quadro após selecionar uma cor na paleta, faz com que o pixel seja preenchido com a cor selecionada.
9. Crie um botão que, ao ser clicado, limpa o quadro preenchendo a cor de todos seus pixels com branco.

10. Faça o quadro de pixels ter seu tamanho definido pelo usuário.
11. Limite o tamanho do mínimo e máximo do board.
12. Faça com que as cores da paleta sejam geradas aleatoriamente ao carregar a página.