Uma aplicação web Etch-a-Sketch construída com JavaScript puro.
Prévia ao Vivo: https://rabiskme.netlify.app/
Rabiskme é uma recriação digital do clássico brinquedo Etch-a-Sketch, implementada como uma aplicação web usando JavaScript puro. Fornece uma tela de desenho interativa baseada em grade onde os usuários podem criar arte com vários modos de desenho, opções de cor e tamanhos de quadro ajustáveis.
- Quadro de Desenho: Superfície de desenho interativa baseada em grade
- Seleção de Cor: Seletor de cor personalizado e paleta de cores rápidas
- Modo Arco-Íris: Ciclo automático de cores para desenhos vibrantes
- Ferramenta Borracha: Remover desenhos com funcionalidade de borracha
- Tamanho Ajustável do Quadro: Redimensionamento dinâmico da grade de 16x16 a 64x64 blocos
- Indicadores Visuais de Modo: Feedback claro para modos de desenho ativos
Este projeto foi desenvolvido como parte do aprendizado em desenvolvimento web front-end, focando em conceitos fundamentais de JavaScript puro. Através da criação desta aplicação Etch-a-Sketch, foram extraídos os seguintes aprendizados principais:
- Manipulação do DOM: Criação e modificação dinâmica de elementos HTML via JavaScript para construir a grade de desenho interativa.
- Gerenciamento de Eventos: Implementação de listeners para eventos de mouse, permitindo interação fluida e responsiva com o usuário.
- Estilização Dinâmica com CSS: Aplicação de estilos em tempo real para alterar cores, tamanhos e visuais, incluindo modos especiais como arco-íris.
- Lógica de Programação: Desenvolvimento de algoritmos para gerar grades, ciclos de cores e funcionalidades de borracha, reforçando habilidades em controle de fluxo e loops.
- Organização de Código: Estruturação do código em funções modulares e reutilizáveis para melhor manutenção e legibilidade.