ANIMATION SYSTEMS

Showcase

같은 시스템 흐름을 조작 가능한 타임라인과 렌더링 중심 장면으로 표현합니다

01 / INTERACTIVETheatre.js 모델

요청 타임라인을 직접 탐색

키프레임과 상태를 연결해 사용자가 재생 위치와 속도를 제어하는 구조

클라이언트게이트웨이데이터베이스요청000%
적합한 경우클릭, 드래그, 스크롤, 상태 변화가 설명의 일부인 블로그sheet.object → keyframes → sequence.play

장면 순서로 요청 수명주기 설명

코드로 정의한 장면을 일정한 시간축에 렌더링해 반복 재생하는 구조

적합한 경우음성, 자막, 일정한 장면 전환이 중심인 설명 영상과 루프makeScene2D → yield* → render

두 데모는 현재 페이지에 맞춘 경량 SVG 프로토타입이며 각 도구의 제작 모델과 경계를 보여줍니다