Shoe Try-On Quick Setup
Learn how to set up shoe try-on effect in DeepAR Studio
The basic setup for a shoe try-on effect is as follows:
Starting from an empty effect, switch to Camera space, add an empty node named Left Foot, and attach a Foot Position component to this node.
This will show you the foot guide in the editor:
Add a Foot Occluder Mesh from the Assets Menu.
Drag it into the scene as a child of your Foot Tracking Node and set up the Occluder (for more information on creating a basic occluder, see Docs).
Set the X scale to -1 to mirror the mesh to match the guide.
Repeat the necessary steps for the other foot.
You can temporarily disable the foot tracking component to offset the objects so they don't overlap. This will not impact the tracking.
You can then add your shoe model as a chid of the foot tracking object. Scale it according to the the guide and setup the materials. Create a mirrored duplicate for the other foot.
To preview the foot tracking effect start the Web preview:
You can run your new shoe try on effect on your web page with the code from our Shoe Try-On GitHub example.