Comprar óculos online é difícil sem um provador. É por isso que criamos o Sunglasses Slider: um provador WebAR simples que permite que as pessoas experimentem várias armações em segundos e vejam o que realmente serve. Ele roda no navegador, sem aplicativos ou configurações especiais.
O que você irá preparar
Você precisará de quatro modelos 3D leves de óculos de sol no formato .glb e quatro miniaturas correspondentes (uma por modelo). Se estiver apenas experimentando, pegue modelos de amostra no Sketchfab. Mantenha os arquivos leves para que os celulares não travem.
Etapa 1 — coletar os modelos 3D
Acesse o Sketchfab, pesquise por óculos de sol e baixe quatro modelos em .glb. Nomeie-os claramente: classic_black.glb, retro_tortoise.glb, sport_mirrored.glb, etc.
Etapa 2 — faça as miniaturas
Abra um visualizador web como o glTF Viewer. Carregue cada .glb, gire-o para um ângulo favorável, faça uma captura de tela e salve-o como PNG ou JPG 512×512. Nomeie-os de acordo com os modelos, por exemplo, classic_black_thumb.png.
Etapa 3 — criar um projeto no MyWebAR
Faça login, clique em Criar Project e escolha o tipo de rastreamento "Filtros e Efeitos de Rosto". Abra o editor. O rastreamento de rosto posicionará molduras na cabeça automaticamente, para que você não precise alinhar nada manualmente.
Etapa 4 — adicione o plugin
Na barra lateral esquerda, abra Extensões, encontre o Sunglasses Slider e instale-o. Em seguida, vá em Objetos e pressione “+” para adicionar o plugin à sua cena.
Etapa 5 — configure o controle deslizante
Para cada slide, carregue o modelo .glb e a miniatura correspondente. Faça isso para todos os quatro quadros. Quando tudo estiver correto, clique em Salvar configuração.
Etapa 6 — publique e experimente
Clique em "Publicar" para publicar. Abra o link em um celular e teste como um cliente real: alterne entre armações, verifique o ajuste e veja como a armação se comporta em diferentes condições de iluminação.
Aqui está um exemplo que você pode explorar:
Por que as equipes gostam desse fluxo
Funciona em qualquer navegador móvel moderno, não há necessidade de escrever código e a troca de modelos ou miniaturas leva minutos. Os compradores podem comparar vários quadros rapidamente, o que reduz a dúvida e agiliza as decisões.
Soluções rápidas se algo parecer estranho
Se um modelo parecer enorme ou minúsculo, exporte novamente o GLB com a escala correta e tente novamente. Se os materiais parecerem incorretos, certifique-se de que as texturas estejam compactadas no GLB. Se celulares mais antigos apresentarem problemas, simplifique a geometria ou reduza o tamanho das texturas.
Essa é a configuração completa. Quatro modelos, quatro miniaturas, uma publicação. Você tem uma experiência de realidade aumentada limpa, natural e fácil de manter.
