게임 소개 15초 모션그래픽 만들기

준비물

• 코드를 직접 만들고 실행해 주는 AI 도구 (예: Claude Code)
• 게임 플레이 화면을 녹화한 짧은 영상
• 게임 주소 (웹 게임이면 AI가 직접 열어 보고 분위기를 파악해요)

1. 플레이 영상을 붙여서 요청하기

https://pudding-flip.vercel.app/ 영상을 보고 이 게임에 대한 모션그래픽을 만들어 보자.

주소 자리에 여러분의 게임 주소를 넣으면 돼요.

2. 네 가지만 고르기

• 화면: 9:16 세로 (쇼츠·릴스·스레드)
• 길이: 약 15초
• 스타일: 밝고 경쾌
• 결과물: 브라우저 HTML 애니메이션

3. HTML 애니메이션으로 먼저 보기

처음부터 영상 파일로 만들지 않고 브라우저에서 바로 재생되는 HTML로 받아요. 고칠 때마다 렌더링을 기다릴 필요가 없어서 훨씬 빨라요.

4. 마음에 들면 MP4로 뽑기

휴대폰에서 영상으로 받을 수 있게 MP4로도 만들어 줘. 스레드에 올릴 거야.

AI가 브라우저를 직접 조작해 장면을 한 장씩 찍고 영상으로 이어 줘요. 1080×1920 크기로 깔끔하게 나와요.

팁

• 게임 캐릭터와 실제 화면 요소를 그대로 쓰면 “이 게임이구나”가 바로 전달돼요.
• 첫 1~2초에 게임 규칙을 한 줄로 보여 주면 끝까지 보는 사람이 늘어요.

[1] 처음 요청 — 게임 플레이 영상을 붙여서
https://pudding-flip.vercel.app/ 영상을 보고 이 게임에 대한 모션그래픽을 만들어 보자.

[2] 고른 설정
- 화면: 9:16 세로
- 길이: 약 15초
- 스타일: 밝고 경쾌
- 결과물: 브라우저 HTML 애니메이션

[3] 수정 요청
휴대폰에서 영상으로 받을 수 있게 MP4로도 만들어 줘. 스레드에 올릴 거야.