Dentro da THE CAVE: uma experiência 3D que também precisa de ser um site
O site da THE CAVE começa numa nave industrial. Há portas, luz, uma nebulosa verde e um símbolo que se forma na matéria. Essa experiência apresenta o nosso trabalho em software e direção criativa. Também tem de permitir fazer coisas simples: conhecer o estúdio, ver projetos e enviar um pedido.
A sala e o conteúdo têm funções diferentes
A arquitetura, a iluminação e a nebulosa pertencem à cena 3D. Os títulos, os textos dos projetos e os campos do formulário usam HTML. Esta separação permite manter texto selecionável, links normais e campos que funcionam com teclado, sem desenhar toda a interface dentro de uma imagem.
A versão atual utiliza Three.js com WebGPU nas salas. As páginas de detalhe dos projetos têm uma estrutura editorial própria: não precisam de carregar o controlador da galeria e da sala de Work para mostrar o conteúdo.
Carregar só o necessário para o momento
Uma cena interativa precisa de preparar recursos, materiais e trabalho de GPU. Mudar o motor de renderização não elimina essas tarefas. Uma página pode já ter texto disponível enquanto a cena ainda está a preparar-se.
No nosso site, funcionalidades opcionais podem ser carregadas após uma intenção real de utilização. A consola de projetos é um exemplo: a galeria continua disponível enquanto a vista opcional fica pronta. As imagens da galeria usam versões adaptadas ao tamanho apresentado, mantendo os originais para os contextos que precisam deles.
Também importa parar trabalho desnecessário. Quando o hero sai do ecrã, a animação ambiente pode ser suspensa mantendo os recursos da sala. Ao sair de uma página, os recursos que lhe pertencem precisam de ser libertados corretamente.
O telemóvel muda a composição
Um efeito pensado para o rato não se traduz automaticamente em toque. A revelação branca da arquitetura é um detalhe para interação com ponteiro; a navegação no telemóvel tem de continuar clara sem depender desse efeito.
Na leitura, verificamos a largura dos parágrafos, a escala dos títulos, o espaço dos controlos e a relação entre o conteúdo e a cena. No formulário, o teclado virtual e a posição dos campos também fazem parte da experiência. A composição precisa de respeitar o espaço disponível em cada momento.
O que significa medir a melhoria
Tamanho dos ficheiros, tempo até aparecer conteúdo e tempo até a cena responder são medidas diferentes. Reduzir os bytes enviados é útil, mas não prova que uma cena completa fique pronta em 200 milissegundos.
As verificações precisam de distinguir uma primeira visita de uma visita com recursos em cache, e considerar o dispositivo e a ligação. A direção continua a ser a mesma: preservar a identidade visual e tornar mais direta a chegada ao conteúdo. É esse equilíbrio que orienta as próximas versões.