카메라 셰이크Camera Shake
화면 전체가 작은 이동과 회전으로 흔들리며 충격 뒤에는 진폭이 줄어든다.Shake the entire scene with small translations and rotations that decay after impact.
무엇을 전하나What it tells
- 충돌 직후 충격을 전달할 때
- 짧은 핸드헬드 감각을 더할 때
- Emphasize the instant after a collision.
- Add a brief handheld feel.
- 자막은 흔들리는 월드 바깥에 둔다.
좋은 예와 나쁜 예Good and bad use
충돌 순간 6px 흔들림이 300ms 안에 사라진다.
설명 내내 큰 흔들림을 반복해 자막을 읽기 어렵다.
파라미터Parameters
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 지속 | 300ms | 150~450ms | 충격 뒤 감쇠 |
| 이동 진폭 | 6px | 2~10px | 1920x1080 기준 |
| 회전 진폭 | 0.6deg | 0.2~0.8deg | 중심 회전 |
| 크롭 여유 | 2% | 1~3% | 빈 가장자리 방지 |
const tl = gsap.timeline({paused:true}), s = {p:0};
gsap.set('.world', {scale:1.02});
tl.to(s, {p:1, duration:0.3, ease:'none', onUpdate:()=>{
const a = Math.exp(-5*s.p)*(1-s.p), w = s.p*Math.PI*12;
gsap.set('.world', {x:6*a*Math.sin(w), y:4*a*Math.sin(w*1.7), rotation:0.6*a*Math.sin(w*0.8)});
}});에이전트 프롬프트Agent prompts
그대로 붙여 넣는다Paste as is
<파일>의 <대상>에 카메라 셰이크를 적용해. GSAP 코어 진행값으로 시드 노이즈의 이동과 회전 진폭을 감쇠시켜 HTML 월드 래퍼에 적용한다. 지속 300ms; 이동 진폭 6px; 회전 진폭 0.6deg; 크롭 여유 2%. 이징은 none로 하고 GSAP 코어 paused 타임라인으로 역방향 seek도 같은 상태를 만들게 해.
Apply Camera Shake to <target> in <file>. Apply deterministic sine-based shake with 6px translation and 0.6-degree rotation for 300ms, decay to zero, and overscan by 2%. Use none and a paused GSAP core timeline that produces identical states when seeking backward.
<파일>의 대상 장면에 카메라 셰이크를 적용해. GSAP 코어 진행값으로 시드 노이즈의 이동과 회전 진폭을 감쇠시켜 HTML 월드 래퍼에 적용한다. 지속 300ms; 이동 진폭 6px; 회전 진폭 0.6deg; 크롭 여유 2%. 이징은 none를 사용해. 0초·0.15초·0.3초 시점을 캡처하고 시작 상태, 중간 변화, 끝 상태가 정의와 일치하는지 확인해. 같은 시점을 역방향 seek해서도 같은 화면인지 검증해.
Apply Camera Shake to the target scene in <file>. Apply deterministic sine-based shake with 6px translation and 0.6-degree rotation for 300ms, decay to zero, and overscan by 2%. Use none. Capture at 0, 0.15, and 0.3 seconds to verify the initial state, the defining intermediate change, and the final state. Seek backward to the same times and compare the images.
도구별로 쓰기In your tools
HyperFrames · ReelForge · Scrolline
잘 맞는 조합Pairs well with
출처Sources
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo
- heygen-com/hyperframesApache-2.0
- local/HyperFrames-skills (
claude-skill:music-to-video/references/motion-primitive-catalog.md)unknown