Este projeto cria uma animação visual da sequência de Fibonacci em formato de caracol, utilizando HTML, CSS e JavaScript.
- Gera uma espiral baseada na sequência de Fibonacci.
- Cada novo segmento inicia no final do anterior, formando um caracol.
- O tamanho das curvas segue a sequência de Fibonacci.
- Animação suave com efeito de transição.
- Atualização automática a cada segundo.
- HTML
- CSS (para estilos e animações)
- JavaScript (para gerar e manipular os elementos)
- Baixe ou clone este repositório.
- Abra o arquivo
index.htmlem qualquer navegador moderno.
- Função Fibonacci Recursiva:
- Implementada para calcular os valores da sequência de Fibonacci.
- Criação das Curvas:
- Cada novo valor gera um arco que se liga ao anterior.
- Animação:
- Os elementos são criados com
opacity0 e animados paraopacity1, criando um efeito de aparecimento suave.
- Os elementos são criados com
- Rotação e Posicionamento:
- Cada novo arco segue um ângulo de 90 graus para formar a espiral.
O código gera uma espiral Fibonacci dinâmica que cresce com o tempo.
- Permitir o usuário pausar e reiniciar a animação.
- Adicionar controle de velocidade.
- Criar uma versão interativa com zoom e rotação manual.
Este projeto está sob a licença MIT. Sinta-se livre para modificá-lo e usá-lo como quiser!
🚀 Desenvolvido para demonstrar Fibonacci de forma visual e interativa!