Hi everyone!
I’ve been working on an interactive 3D portfolio built with Three.js and React Three Fiber.
The experience takes place inside a stylized room where visitors can move the character around and interact with different parts of the environment.
Some features include:
- Character movement and animations
- A guided room tour
- Interactive books with physics-inspired motion
- A playable chess puzzle
- A collaborative painting canvas
- Interactive lighting, fireplace, curtain, and monitor
- A sleeping cat with its own little corner
- Automatic quality scaling for weaker devices
I spent a lot of time improving the loading experience and optimizing the scene for lower-end hardware while keeping the room detailed and interactive.
Live demo: https://taha-shajarian.ir
I’d really appreciate your feedback, especially about performance, interaction design, and the overall atmosphere of the room.
Thanks for checking it out!
