Project 1 Milestone 2.1

I figured out the Three.js library enough to create an orthographic viewer for a model. The mockup can be found here.

Image of the mockup using Three.js

I broke down the problem into more steps, as before I had trouble tackling multiple things at once. I started by making a scene and camera looking at a cube following this tutorial.

I then added orbit controls using the three.js docs as a guide.

I then loaded the model following this tutorial.

And finally I found out how to make the background transparent with this stack overflow.

I made the size of the canvas adaptable using code from my lab 1, where I resized the button to be a square based on the smallest dimension of the window, see that here.