The next lesson in threejs implementing GUI controls for debugging objects in the 3D space. Since I had a GLTF object, I was curious to know if the process in adding the GUI would be smooth. But then I got caught in the Old Net with the 90s website and still am.

Loading 3d GLTF models in three.js from blender and giving them materials! Lot of steps and much javascript knowledge needed, but made it! Also, roughness and metal properties inside of THREE.MeshStandardMaterial({roughness: 0.05, metalness: 0.95})

I want to recap though: to create a rendering of 3d objects in web using three.js we need 4 things: 1. The Scene 2. The Object 3. The Camera 4. The Renderer – Also remember that the material function is THREE.MeshBasicMaterial({color})