Invictus Gloves specializes in creating custom football and golf gloves for players looking to personalize their play equipment.
Invictus was looking to create an e-commerce experience that showcased the quality of their gloves in the form of static 3D renders, video publicity, and an interactive realtime 3D web application where users can create their own custom gloves.
I began work in collaboration with Vartan Timourdjian from Argos Productions to produce a large selection of 3D glove models for both high-resolution pre-rendered sequences and optimized realtime rendering. The production of these assets included pipeline development for effecient iteration, texturing, animation, and lighting. High resolution models were used in Invcitus' website as videos and images to showcase their products, and optimized models were used for Invcitus' custom glove creator app.
Invictus' football store page showcasing various glove models.
Invictus' golf gloves, created through photogrammetry.
When it came to the custom glove creator app, it had to:
- Render a 3D model in realtime on all modern web platforms on desktops and mobile devices.
- Allow users to easily navigate a 3D model.
- Allow users to customize the colors of select regions of a 3D model.
- Allow users to upload custom images or write custom text, and paint these as textures on select regions of a 3D model.
- Save all user options and interface with an e-commerce backend to create products for sale.
- Allow for easy switching of models, as Invictus would use this app for both their football and golf gloves.
I defaulted to my favorite 3D web library, Three.js, and through the creation of custom shaders, I ensured the application would allow for all model customizations while keeping performance optimal.
Custom glove creator application.