Configurador de barcos: guia completo
Nesta página
Criar um configurador de barcos completo pode parecer complicado, mas com o Amaspace o processo é estruturado, claro e muito personalizável. Este guia mostra cada etapa: da criação do produto e da gestão de assets à lógica de personalização, à edição da cena e aos recursos finais para o cliente, como geração de PDF e pré-visualização em AR.
1. Criar o produto
Começamos criando um novo produto no Product Editor. No pop-up de criação, você define o nome do produto, o preço base e as tags, e envia o modelo 3D base do barco. Esse modelo é a base do seu configurador.
2. Enviar os assets
Em seguida, assets adicionais, como motores e equipamentos opcionais, são enviados pela aba Assets. Antes do envio, o Amaspace pede que você aplique as configurações de compressão individualmente ou para todos os arquivos, para que os assets fiquem otimizados para a web (as texturas são convertidas em formatos eficientes como WebP).
3. Organizar atributos e categorias
No Product Editor, estruturamos as opções de personalização.
- As categorias funcionam como pastas que agrupam recursos relacionados.
- Os atributos definem o que pode ser personalizado (por exemplo, motores, pacotes ou cores).
- Os PCOs (Product Customization Options) são as opções que o cliente vê e pode escolher.
Atributos e PCOs ficam em uma árvore hierárquica na barra lateral esquerda. A barra lateral direita mostra as configurações detalhadas do elemento selecionado, como nomes de exibição, preços, tags e opções padrão. O viewport central mostra o modelo 3D em tempo real e permite vincular os atributos diretamente às partes do modelo com o Part Picker.
4. Corrigir conflitos do modelo base
Ao configurar os motores, primeiro criamos um atributo Single, mas depois o mudamos para um atributo Part Reference para poder trocar vários modelos de motor dinamicamente. Se um modelo base tiver partes fixas (como um motor já instalado), você pode ocultá-las no 3D Editor. Assim os PCOs controlam a visibilidade corretamente.
5. Adicionar opções de cor
Criamos uma nova categoria chamada Colors para gerenciar as cores de acabamento, casco, painéis e detalhes do mobiliário. Para cada atributo, os materiais são enviados pela Asset Library e vinculados à malha correta do modelo com o Part Picker. Assim o cliente pode mudar cada área de forma independente.
6. Configurar a cena no 3D Editor
No 3D Editor você ajusta o ambiente e as configurações técnicas do modelo.
- Configure a Configurator camera para definir a visão inicial que o cliente verá.
- Adicione shaders de água e ajuste a velocidade da animação, a altura e a qualidade da água.
- Ative a float animation para um balanço realista na água.
- Ative o ambiente de céu para completar a cena marinha.
7. Testar o configurador
No modo de pré-visualização, você pode testar todas as opções. Os atributos Single ativam recursos como o reboque de esqui aquático ou o pacote turismo. Os motores alternam corretamente entre os modelos. Os atributos de cor são atualizados em tempo real; os problemas iniciais foram resolvidos redefinindo as cores padrão dos materiais no Material Editor, que controla as propriedades básicas dos materiais, como cor e texturas.
8. Gerar um orçamento em PDF
Com o configurador funcionando, o cliente pode exportar as escolhas em um resumo em PDF. Com um clique, é gerado um PDF caprichado com todas as opções escolhidas, os preços e os dados de contato. Esse documento é um orçamento pronto para compartilhar com clientes e revendedores.
9. Pré-visualização em AR
Por fim, o configurador oferece um modo AR completo. O cliente escaneia um QR code e vê na hora o barco configurado em escala real no celular ou tablet. Ver o produto no próprio ambiente dá mais segurança ao comprador.
Conclusão
Com o Amaspace, montar um configurador detalhado é simples: você define os produtos, envia os assets, configura atributos e PCOs, ajusta a cena 3D e entrega uma experiência completa ao cliente. Das pré-visualizações 3D interativas aos orçamentos em PDF e à AR, toda a jornada está coberta, e a visualização do produto vira uma ferramenta de vendas.
Você também pode gostar
Configure o Amaspace na Shopify
Nesta página você encontra um guia passo a passo para conectar o Amaspace 3D Customizer à sua loja Shopify.
Realidade aumentada: ative e personalize a AR
Aprenda a ativar a AR nativa no seu configurador de produtos 3D. Com o Amaspace é fácil e não precisa de app. iOS e Android suportados via WebXR.
Crie seu primeiro configurador de sofás
Aprenda a criar um configurador 3D interativo de sofás com vários materiais e texturas. Guia passo a passo com o Amaspace, sem código.