"Code is the DNA of a new reality." (코드는 새로운 현실의 DNA입니다.)
Cinematic Multiverse는 단순한 포트폴리오 웹사이트를 넘어선, **탐험 가능한 우주(Explorable Universe)**입니다. 기획자이자 테크니컬 디렉터인 **허예솔(Yesol Heo)**이 설계한 이 공간에서, 사용자는 우주 여행자가 되어 프로젝트라는 행성을 직접 탐사하게 됩니다.
Cinematic Multiverse is more than just a portfolio website—it is an Explorable Universe. Designed by Director and Technical Architect Yesol Heo, this space invites you to become a space traveler and explore project planets yourself.
🔗 Live Portal 접속하기 (heoyesol.kr)
이 항성계는 '설계자의 코어(Core)'를 중심으로 4개의 프로젝트 행성과 1개의 위성이 공전하고 있습니다. (This star system features 4 project planets and 1 satellite orbiting around the 'Architect's Core'.)
| 구역 (Sector) | 코드명 (Code) | 특징 (Feature) | 상태 (Status) |
|---|---|---|---|
| 🛰️ The Hub | Gateway |
45도 Top-Down 뷰로 조망하는 시네마틱 태양계. (Cinematic Solar System viewed from 45° Top-Down.) |
✅ |
| 💎 Lab 01 | The Prism |
Crystalline Echoes. 3겹의 키네틱 쉘과 쉐이더의 조화. (Harmony of 3-layer kinetic shells and shaders.) |
✅ |
| 🌿 Lab 02 | The Terrarium |
Living Planet. 데이터가 생명체로 진화하는 생태계. (Ecosystem where data evolves into lifeforms.) |
✅ |
| 🔊 Lab 03 | The Resonance |
Audio Visualizer. 소리의 파동이 폭풍처럼 몰아치는 행성. (Planet where sound waves rage like storms.) |
✅ |
| 🚧 Lab 04 | The Glitch |
Debug Moon. 파괴되고 불완전한 실험실. (Destroyed and incomplete laboratory.) |
✅ |
| ◼️ Black Box | Archives |
DevLog Satellite. 기획/기술/철학을 담은 터미널 아카이브. (Terminal archive containing planning, tech, and philosophy.) |
✅ |
- React 18 (Context/Component Architecture)
- Vite (Next-gen Build Tool)
- R3F (@react-three/fiber) (Declarative 3D)
- Custom Shaders (GLSL)
- @react-three/drei (Helpers & Abstractions)
- @react-three/postprocessing (Cinematic Effects)
- GSAP (Camera & Transition Animation)
- Zustand (Global State Management)
- Interactive Sound FX (Audio Context API)
- Google Gemini API (AI Chat Integration)
로컬 환경에서 이 멀티버스를 복제(Clone)하여 실행할 수 있습니다. (You can clone and run this multiverse in your local environment.)
# 1. 저장소 복제 (Clone Repository)
git clone https://github.com/Yesol-Pilot/portfolio.git
# 2. 프로젝트 이동 (Navigate to Directory)
cd portfolio
# 3. 패키지 설치 (Install Dependencies)
npm install
# 4. 개발 서버 실행 (Run Dev Server)
npm run dev
# -> http://localhost:5173 접속Yesol Heo (허예솔) Cinematic Metaverse Director
"Reality is just a suggestion. Welcome to my version of it." (현실은 제안일 뿐입니다. 제가 만든 버전에 오신 것을 환영합니다.)
This project is licensed under the MIT License - see the LICENSE file for details.
본 프로젝트의 모든 기획, 개발, 및 배포는 Google Antigravity Development Agent에 의해 작성되었습니다. (All planning, development, and deployment of this project were executed by Google Antigravity Development Agent.)