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

Nostalgic about an era I lived in my childhood is both escapism and yearning of innocence. I spent days reading up on games being made oversea through magazines. Imagining how it would build upon the low quality images and a bunch of words. It was never about guessing the mechanics of the game, but about how the play experience would make me feel. A sense of adventure, thrill, entertainment, responsibility of actions, horror of consequences, or simple joy.

Warming up on Blender. Refreshing my mind on Blender. Remember those toys back in the 90s? There was the Might Max series or the Polly Pocket series, appearing between the commercial breaks with that child narrator and the sing alongs. Always wanted one, never did have one. Saw lot of my friends bring it to school though.

Drafted a visual design, a revamp on the colors and thought Space Grotesk for the typography would make the UI pop more. More importantly I started pondering about the dashboard users would land on upon opening the app.

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

I started reworking the application for Economic Events Calendar, which I worked on back in 2016. Back then, we wanted to create a crowd-lead platform for economic forecasts. I was in charge of the UX. Researching about the industry, understanding the lingo, and talking with a few traders.