브라우저에서 TypeScript와 Three.js로 63종의 곤충을 절차적으로 모델링한 인터랙티브 3D 도감으로, 모델 파일이 필요 없습니다.
NomaDamas/CozyClay
장면 블로킹, 캐릭터 포즈, 카메라 컷을 브라우저에서 구성해 AI 비디오 모델로 보내는 프리비즈 스튜디오입니다.
- 스타
- 807
- 포크
- 93
- 열린 이슈
- 13
- 마지막 커밋
- 어제
어떤 프로젝트인가요?
CozyClay는 Three.js와 React Three Fiber로 만든 브라우저 기반 프리비주얼라이제이션 스튜디오입니다. 프리미티브와 세트 요소로 장면을 블로킹하고, 리그가 있는 캐릭터나 리그가 없는 캐릭터를 배치해 포즈를 잡은 다음 타임라인에서 카메라 이동과 컷을 구성할 수 있습니다.
주요 출력물은 AI 비디오 생성용입니다. 각 샷은 첫 프레임과 마지막 프레임이 포함된 키프레임 팩, 그레이박스 클립, 카메라 JSON과 프롬프트로 내보낼 수 있습니다. 또는 mp4, depth 및 normal 패스, 스토리보드 콘택트 시트, OTIO 컷 목록으로 내보낼 수도 있습니다. 대상 모델은 Seedance 2.5, Kling 2, Veo 3, 셀프 호스팅 MiniMax-H3이며, 모델 제한을 초과하는 샷에는 표시가 나타납니다.
스튜디오에는 스틸 패널을 위한 스토리보드 모드, 이미지 및 비디오 노드를 사용하는 워크플로 캔버스(ComfyUI 또는 fal), 그리고 채팅 패널, MCP 서버 또는 `cclay` CLI로 장면을 조작하는 에이전트도 포함되어 있습니다. `npx cozyclay`로 로컬에서 실행할 수 있습니다.
핵심 기능
- 01프리미티브와 세트 요소로 장면을 블로킹한 뒤 기즈모로 변형합니다.
- 02리그가 있는 캐릭터에 포즈를 지정하거나, 블로킹용 리그 없는 캡슐 형태 캐릭터를 사용합니다.
- 03탑 뷰에서 그린 돌리 레일을 포함해 타임라인에서 카메라 이동과 컷을 구성합니다.
- 04AI 비디오 제작용 키프레임 팩, mp4 샷, depth 및 normal 패스, OTIO 컷 목록을 내보냅니다.
- 05단일 히스토리 저장소를 통해 장면 변경을 모두 실행 취소합니다.
- 06채팅, MCP 또는 터미널 CLI를 통해 AI 에이전트로 스튜디오를 조작합니다.
활용 사례
- 영화, 광고 또는 뮤직비디오 촬영 전에 샷을 프리비주얼라이즈합니다.
- 스토리보드를 만든 뒤 움직이는 샷으로 전환합니다.
- 카메라 이동과 캐릭터 블로킹을 제어하며 AI 비디오를 생성합니다.
- 버추얼 프로덕션을 위해 장면 배치와 캐릭터 동선을 블로킹합니다.
빠른 시작
- 1
npx로 studio를 실행합니다
npx cozyclay - 2
빈 룸 대신 번들로 제공되는 스타터 씬을 엽니다
npx cozyclay --scene city-block
사용 전 알아둘 점
- Node.js 22.19 이상과 Chromium 기반 브라우저가 필요합니다.
- 에이전트 제공업체와 fal 또는 ComfyUI를 통한 Video 노드 등 일부 기능에는 자체 API 키가 필요합니다.
토픽
자주 묻는 질문
- CozyClay은(는) 무엇인가요?
- 장면 블로킹, 캐릭터 포즈, 카메라 컷을 브라우저에서 구성해 AI 비디오 모델로 보내는 프리비즈 스튜디오입니다. CozyClay는 Three.js와 React Three Fiber로 만든 브라우저 기반 프리비주얼라이제이션 스튜디오입니다. 프리미티브와 세트 요소로 장면을 블로킹하고, 리그가 있는 캐릭터나 리그가 없는 캐릭터를 배치해 포즈를 잡은 다음 타임라인에서 카메라 이동과 컷을 구성할 수 있습니다.
- CozyClay은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- CozyClay은(는) AGPL-3.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- CozyClay은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. CozyClay의 마지막 커밋은 2026년 10월 19일입니다.
- CozyClay은(는) 어디에 사용할 수 있나요?
- 영화, 광고 또는 뮤직비디오 촬영 전에 샷을 프리비주얼라이즈합니다. 스토리보드를 만든 뒤 움직이는 샷으로 전환합니다. 카메라 이동과 캐릭터 블로킹을 제어하며 AI 비디오를 생성합니다. 버추얼 프로덕션을 위해 장면 배치와 캐릭터 동선을 블로킹합니다.
- CozyClay는 어떻게 설치하나요?
- npx로 studio를 실행합니다: npx cozyclay 빈 룸 대신 번들로 제공되는 스타터 씬을 엽니다: npx cozyclay --scene city-block
- CozyClay은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/NomaDamas/CozyClay
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
참조 이미지 한 장에서 메시 파일이 아닌 애니메이션 가능한 절차적 Three.js TypeScript 코드를 생성합니다.
주제나 대본을 완성된 AI 숏폼 영상과 AI 웹툰 드라마로 제작하는 오픈소스 플랫폼
주제를 스틱맨 애니메이션 스토리보드로 바꾸고 Google Flow용 내레이션, 장면별 타이밍, 영상 프롬프트를 만드는 AI 스킬입니다.
Claude Code에 Three.js, GSAP 등 웹 3D 및 애니메이션 도구를 가르치는 스킬과 플러그인 모음
프레임과 음악을 모두 코드로 생성해 영상을 만드는 Claude Code 스킬 모음으로, 시각 스타일마다 스킬 하나를 제공합니다.