Welcome to the 3D Model Viewer Project

This guide will walk you through the steps to set up a web-based 3D model viewer using Three.js, including obtaining a model, setting up the viewer, and ensuring interactivity.

Project Steps

Completion

By following these steps, you will create a functional 3D model viewer. You can expand this project with more advanced features and customizations, which is exactly what we will be doing in the next projects!.

But for now, scroll down and admire your work! Just like that, you have create a 3D model viewer for the web!

Additional Resources

• Three.js Documentation
• Three.js Fundamentals

How to use

• Left Mouse Click to rotate the object (What do you notice? We can only rotate and view half the object, not a 360 view! - we will fix this in Project 2)
• Right Mouse Click to move/transform the objects position
• Middle mouse scroll to zoom in/out on the object