Visualização interativa de DNA com estética futurista em tons escuros, renderização em canvas e múltiplas formas de interação em tempo real.
Este projeto apresenta uma dupla hélice de DNA em movimento com foco em:
- Visual profissional
- Interatividade rica com mouse, touch e teclado
- Feedback visual de mutações e manipulação dos pares de base
- Experiência responsiva para desktop e mobile
- Renderização da dupla hélice com profundidade 3D
- Pares de base A-T e C-G visíveis
- Destaque de par ativo por hover
- Mutação por clique em pares específicos
- Mutação global por ação dedicada
- Zoom dinâmico por scroll e gesto de pinça
- Rotação manual por arrasto
- Modo de órbita automática
- Histórico de mutações no painel
- Controles em tempo real para velocidade, largura, densidade, profundidade e torção
- HTML5
- CSS3
- JavaScript (Canvas API)
- Clone este repositório
- Abra a pasta do projeto
- Execute o arquivo index.html no navegador
Opcional: use uma extensão de servidor local no VS Code para facilitar testes durante edição.
- Arrastar: rotação manual da cena
- Scroll: zoom estrutural
- Shift + Scroll: ajusta torção
- Clique em um degrau: muta o par
- Duplo clique: mutação global
- Pinça no touch: zoom
- Space: pausar ou retomar animação
- M: mutação aleatória
- O: ativa ou desativa órbita
- R: mutação global
- Seta para cima/baixo: aumenta ou reduz densidade
-
- e -: aumenta ou reduz velocidade
- index.html: interface, estilo e lógica da visualização
- image.png: screenshot do projeto para apresentação
- Mantenha o arquivo image.png na raiz para o preview aparecer no README
- Se mudar o nome da imagem, atualize o caminho na tag Markdown
- Presets visuais (Laboratório, Neon, BioScan)
- Export de imagem em alta resolução
- Modo de apresentação automática para demonstrações
Este projeto está disponível para uso em portfólio e estudos.