Development Guideline
1.Initiate TryOn instance
At first , initiate tryon instance with below 4 parameters.@parameter1 : set canvas object@parameter2 : set pixelRatio like windows.devicePixelRatio@parameter3 : set sdkpath in the project directory@parameter4 : callback method:(type,detailInfo)=>void .type could be 1 or 2. 1 means initiation completed and 2 means asset is set up.detailInfo is the error message.const renderCanvas = document.querySelector('#glcanvas');var tryonInstance = new stARTryOn( renderCanvas, window.devicePixelRatio, '/sdk/', (type, detailInfo) {console.log(type, "result: ", detailInfo.result, "info: ", detailInfo.info);});2.Initiate HumanAction handleThen, initiate HumanAction handle for feet detection with below 4 parameters.@parameter1 : open log@parameter2 : license type. 1 means using license file and 2 means transfer license content.@parameter3 : license content. Input license content if choose 2 in parameter2@parameter4 : security key from server when choose 2 in paramter2tryonInstance.initHumanActionHandle(true, 1, "", "");3.Set AssetsThere are 3 patterns for setting.3.1 setTryOn@parameter1 : resource pathvar materialPath = 'resources/shoes0.json';tryonInstance.setTryOn(materialPath);3.2 setTryOnJson@parameter1 : json objecttryonInstance.setTryOnJson(jsonObject);3.3 setTryOnPackage@parameter1 : asset package pathvar zipPath = 'resources/shoes0.zip';tryonInstance.setTryOnPackage(zipPath);
4.Process Assets rendering
After asset set, use processFrame method for rendering.@parameter1 : imagedata (need to be the same size with canvas and object type is ImageData)@parameter2 : orientation ( Currently only 0 is available)tryonInstance.processFrame(imageData, 0);
5.Remove Assets
Use removeTryOn method if need to delete asset@parameter1 : type of TryOntryonInstance.removeTryOn(tryonInstance.tryon_shoes);
6.Stop detection
Stop for feet detection@parameter1 : booleantryonInstance.pause = !tryonInstance.pause;
7. Capture screenshot
tryonInstance.saveImage();
8.Set tryon mode
Use setMode method to change the display mode. Currently , shoes only have TryOn mode.tryonInstance.setMode(tryonInstance.mode_tryon);
9.Destroy instance
Destroy instance created for shoes TryontryonInstance.destroyStARTryOn();
Specification
OS
Support
iOS
From 14.3
Android
From 7
Last updated