Digitization

Our platform is compatible with 3D models of garments in ZPAC format.

Do the following steps to implement WEARFITS on your website:

<script type="text/javascript" src="https://wearfits-cdn.azurewebsites.net/static/js/wearfits.fr.bundle.min.js?v=220624"></script>

Use the current date for version (?v=YYMMDD).

You can customize the style but don’t change the id (wearfits_viewer).

<script wearfits.current_garment_name = ""; wearfits.showRayTracingButton = false; wearfits.showARButton = true; wearfits.showMaterialPresets = true; wearfits.showSizeSelectionUI = true; wearfits.showAvatarSelectionUI = true; wearfits.showComfortMapButton = true; wearfits.controlsType = "MOUSE_POSITION"; wearfits.loadDefaultOrCreateIt(); ></script>

Only the first two lines are required, the following parameters are optional (parameter names are self-explaining).

Multiple instances of viewers

If you want to embed more viewers on the same website you have to load JS file with the parameter instancesCount=n like this:

<script type="text/javascript" src="https://wearfits-cdn.azurewebsites.net/static/js/wearfits.fr.bundle.min.js?instancesCount=2&v=220624"></script>

For additional items use wearfits_X object name (so the first object name is wearfits, second wearfits_1, third wearfits_2 etc.), e.g.:

Advanced implementation

The more advanced implementation example, with external and customized controls, is here: https://dev.wearfits.com/minimal-demo11 - please check the source code to examine it. To display two garments on the avatar use this function instead of loadDefaultOrCreateIt()

IFRAME variant

For IFRAME option just load this URL in your IFRAME (all parameters are optional): First style - the best for embedding via IFRAME inside a website:

Footwear

Our platform requires 3D models of shoes in OBJ or GLTF format. Use our cloud platform to get a 3D model of a shoe automatically from the photographs: https://3d.wearfits.com. Ask us for more information.