A modification of the WebAR-rocks/WebAR.rocks.hand project that demonstrates the use of echo3d platform to dynamically swap out ring and wrist assets.
Don't have an API key? Make sure to register for FREE at echo3D.
- Clone this repo.
- Unzip the files in Ring-Wrist-Demo/assets/.
- Upload .glb models to the console.
- Upload corresponding .csv files to the model entry.
- Set the API key in the Ring-Wrist-Demo/demos/VTO/main.js
- Host contents of the repository on static server. For my purposes, I used browsersync.
- Please refer to WebAR-rocks/WebAR.rocks.hand for more information regarding correctly setting the position of new assets.
- We chose to adjust the position in blender and then entered the transform data as metadata in the echo3d console.
- You can swap out assets by changing the Value of the activeRing or activeWrist to 'true' or 'false' depending on whether that is the asset you want to use.
Refer to our documentation to learn more about echo3d.
Feel free to reach out at support@echo3D.co or join our support channel on Slack.
Crowned_Ring asset was found on free3d.com. Ring_Ornament asset was found on free3d.com. All other 3d assets were included as part of the WebAR-rocks/WebAR.rocks.hand project.