3D Portfolio - Severance Environment

An immersive 3D portfolio experience inspired by the Apple TV+ series "Severance". Navigate through a corporate corridor environment to explore different sections of work and art.

✨ Features

• Interactive 3D Environment: Navigate through a Severance-inspired office building
• Portfolio Sections:
  • Design Work & Creative Development
  • Film & Video Projects
  • Performance Art Documentation
  • MDR (Macrodata Refinement) Interactive Experience
• Dynamic Lighting: Procedural lighting system with atmospheric effects
• Modern Web Technologies: Built with Three.js and modern JavaScript

🚀 Quick Start

Prerequisites

• Node.js (v16 or higher)
• Modern web browser with WebGL support

Installation

1. Clone the repository:

git clone https://github.com/parsaa74/3D-Portfolio.git
cd 3D-Portfolio

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

🎮 Controls

• WASD: Move around
• Mouse: Look around
• E: Interact with doors and objects
• Shift: Run/Sprint mode

🏗️ Project Structure

├── src/
│   ├── core/
│   │   ├── rendering/
│   │   │   ├── environments/
│   │   │   └── materials/
│   │   └── systems/
│   └── utils/
├── public/
│   ├── assets/
│   │   ├── models/
│   │   ├── textures/
│   │   └── images/
│   └── src/shaders/
└── index.html

🎨 Art & Design

This portfolio showcases:

• Performance Art: Documentation of live performances including "Circle of Confusion", "Dissolve", and "Friends"
• Film Work: Curated selection of video projects and collaborations
• Interactive Design: Creative coding projects and generative art
• 3D Modeling: Custom environments and assets created for this portfolio

🔧 Technologies Used

• Three.js: 3D graphics and rendering
• Vite: Build tool and development server
• WebGL: Hardware-accelerated graphics
• GLSL: Custom shaders for lighting and effects
• Modern JavaScript (ES6+): Core application logic

📱 Browser Support

• Chrome 90+
• Firefox 85+
• Safari 14+
• Edge 90+

Note: Requires WebGL 2.0 support for optimal performance

🚀 Deployment

This portfolio is automatically deployed to GitHub Pages. Any push to the main branch will trigger a new deployment.

To build for production locally:

npm run build

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

While this is a personal portfolio, feedback and suggestions are welcome! Please open an issue to discuss any changes.

📧 Contact

For inquiries about the work showcased in this portfolio, please reach out through the contact information provided within the 3D environment.

---

Inspired by the architectural and psychological spaces of "Severance" (Apple TV+)