O configurador de sapatos de ciclismo é uma visualização 3D interativa que explica mais do que apenas opções de cores e materiais. Também aprofunda a tecnologia do sapato graças à animação 3D. A apresentação final pode ser partilhada diretamente como uma ligação para apresentações internas, ou incorporada no website (até mesmo ligada ao checkout).
O objetivo deste projeto de sapato era apresentar informações técnicas e inovação única usando configurações interativas.
Os elementos interativos explicam:
A variação final também pode ser partilhada em Realidade Aumentada (AR) e visualizada num ambiente real.
O modelo foi criado no Rhino e exportado como um ficheiro .fbx. Devido à complexidade da maioria das superfícies, foi necessária uma atenção especial à topologia do modelo neste projeto. Por isso, o sapato foi importado para o Blender para corrigir o mapeamento UV, garantindo que todas as texturas fossem aplicadas corretamente no Vectary.
Dadas as superfícies complexas e curvas do sapato, o papel da iluminação é acentuar estas formas e melhorar a perceção do volume. Para o conseguir, as luzes retangulares são a escolha preferida, oferecendo um controlo fácil sobre a localização e a orientação. Como em muitos projetos, é crucial diminuir a intensidade nas definições de ambiente para dar prioridade às luzes locais. Adicionar efeitos de sombra à fonte de luz principal aumenta o realismo e o detalhe na cena.
A seleção de materiais é fundamental neste projeto. Embora um sapato de ciclismo possua contornos suaves, o seu material principal tende a ser rugoso. O objetivo era encontrar um equilíbrio entre uma estética de plástico e a suavidade do tecido, criando uma aparência híbrida que é ao mesmo tempo suave e robusta. A incorporação de padrões no mapa de cores reforça o realismo do material. Depois de finalizar o aspeto geral da textura, é essencial fazer o bake do seu lightmap e oclusão de ambiente para introduzir detalhes adicionais que elevam o resultado final.
As interações nesta cena baseiam-se principalmente em hotspots, representados por imagens 2D animadas. Estes hotspots ativam animações como rodar o sapato para examinar os detalhes da sola ou desmontar várias peças para explorar características como o amortecimento e os tipos de malha. A animação também demonstra como fixar as travessas ao sapato usando parafusos e os locais designados na sola. Além disso, um material switcher está acessível ao clicar no logótipo, permitindo aos utilizadores escolher entre as versões preta e branca do sapato. A informação técnica está incluída na Floating UI e é acedida ao clicar no hotspot.
