Concluído
Esfera de partículas
Milhares de pontos distribuídos numa esfera de Fibonacci e deformados por ruído simplex na GPU, com todos os parâmetros expostos em controles.
- Three.js
- GLSL
- WebGL
Experimento interativo
Mova o cursor sobre a cena e ajuste os parâmetros abaixo.
Carregando experimento
01
Técnica
As posições são calculadas uma única vez na CPU; a deformação, o tamanho dos pontos e a cor acontecem no vertex shader. Todo o campo é desenhado em um único draw call.
02
Interação
O cursor é projetado no espaço da câmera e afasta os pontos próximos. A inclinação da esfera segue o cursor com interpolação, para nunca parecer brusca.
03
Desempenho
A animação pausa fora da tela ou com a aba em segundo plano, limita a densidade de pixels e reduz a contagem de pontos em telas pequenas.

