Catálogo 3D para peças de moto

Veja se uma peça encaixa antes de comprar.

Este protótipo carrega modelos GLB e JSONs de âncoras a partir de um bucket, para testar encaixes entre peças diretamente no navegador.

GLB Modelos 3D leves para rodar no navegador.
JSON Pontos de encaixe exportados do FreeCAD.
Snap Encaixe por âncora selecionada entre duas peças.

Uma base para transformar catálogo em configurador.

A landing page envolve o visualizador 3D, mas o núcleo continua sendo o mesmo protótipo: carregar peça, carregar âncoras e testar encaixe.

Peças no bucket

Os modelos 3D e os JSONs de âncoras vêm de um catálogo hospedado na nuvem.

Âncoras visuais

Os pontos amarelos representam a peça base; os pontos azuis representam a peça escolhida para encaixar.

Teste de encaixe

O segundo objeto é carregado do catálogo e movido para coincidir a âncora escolhida dele com a âncora da peça base.

Protótipo interativo via bucket

Escolha um catálogo JSON hospedado na nuvem e selecione as duas peças para testar o encaixe.

S3 / CloudFront .glb .anchors.json Three.js
O catálogo aponta para os GLBs e JSONs das peças.

Carregue um catálogo do bucket.

Depois selecione a peça base e a peça móvel para testar o encaixe.

1Suba os arquivos .glb e .anchors.json no bucket.
2Crie um catalogo.json apontando para esses arquivos.
3Informe a URL do catálogo e escolha as duas peças.
4Clique nas âncoras e ative o objeto 2 para testar o snap.