Um configurador de joias 3D é uma ferramenta online criada no Vectary que convida o comprador a desenhar e a personalizar as suas próprias peças de joalharia num espaço digital. A interface intuitiva com uma vasta gama de opções permite ao utilizador configurar o seu próprio design final. Pode ser partilhado como uma ligação direta ou incorporado diretamente num website.
Este projeto adota uma abordagem mais focada no storytelling em comparação com um configurador comum. Permite aos utilizadores criar o seu próprio anel exclusivo em três passos, em vez de interagirem com objetos num único local. A UI flutuante controla a navegação básica pela cena enquanto apresenta as opções configuráveis. Estes são os passos:
A variação final também pode ser partilhada em Realidade Aumentada (AR) e visualizada num ambiente real.
O próprio anel foi modelado no Blender e importado como ficheiro .obj. As pedras foram criadas através de digitalização 3D usando fotogrametria e importadas para o Vectary Studio como ficheiros .obj. O polycount das pedras foi reduzido no Studio usando o plugin Simplify.
A cena está dividida em três áreas com diferentes configurações de iluminação. Cada área apresenta composições still life feitas de rochas realistas, com elementos interativos posicionados no meio de cada uma. Uma luz direcional permanece fora destes grupos e está sempre visível. Iluminar o aro e as gemas apresenta desafios. Na primeira área, o aro está rodeado por três luzes retangulares e um spotlight, com o objetivo de destacar todas as partes nos reflexos do aro. A área das gemas depende apenas da luz direcional, enquanto a montagem final do anel inclui dois spotlights e uma luz retangular.
As luzes estão organizadas em grupos e colocadas sob variantes para otimizar o desempenho e usar apenas um grupo de luzes ativo. A área seguinte nunca está totalmente visível devido ao ângulo da câmara e aos efeitos de desvanecimento.
A paleta de cores geral da cena é neutra, com um tom de rosa-velho em vez de branco monocromático, complementando as rochas still life no ambiente da cena. As pedras são recursos realistas digitalizados em 3D com texturas otimizadas apenas no slot de cor; todos os outros slots estão vazios para reduzir o tamanho da cena. A variação no aspeto destas rochas é alcançada através de lightmaps com bake.
Dica: Remove a geometria desnecessária de locais invisíveis, como a parte inferior destas rochas. Além disso, existe apenas um tipo de rocha na cena, duplicado como uma instância com diferentes parâmetros de tamanho, o que mais uma vez poupa no tamanho do ficheiro. O aro na primeira área apresenta quatro materiais metálicos diferentes inspirados em metais preciosos.
As gemas usam várias técnicas para alcançar o aspeto pretendido. Cada gema contém um duplicado mais pequeno no seu interior, e o parâmetro de refração com absorção de cor desempenha um papel fundamental. Além disso, as gemas exteriores têm um clear coat com o valor definido para 1000% no topo. Esta combinação de diferentes materiais aplicados às gemas exteriores e interiores cria um aspeto final mais complexo.
As primeiras duas áreas apresentam animações de 360 graus em loop de cada aro e gema, definidas para repetir de forma linear. O menu da UI flutuante controla a navegação pela cena e as configurações de materiais. A UI contém imagens com nomes, que alteram os materiais do aro e das gemas ao clicar.
Os materiais do aro na primeira e na última área não estão associados, exigindo que os utilizadores alterem dois materiais ao mesmo tempo. Isto garante que, ao avançar para o passo número três, os utilizadores vejam o mesmo material selecionado no início.
