🏠 Interactive Room Portfolio
An immersive 3D personal portfolio built with Three.js. This virtual room showcases my skills in web-based 3D rendering, interactive environments, and modular asset loading — all directly in the browser.
📌 Features
📂 Modular asset loader — dynamically load .glb or .glTF files.
🎮 Interactive objects — click on items to trigger minigames or view content.
🎥 Smooth camera controls — custom orbital focus and smooth transitions.
✨ Post-processing — outline highlights, bloom, and other effects.
⚙️ WebGL optimized — runs efficiently on modern browsers.
🚀 Demo
Live Demo (later will be added)
🗂️ Tech Stack
Tool
Purpose
Three.js
3D rendering
GSAP
Smooth animations & tweens
Vite
Development & build tooling
🖱️ How to Run
git clone https://github.com/alanhertanto/alan-hertanto-site-threejs
cd alan-hertanto-site-threejs
npm install
npx vite
Then open http://localhost:5173 in your browser.
🎮 Interactions
Object
Action
Post it notes
Zooms camera to focus on it
Laptop
Displays embedded video or minigame
VR Headset
Simulates VR preview
Other Items
Highlights on hover, clickable focus
🏗️ Planned Enhancements
The minigames Smartphones to website UI Another iframe Canvas for laptop Gallery
📄 License
MIT License — feel free to use, adapt, or fork for your own creative portfolio.
👋 About Me
I’m a Unity & Web Developer passionate about immersive experiences and procedural systems.Let’s connect!
Website
Thanks for visiting my room!