Bio-Habitat Generativo
Uma ilha 3D que transforma sono, hidratação, exercício e tempo de tela em um ambiente visual mutável.
- Papel
- Desenvolvimento e visualização 3D
- Tecnologias
- Three.js, JavaScript, Playwright, GitHub Pages
O ponto de partida
Métricas de rotina costumam aparecer como números isolados. O experimento procura dar forma e atmosfera a esses dados para que o estado do dia seja percebido de outra maneira.
O que foi construído
O protótipo usa Three.js para gerar uma ilha flutuante com quatro estados visuais. Os dados podem vir de uma API, do cache local ou de um arquivo estático de fallback.
Decisões importantes
- Mapear cada métrica a uma mudança visual específica da ilha.
- Usar uma curva não linear para tornar as diferenças entre estados mais perceptíveis.
- Validar renderização, viewport e ausência de overflow com Playwright em desktop e mobile.
O que funcionou
- O fallback em camadas manteve a experiência utilizável mesmo sem resposta da API.
- Quatro estados visuais tornaram as diferenças entre conjuntos de métricas perceptíveis.
Limites e o que não funcionou
- Os estados comunicam tendências, mas não substituem uma leitura precisa das métricas.
- Ainda falta validar se a metáfora visual continua legível em uso recorrente.
Próximo passo
Aprimorar a documentação visual e tornar a relação entre cada dado e cada transformação ainda mais legível.