Sites 3D com o VULK: o que o pipeline faz realmente, do prompt ao GLB

Verificado a 10 de outubro de 2026, contra o código que o VULK corre hoje e os seus registos de produção.

"Site 3D" pode querer dizer qualquer coisa, de um logótipo a rodar a um jogo. Este artigo diz exatamente o que o VULK faz quando lhe pedes um, que bibliotecas acabam no teu projeto, como é feito um modelo 3D, quanto tempo demora e quanto custa em créditos.

No VULK, a palavra "3D" cobre duas coisas diferentes, que se pagam de forma diferente:

1. Cenas 3D em código. O próprio site desenha em 3D: um produto que roda à medida que fazes scroll, um hero que segue o teu ponteiro, uma cena em ecrã inteiro.
2. Modelos 3D feitos para ti. Um ficheiro de modelo real (GLB) de um objeto que descreves ou fotografas, gerado e depois colocado na cena.

As bibliotecas no teu projeto

Quando um projeto precisa de 3D, o gerador acrescenta três pacotes de runtime, em versões fixadas num único sítio para que a pré-visualização e o código exportado coincidam:

Os projetos sem 3D não recebem estes pacotes de todo. Uma landing page que não desenha em 3D não paga o custo de descarregar um motor 3D.

O site à volta da cena é o mesmo projeto React e Vite que o VULK constrói para qualquer site, com GSAP para o movimento. Quando a vista 3D é o produto inteiro, como num jogo ou num simulador, o VULK passa para um layout "stage" em ecrã inteiro, em que a cena ocupa todo o viewport. Nesse layout, só um ficheiro do projeto pode importar Three.js, React Three Fiber ou Drei, o que mantém o código 3D num único sítio que consegues encontrar e editar.

Como é feito um modelo 3D

Esta é a parte que a maioria das promessas de "texto para 3D" salta, por isso eis o caminho real.

O modelo é feito a partir de uma imagem. O VULK envia a imagem para o Hunyuan 3D Pro 3.1 da Tencent e recebe um ficheiro GLB com materiais. Se descreveres o objeto por palavras, o VULK cria primeiro uma foto de referência com o seu modelo de imagem predefinido (Gemini 3.1 Flash Image) e depois constrói a malha a partir dessa foto. Se anexares uma foto tua, é essa foto que serve de origem. Ou seja, no VULK, "texto para 3D" é texto para foto para modelo, e podes ver a foto de que o modelo nasceu.

Podes escolher o acabamento e a pose de um objeto quando o pedes. Quando mais tarde pedes para alterar um objeto, o VULK faz um objeto novo a partir da foto com que foi construído o objeto de origem, por isso o original não se perde.

Depois, o ficheiro é preparado para a web. Todos os modelos passam pelo mesmo passo de acabamento, com o @gltf-transform/cli 4.5.0:

• As texturas são recodificadas em WebP sem perdas, para que os mapas de normais e de rugosidade não ganhem artefactos de compressão.
• A geometria é comprimida com Draco, quantizando as posições a 16 bits, as normais a 12 e as coordenadas de textura a 14.
• O tamanho das texturas fica tal como foi entregue, e os triângulos não são reduzidos. A simplificação, mesmo com uma tolerância de erro mínima, vincava visivelmente painéis lisos pintados, por isso o passo de acabamento mantém a geometria de origem.

Depois, é verificado. O ficheiro tem de ser um GLB válido que contenha mesmo geometria. A seguir, um modelo de planeamento (GPT-6.1 Sol) escreve o que inspecionar, um modelo de visão separado (Gemini 3.7 Flash) olha para as imagens e uma regra fixa em código toma a decisão final. Um trabalho tem no máximo três tentativas pagas; nunca tenta uma quarta vez às escondidas.

Quanto tempo demora, medido

Dos registos de produção, lidos a 10 de outubro de 2026: entre 11 de setembro e 8 de outubro de 2026, o trabalho de modelo concluído mediano demorou 485 segundos, cerca de oito minutos, desde o momento em que foi criado até à última atualização.

Quando um modelo está pronto, também o podes descarregar como ficheiro GLB a partir da sua linha no cartão do projeto e usá-lo noutro sítio.

Quanto custa

• O Builder não inclui 3D, nem cenas em código nem modelos gerados. O cartão do plano mostra essa linha como não incluída.
• Pro, Max, Team, Business e Enterprise incluem as duas coisas.
• Um modelo 3D gerado custa 30 créditos VULK. O número de objetos que um projeto pode ter depende do teu saldo de créditos, não de um limite fixo de três ou quatro por site.

Os preços dos planos estão na página de preços: o Builder custa 19,99 $ por mês, o Pro 39,99 $ e o Max 199 $, lidos a 10 de outubro de 2026.

O que acontece num dispositivo que não consegue desenhar 3D

Nem todos os visitantes têm WebGL. Quando falta, a cena mostra uma alternativa desenhada, um fundo nas cores do próprio site, em vez de um retângulo vazio. As cenas respeitam a definição de movimento reduzido do visitante e são renderizadas com menor densidade de píxeis em ecrãs com menos de 768 píxeis de largura.

Também podes tirar o 3D de um projeto que já tens. Pedir ao VULK para o remover tira o runtime 3D e adapta as páginas que o usavam, em vez de deixar imports partidos para trás.

Jogos: o que existe

As pessoas pedem muitas vezes jogos ao VULK, por isso vale a pena separar o que o produto faz do que está na montra.

No produto: um jogo é um projeto 3D em modo stage. Jogos pequenos também podem correr diretamente dentro do chat como uma peça HTML autónoma, limitada a 64 KB e mostrada numa frame isolada (sandbox) que não consegue chegar à página à volta.

Na montra: o Rutura é um jogo de aventura que a nossa equipa construiu e publicou como original da montra. As suas duas personagens são modelos reais com skinning, servidos a partir do site: o ficheiro do ranger tem 10 237 204 bytes, 174 688 triângulos e um esqueleto de 52 articulações, e cada personagem tem três clips de animação.

Projetos 3D públicos que podes abrir

Estes são projetos da montra, construídos e publicados pela nossa equipa. Abre-os num portátil e num telemóvel para veres como uma cena se comporta em ambos:

• Unfold, um objeto visto de todos os ângulos.
• Ossa, colunas de som em pedra numa cena React Three Fiber.
• Rutura, a aventura descrita acima.
• Miso, um pequeno gato num mundo cinético.

O catálogo completo está na montra, filtrado por categoria.