How to create a mixed reality try out via Apple AR Quick Look and Google Scene Viewer.

Oscar de la Hera Gomez
Clotho | Holland Home

A render of a 1970 Holland Virtual Replica rendered in Blender.

This tutorial aims to walk you through how to create a mixed reality try out from a model in Blender to Apple AR Quick Look and Google Scene Viewer, as shown on Clotho.

Resources

Please find all the resources associated to this page, along with additional guides below:

Step One: Open the model in Blender

Open the file in Blender, we have attached our material and scene properties incase it helps produce a more desireable result.

A 1970 Holland Replica in Blender with material settings on the right.

A 1970 Holland Replica in Blender with material settings on the right.

A 1970 Holland Replica in Blender with all other settings on the right.

A 1970 Holland Replica in Blender with all other settings on the right.

Step Two: Export and Save the Model as a GLB

How to export the file as a GLB on Blender.

How to export the file as a GLB on Blender.

How to safe a file as a GLB on Blender.

How to save a file as a GLB on Blender.

Step Three: Open USDPython Command

Navigate to USDPython and double click on USD.command.

Navigate to USDPython and double click on USD.command.

If you do not have USDPython, download the USDZ Tools using the link below and install the pkg.

Please note that USDPython requires Python 3.7.

Step Four: Set the folder of the GLB as the current directory

In the terminal that pops up, navigate to your current directory.

Set the current directory to the place where you saved the GLB.

Step Five: Convert the GLB to a USDZ

Run the following line in terminal. Update 'sample' to your filename, to ensure it gets converted correctly.

usdzconvert sample.glb sample.usdz

Step Six: Verify that it converted correctly in Finder

Open the USDZ in your finder by clicking on it and pressing space bar.

Set the current directory to the place where you saved the GLB.

Set the current directory to the place where you saved the GLB.

Step Seven: Complete the logic for the component

Complete the logic for your React Component using a our sample code below

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.

delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details