Um configurador 3D de mochilas permite aos utilizadores personalizar e visualizar os seus designs de mochilas. Os elementos interativos explicam e permitem ao utilizador ver diferentes cores, materiais, compartimentos, alças e outras funcionalidades tudo numa única cena. O resultado é uma mochila feita à medida das suas necessidades e preferências específicas.
Os configuradores de mochilas ultraleves permitem-te alterar materiais usando múltiplos hotspots. Podes escolher entre duas combinações de cores principais: cinzento/preto ou vermelho/preto. Cada canto apresenta textos FUI que fornecem informações adicionais sobre o produto.
Visualiza o design final em Realidade Aumentada (AR). Ao usar um telemóvel, é possível andar à volta da mochila para ver todos os lados e fazer zoom nos detalhes.
Desenhámos o modelo da mochila no 3D Studio Max e importámo-lo como um ficheiro .obj. Foi crucial criar uma geometria detalhada para garantir que o modelo parecesse o mais realista possível. Depois de concluirmos o modelo, preparámos uma variedade de texturas no Substance Painter e otimizámo-las no Vectary Studio. Os gráficos, emblemas e dimensões foram desenhados no Figma e ligados à Vectary através de Figma Frames. Escolhemos um fundo neutro para destacar a mochila e a UI flutuante na cena.
Toda a cena é iluminada por uma única luz direcional com a sua intensidade definida para 60%, o ângulo para 3% e as sombras ativadas.
Para obter o aspeto desejado, usámos os adjustments com o tone mapping definido para ACES e a exposição definida para 80%. Nas definições avançadas, o Mouse Follow está ativado.
Para a mochila, focámo-nos em texturas detalhadas e incluímos um conjunto de autocolantes/decalques aplicados por cima. Apenas fizemos bake de algumas partes pois o modelo funcionava bem sem um baking exaustivo, o que também ajudou a reduzir o tamanho do ficheiro. Para mostrar as dimensões, usámos o formato .svg transparente e ativámos o material Double Sided nas propriedades avançadas do material, tornando-o visível de ambos os lados.
Dica: Usa texturas pequenas e de baixa resolução e aumenta a repetição para reduzir o tamanho do ficheiro, mantendo uma boa qualidade de textura.
Três hotspots vão ativar mudanças de material para diferentes partes da mochila. Estes hotspots estão configurados para uma ação de material switcher que muda para o material seguinte. Dica: Ao mudares as cores de vários objetos em simultâneo usando as amostras nativas do Material switcher, prime X para os ligares a todos numa única geometria.
