CineCode.video
Sarp Yıldız의 Motor에서 황금빛 바다 위로 파도가 솟은 장면

CineCode 실전 가이드

코드로영상을 만들다.

CineCode로 만든 작품을 감상하고, 제작 가이드와 템플릿으로 나만의 영상을 만들어 보세요.

CineCode 공식 영상CineCode 공식 쇼릴
00:30

Sarp Yıldız

지원 도구
출력 형식
로컬 MP4
원본 프로젝트
오픈 소스 · MIT

제작 사례

직접 따라 만들 수 있는 영상

완성 영상을 보고, 제작 기획과 장면 구성, 소스 코드를 살펴보세요.

처리량, 지연 시간, 운영 지역, 요청량 추이를 보여 주는 Signal 대시보드

제품 소개 영상00:15 / 16:9

Signal / 01

가상의 모니터링 대시보드 Signal을 소개하는 영상입니다. 주황빛 지평선으로 시작해 트래픽, 지연 시간, 운영 지역을 보여 줍니다.

장면 구성 보기
어두운 우주에서 푸른 행성을 감싸는 가느다란 궤도선

설명 애니메이션00:24 / 16:9

A quieter orbit

앞으로 나아가는 속도와 중력이 만나 위성이 궤도를 도는 과정을 애니메이션으로 설명합니다.

장면 구성 보기

다운로드할 수 있는 프로젝트

Signal / 01로 시작하기

장면별 시간, 움직이는 대시보드, 내보내기 방법이 담긴 제품 소개 영상 템플릿입니다.

템플릿 보기
처리량, 지연 시간, 운영 지역, 요청량 추이를 보여 주는 Signal 대시보드

CineCode 자주 묻는 질문

CineCode를 쓰려면 영상 생성 AI나 Remotion이 필요한가요?

필요 없습니다. 코딩 에이전트가 코드로 장면을 만들면 Chrome이 프레임 단위로 렌더링하고 FFmpeg가 MP4로 내보냅니다. 직접 찍은 영상이나 사진, 녹음도 함께 넣을 수 있습니다.

CineCode는 무료인가요? API 키가 필요한가요?

CineCode는 오픈 소스이며 내 컴퓨터에서 렌더링하는 데 별도 요금이 들지 않습니다. 코딩 에이전트에는 자체 요금이나 사용량 제한이 있을 수 있습니다. 내레이션에는 직접 녹음한 음성을 쓸 수 있습니다. Gemini TTS나 ElevenLabs를 이용하려면 해당 서비스의 인증 정보가 필요합니다.

Claude Code, Cursor, Codex에서 모두 CineCode를 쓸 수 있나요?

원본 프로젝트는 Claude Code와 Cursor 사용법을 안내합니다. Codex에서는 이 사이트의 템플릿을 수정해 렌더링하거나 커뮤니티에서 별도로 관리하는 어댑터를 써 볼 수 있습니다. 검토 단계를 건너뛰지 않도록 하는 원본 프로젝트의 훅은 Claude Code에서 실행됩니다.

CineCode로 긴 유튜브 영상도 만들 수 있나요?

네. 여러 장으로 나누고 내보내기 전에 대본과 장면을 검토하려면 Film 모드가 적합합니다. 프로젝트 개발자는 코드로 만든 장면에 기록 자료와 내레이션을 더한 약 8분짜리 다큐멘터리를 공개했습니다.

MP4로 내보낸 뒤에도 영상을 수정할 수 있나요?

네. 장면 코드와 원본 자료가 담긴 프로젝트 폴더를 보관하세요. 코딩 에이전트에서 다시 열고 “마지막 제목을 1초 더 보여 줘”처럼 수정할 내용을 알려 주세요. 미리보기에서 확인한 뒤 MP4로 다시 내보내면 됩니다.