How to import 3d model for threejs

Universal AR
#1

Hello,

Anyone have tutorial or code for importing 3d model (gltf) to Universal AR ThreeJS?
We need to create virtual try on glasses for web using ThreeJS

Regards,
Anwar

#2

Hi @anwar,

Check out GLTFLoader provided by Three. Once you have the 3D model loaded, just add it into your face tracker group.

As a bonus, here’s an example: https://github.com/zappar-xr/zappar-threejs-examples/blob/master/src/face-tracking-3d-model/index.ts

Hope this helps :slight_smile:

3 Likes
#3

Hi @Deim,

Great. Thank you for your sample project. It’s work.
We need to implement this with ReactJS, can we embed typescript to ReactJS?
Or do you have any suggestion?
We need implement Virtual TryOn glasses in web e-commerce.

Regards,
Anwar

#4

Hi @anwar,

If you’re interested in using ReactJS, you may be a fan of our upcoming release which we are doing a live webinar for (this will be recorded, so don’t worry if you miss it)…

You can sign up to the Universal AR for React-Three.js webinar here; alternatively, check out our Webinar Hub as we record all of our livestreams and release them soon after they’ve taken place.

I myself am very excited about this and have loved making some examples to show off!

Have a lovely day!
Francesca :blush: