68 lines (49 loc) · 1.82 KB

XCAPE AI - 방탈출 테마 기획 도구

방탈출(Escape Room) 테마를 AI 기반으로 기획하고 설계하는 웹 애플리케이션입니다.

🎯 주요 기능

1. 홈 (3가지 시작 방식)

YouTube로 시작: YouTube 영상 URL을 입력하면 AI가 분석해 테마 제안
새 프로젝트 생성: 직접 장르, 플레이타임, 수사 키워드 선택으로 시작
사건 구성: 가해자, 피해자, 범행 동기, 수사 단서 등으로 시나리오 작성

2. 스토리 (AI 제안)

사건 구성 또는 기본 정보로부터 3가지 스토리 제안 생성:

추리 미스터리 (수사 관점)
심리 스릴러 (인물 심리 관점)
서스펜스 (탈출/생존 관점)

3. 만다라트 (9×9 보드)

선택한 스토리를 기반으로 9×9 만다라트 보드 자동 생성
세 가지 색상으로 요소 분류:
- 🌹 Rose: 컨셉
- 🌊 Sky: 연출/장치
- 🟠 Amber: 단서/소품
직접 편집 및 커스터마이징 가능

4. 퍼즐 설계 (Game Flow)

5단계 게임 플로우 (기/승/전/반전/결)
각 단계별 퍼즐 추천
스토리 연결고리 확인

🛠️ 기술 스택

Frontend: React 19 + TypeScript 5.9
Build Tool: Vite 7
Styling: TailwindCSS v4
Routing: React Router v7
Deployment: Vercel

📦 설치 및 실행

# 의존성 설치
npm install

# 개발 서버 실행 (http://localhost:5173)
npm run dev

# 프로덕션 빌드
npm run build

# 빌드 결과 미리보기
npm preview

🌐 배포

레포지토리: https://github.com/likelivb-mong/escape-plan
배포 URL: https://escape-plan-tool.vercel.app

📝 흐름 통합

홈 (3가지 시작) → 스토리 (3가지 제안) → 만다라트 (편집) → 퍼즐 설계 (Game Flow)

개발: Claude Opus 4.6