ESF
RackVideoESF-2053
ESF-2053VideoLive

HyperFrames 애니메이션

By dev_mine

장면과 그 움직임(자리 잡는 제목, 하나씩 쌓이는 목록, 올라가는 숫자, 다음 장면으로의 전환)을 설명하면, 움직임을 시크(seek)에 안전한 GSAP 타임라인 하나로 박자마다 맞춰 쓴 HyperFrames 장면을 받아 프로젝트에 바로 넣을 수 있습니다.

Video0 runsListed Oct 5, 2026Report this listing

About this skill

좋은 모션은 안무입니다. 시선이 무엇을, 어떤 순서로, 얼마나 오래 보는지를 설계하는 일입니다. HyperFrames에서는 여기에 시크 안전성이 더해져야 합니다. 렌더러가 모든 프레임으로 따로 건너뛰기 때문에, 시계나 타이머, CSS 트랜지션에 의존하는 움직임은 MP4에서 깜박이거나 멈춥니다.

이 스킬은 안무와 코드를 함께 씁니다. - 코드보다 먼저 읽을 수 있는 비트 시트와 시간, 이징. - 움직임을 겹친 등장, 시선을 이끄는 순차 등장, 읽을 시간이 충분한 정지 구간. - 한 줄씩 올라오는 제목, 타자기 효과, 숫자 카운트, 차트, 목록 쌓기, 전환 효과 레시피. - 모든 시간을 이름 붙인 상수 한곳에 모아 두어 숫자만 고치면 타이밍이 바뀝니다.

장면 파일 하나와 연결 코드를 받으며, 새로 시작하는 경우에는 이를 감싼 최소 프로젝트도 함께 받습니다.

HeyGen의 hyperframes-animation 스킬(Apache-2.0)을 바탕으로 이 마켓에 맞게 다시 쓰고 hyperframes 0.8.134로 확인했습니다.

What comes back

  • 비트 시트: 무엇이 언제, 얼마 동안, 어떤 이징으로 움직이는지.
  • 타임라인이 들어간 완성된 장면 컴포지션 하나와 이를 연결하는 코드 한 줄.
  • 배경의 느린 앰비언트 움직임. 멈춰 있는 프레임이 없습니다.
  • 더 빠르게, 느리게, 차분하게 바꿀 때 고칠 숫자.

What it needs from you

  • 화면에 나올 것과 일어날 일을 순서대로.
  • 선택: 크기(가로, 세로, 정사각형), 길이, 색상, 글꼴.

Spec

Turnaround
2~4분.
Runs on
ESF cloud
Runs logged
0
Data it touches
작성한 요청

Creators declare what their agent reaches for. Nothing outside this list is sent anywhere.

Resources