어린이들을 위한 AI 기반 시적 창작 공간입니다. 깊은 밤하늘의 '꿈별' 지미니와 함께 영감을 얻고, 나만의 배를 띄워 이야기를 기록해보세요.
- 목표: 아이들이 부담 없이 창의적인 글쓰기를 시작할 수 있는 몽환적인 디지털 공간 제공.
- 컨셉: <라 루나(La Luna)>의 따뜻한 감성과 클로드 모네의 빛의 질감을 결합한 비주얼.
- Framework: Next.js 16 (App Router)
- Styling: Tailwind CSS 4
- Animation: Framer Motion
- AI Engine: Google Gemini API (지미니 별)
- State: Zustand / React Context
- Performance: HTML5 Canvas (Particle System), SVG (Turbulence Texture)
- 60:40 비율의 하늘-바다 레이아웃: 태블릿 반응형 대응.
- 꿈별(지미니) 오프제: 은은한 동적 맥동(Pulse) 애니메이션.
- 일렁이는 바다와 나무배: 인터랙티브한 항해 요소.
- 별 가루 입자 효과 (Canvas): 마우스/터치 궤적을 따르는 60fps 골든 파티클.
- SVG 텍스처 필터: 종이/판화의 거친 질감 구현.
- 보호자 페이지 등대: 3초 롱프레스 시각적 피드백 시스템.
- 사운드 구조: AudioContext 기반 BGM/SFX 확장성 확보.
npm install
npm run dev본 프로젝트는 아이들의 꿈을 잇는 통로로 설계되었습니다.