andressaribeiroo / Pixel-Art-Trybe

Neste projeto foi implementado um editor de arte com pixels em que a pessoa usuária poderá escolher uma cor em uma paleta de cores e poderá pintar o que quiser em um quadro branco.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pixel-Art-Trybe

Boas-vindas ao repositório do projeto Arte com Pixels!

Neste projeto, foi implementado um editor de arte com pixels em que a pessoa usuária poderá escolher uma cor em uma paleta de cores e poderá pintar o que quiser em um quadro branco. Foi um projeto realizado enquanto estudante de web full-stack na Trybe.

Demonstração

🚀Tecnologias e Ferramentas utilizadas:

Requisitos Obrigatórios

1 - Adicione à página o título "Paleta de Cores".

2 - Adicione à página uma paleta contendo quatro cores distintas.

3 - Adicione a cor preta como a primeira cor da paleta de cores.

4 - Adicione à página um quadro contendo 25 pixels.

5 - Faça com que cada pixel do quadro tenha largura e altura de 40 pixels e borda preta de 1 pixel de espessura.

6 - Defina a cor preta como cor inicial da paleta de cores

7 - Selecione uma cor na paleta de cores e preencha os pixels no quadro.

8 - Preencha um pixel do quadro com a cor selecionada na paleta de cores.

9 - Crie um botão que retorne a cor do quadro para a cor inicial.

Requisitos Bônus

10 - Faça o quadro de pixels ter seu tamanho definido pela pessoa usuária.

11 - Limite o tamanho mínimo e máximo do quadro de pixels.

12 - Faça com que as cores da paleta sejam geradas aleatoriamente ao carregar a página.

About

Neste projeto foi implementado um editor de arte com pixels em que a pessoa usuária poderá escolher uma cor em uma paleta de cores e poderá pintar o que quiser em um quadro branco.


Languages

Language:JavaScript 58.0%Language:CSS 27.7%Language:HTML 14.2%