In this TresJS tutorial, we'll explore how to find and use free 3D models in GLTF format from sites like:
We'll then cover using the useGLTF
composable from drei-sfc
to load models asynchronously, handling it gracefully with Vue's <Suspense>
component.
Once loaded, you will see how to explore the object and get the model node you're looking for. Then, you'll pass that node to the Vue primitive
component's :object
prop to render the model.
By the end of the lesson, you'll be ready to start adding awesome 3D models to your own TresJS projects!