본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

oso95/scroll-world

JavaScript7 / 0

스크롤 위치로 카메라가 장면 밖에서 안으로 끊김 없이 날아드는 아이소메트릭 디오라마 랜딩페이지를, AI로 생성한 스틸과 영상을 이어 붙여 자동으로 만드는 에이전트 스킬.

TL;DR

scroll-world는 브랜드 키트와 씬 순서를 인터뷰로 확정하면 각 장면의 아이소메트릭 디오라마 스틸을 GPT Image 2로 생성하고, 인접 장면의 실제 렌더 프레임을 그대로 이어 붙이는 '다이브인' 카메라 클립과 씬 사이 커넥터 클립을 만들어 모든 이음매가 프레임 단위로 완전히 연결되게 한다. 기본 백엔드는 클립당 과금되는 Monid(Seedance 2.0)이고 Higgsfield 크레딧이 폴백이며, 완성된 체인은 프레임워크에 종속되지 않는 순수 JS 스크럽 엔진으로 재생되어 순수 HTML·Next.js·Vue 어디에나 그대로 붙는다. 모바일을 선택하면 가로 영상을 자르는 게 아니라 9:16으로 완전히 별도로 렌더링한 세로 체인을 병행 생성해 폰에서 자동으로 서빙한다. 생성 전 예상 크레딧 비용을 렌더 등급별로 보여주고 승인받는 절차가 있어, Apple 제품 페이지 같은 스크롤 연출을 브랜드마다 새로 만들고 싶은 마케팅·랜딩페이지 제작에 맞는다.

핵심 포인트

  • 커넥터 클립을 인접 장면의 실제 렌더 프레임에서 직접 생성해 이음매가 프레임 단위로 완전히 연결되는 '심리스 룰'을 파이프라인 핵심 규칙으로 명시한다.
  • 모바일을 가로 영상의 크롭이 아니라 9:16 전용 체인으로 병행 렌더링해 폰에서 어색한 크롭 없이 자연스러운 세로 연출을 준다.
  • 생성 전 렌더 등급별 예상 크레딧 비용을 보여주고 승인받아야 실제 생성이 시작되는 예산 게이트를 파이프라인에 내장했다.
  • 완성된 결과가 프레임워크 종속 없는 순수 JS 스크럽 엔진이라 플레인 HTML, Next.js, Vue, Python 서빙 페이지 어디에도 그대로 붙는다.

5.5k

STARS

631

FORKS

+209

TRENDING

7

조회수

watchers 5.5kopen issues 7MIT License

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.