🌌 Cyber-Conservatory: 3D Interactive Portfolio

A futuristic, high-performance 3D interactive portfolio built with React Three Fiber and Web Audio API. Pilot a surveyor drone through a geometric space graveyard, collecting data fragments and exploring professional milestones.

🚀 Experience the Mission

• Pilot Command: Navigate a high-tech drone with smooth, momentum-based controls (WASD/Joystick).
• Procedural Atmosphere: Real-time generative cinematic music and SFX synthesized directly in your browser.
• Project Archive: A dedicated "Gallery Mode" for focused project exploration with smooth camera transitions.
• Space Physics: Interactive zero-gravity drifting rocks that react to your drone's collisions.
• Mobile Ready: Full touch support with a custom virtual joystick and responsive HUD.

🛠️ Tech Stack

• Core: React + TypeScript
• 3D Engine: Three.js via @react-three/fiber
• Helpers: @react-three/drei
• State: Zustand
• Animation: GSAP & Native LERP
• Styling: Tailwind CSS
• Audio: Web Audio API (Procedural Synthesizers)

🕹️ Controls

Desktop

• W/A/S/D: Pilot Drone
• SPACE: Ascend / Fly Up
• Project Archive: Toggle focus mode for project billboards
• Mute: Toggle procedural BGM

Mobile

• Virtual Joystick: Movement
• FLY UP Button: Dedicated vertical thruster
• Auto-Hiding HUD: Maximized 3D viewing space

🛠️ Local Development

1. Clone the repository:

   git clone https://github.com/Navaneeth223/game-portfolio.git
   cd game-portfolio

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

📜 License

MIT License. Designed and Developed by Navaneeth KV.