Este projeto consiste em um editor de arte com pixels, onde o usuário pode pintar e criar desenhos utilizando uma paleta de cores funcional.
No desenvolvimento deste projeto foram utilizadas as seguintes habilidades:
- JavaScript
- HTML
- CSS
Você pode utilizar a aplicação clicando no link abaixo.
Clique aqui para utilizarO projeto finaliza a Seção 4 - JavaScript, DOM, Eventos e Web Storage do Módulo de Fundamentos e possuía nove requisitos obrigatórios e três requisitos optativos. Neste projeto obtive 100% de aprovação.
Lista de requisitos obrigatórios:
- Adicione à página o título "Paleta de Cores".
- Adicione à página uma paleta contendo quatro cores distintas.
- Adicione a cor preta como a primeira cor da paleta de cores.
- Adicione à página um quadro de pixels com 25 pixels.
- Cada pixel do quadro deve possuir 40 pixels de largura, 40 pixels de altura e ser delimitado por uma borda preta de 1 pixel.
- Defina a cor preta como cor inicial.
- Clicar em uma das cores da paleta faz com que ela seja selecionada e utilizada para preencher os pixels no quadro.
- 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.
- Crie um botão que, ao ser clicado, limpa o quadro preenchendo a cor de todos os seus pixels com branco.
Lista de requisitos optativos:
- Faça o quadro de pixels ter seu tamanho definido pela pessoa usuária.
- Limite o tamanho mínimo e máximo do quadro.
- Faça com que as cores da paleta sejam geradas aleatoriamente ao carregar a página.