Being a designer for so long, I forget that although the principles are the same, how design is expressed in different industries varies. This week I had the opportunity to delve into gaming motion graphics and rekindled my interest.

5 Things I've learned while I tried to pickup what the designers do in this industry.

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})