Shan Dev 3D Workspace
Interactive Virtual Portfolio
Technologies
Key Features
- FPS Game-style Controls (WASD)
- Mobile Virtual Joystick Support
- Interactive AI Chatbot Assistant
- Gamified User Experience
- Real-time 3D Rendering
- Responsive Environment
The Challenge
The primary challenge was implementing a seamless cross-platform control system that supports both desktop FPS-style navigation (WASD) and a responsive virtual joystick for mobile devices, all while maintaining a consistent 60fps on web browsers.
The Solution
I utilized React Three Fiber for optimized 3D rendering and developed a custom control hook to switch between keyboard/mouse and touch inputs dynamically. The AI bot was integrated using Firebase Cloud Functions to handle real-time conversations without impacting the 3D rendering performance.
A fully immersive 3D personal portfolio designed as a virtual developer room. It transforms the traditional browsing experience into a gamified exploration, allowing users to navigate the space, interact with projects, and chat with an integrated AI assistant.
