Three.js vs Spline vs Unity: qual usar em um site 3D interativo?

A versão curta

• Three.js é uma biblioteca de código. Dá controle total sobre renderização, interação e desempenho, e vive dentro do site como qualquer outro JavaScript. Precisa de um desenvolvedor.
• Spline é uma ferramenta de design visual. Um designer monta e anima a cena e a publica como URL pública, embed do Viewer ou código (Vanilla JS, React, Next.js, react-three-fiber ou um loader para Three.js).
• Unity é um motor de jogos. Toda a experiência é construída no editor do Unity e exportada como build Web. É a escolha natural para jogos e simuladores com lógica complexa.

Three.js: quando o 3D faz parte do produto

Three.js é uma biblioteca JavaScript de código aberto, com licença MIT, que desenha 3D no navegador com WebGL. Como é código dentro do site, o 3D pode reagir ao scroll, compartilhar estado com o resto da página, carregar só o que precisa e ser otimizado para os dispositivos do público. Combina com configuradores de produto e sites interativos em que a experiência e o site são uma coisa só. A contrapartida: tudo é construído por desenvolvedores, inclusive ferramentas que um editor visual já traz prontas.

Spline: quando um designer precisa publicar 3D rápido

Spline é uma ferramenta de design de cenas 3D com animação e eventos. Uma cena pode ser publicada como URL pública, incorporada com o Spline Viewer ou exportada como código. Dois detalhes pesam na escolha: animações e eventos só são mantidos ao exportar para Vanilla JS ou React, e o Spline desenha com WebGPU por padrão e recorre ao WebGL. Funciona muito bem em cenas de abertura, prévias de produto e momentos de landing page; a lógica que vai além do sistema de eventos costuma acabar precisando de código.

Unity: quando o site é na verdade um jogo ou um simulador

Unity é um motor de jogos completo, e seu build Web roda a experiência no navegador. O Unity 6 suporta Safari no iOS 15 ou superior e Chrome 58 ou superior no Android, e precisa de WebGL 2 em navegadores de desktop. Vale a pena quando a experiência tem lógica de jogo, física ou cenários de treinamento, ou quando o projeto já existe no Unity e também precisa sair em headsets ou apps nativos. Para uma página de marketing, costuma ser mais motor do que o trabalho pede.

Como escolher

1. Se o 3D precisa se comportar como parte do site (scroll, interface, dados, texto ao redor), comece com Three.js.
2. Se um designer é dono da cena e a interação é simples (hover, clique, estados), comece com Spline.
3. Se a experiência é um jogo, um simulador ou já existe no Unity, use o build Web do Unity.
4. Em todos os casos, teste nos celulares que o público realmente usa antes de se comprometer com uma direção.