It utilized three.js to render the model. BufferGeometryUtils and GLTFLoader are used to load the GLTF models.
The website was heavily inspired by jsfiddle This youtube video by Dan Greenheck also helped in getting basic understanding of three.js link
The Orbitcontrols.js had to be updated to include the dollyIn and dollyOut as public functions to be used for zooming
Model obtained from the following website Command Module, Apollo 11 | 3D Digitization
There are 4 buttons.
- Zoom in - this zooms in on the model
- Zoom out - this zooms out of the model
- Reset - resets the model to its initial position
- Pause/Play Animation - pauses or plays the animation