GPU no browser. Para filtros AR, configuradores de produto, visualizações de dados — onde o 2D não chega.
Categoria · Frontend & UI
GPU no browser.
O WebGL dá ao JavaScript acesso direto à placa gráfica e renderiza gráficos 2D e 3D em tempo real no browser — sem plugin. O Three.js é a biblioteca que traduz a API WebGL, crua e próxima do hardware, em conceitos manejáveis: cena, câmara, luz, material.
Assim, correm de forma fluida conteúdos para os quais o DOM e o CSS normais não foram feitos.
Onde o 2D não chega.
Usamos o WebGL onde a espacialidade ou os gráficos em tempo real fazem parte do produto: configuradores de produto com que os clientes rodam e ajustam um objeto, filtros de AR, grandes visualizações de dados interativas. Sempre que milhares de elementos têm de manter-se animados de forma fluida em simultâneo.
O esforço por detrás.
O 3D na web é caro: os assets têm de ser otimizados, a performance testada em dispositivos fracos e a acessibilidade resolvida em separado. Para informação pura, uma representação 2D é mais rápida, mais barata e mais acessível. O WebGL só compensa quando a própria experiência é o valor acrescentado.