Abstract 3D Interface Background

THREE.JS JOURNEY

Student's Portal

RoleCreative Engineer
TechR3F, THREE.js, Next.js, Gen-2/Sora
LinksLive Demo | Repo

I believe the best way to learn is to build in public 🚀. I created this 3D portal to document my path through Bruno Simon’s Three.js Journey.

Instead of hiding my homework in a folder, I deploy every challenge and experiment right here. Think of this as my personal laboratory 🧪—a place where I collect achievements, showcase my future certificate 📜, and push the limits of what I can build with React Three Fiber.

🎥 Jumbotron Concept

For the hero section, I wanted something immersive—a seamless loop that sets the mood of digital exploration. It took a few attempts to get the camera movement just right without jarring cuts.

[ FIG 1.0: JUMBOTRON LOOP GENERATION ]
Attempt #01: Unexpected teleportation effect (Sora)
Attempt #02: Occasional morphing effect (Sora)

🎨 Generated Artifacts

To populate the different "worlds" of the course, I needed assets that felt cohesive but distinct. I used Midjourney to generate these low-poly isometric environments. They serve as the visual anchors for each major module of the curriculum.

Space Station
City
Castle
Village
Motel
Jungle
Desert