Esse projeto tem como objetivo a interação com um quadro de pixels, 9 cores estão presentes na página sendo que a cor preta e branca é fixa. As demais cores são geradas automáticamente, é possível limpar os quadros, aumentar o tamanho do quadro e ajustar a quantidade de pixels em 25, 100, 225, 400, 625. Além dessas funcionalidades decidi adicionar como bônus um background animado.
- Criar paleta de cores com 8 cores, sendo preto e branco as primeiras (pré-selecionadas) e outras sete cores randômicas;
- Criar um board medindo 5x5 unidades;
- Pintar cada unidade pixel com a cor selecionada ao se clicar;
- Criar um botão de limpar board;
- Criar um campo de input que permite alterar o tamanho do board (entre 25 e 625 unidades);
- HTML
- CSS
- Javacript
- DOM
- HTML Semântico
Basta acessar a página, configurar o tamanho do board ou utilizar o pré-definido e interagir com o quadro de pixels.