파티클, 캐릭터
한 자리에서 여섯 자세를 이어 가는 불꽃 사무라이
자바스크립트만으로 그린 사무라이가 한 자리에 선 채 여러 자세와 동작을 이어 가고, 칼의 궤적을 따라 불꽃이 일어나는 모션그래픽을 만드는 프롬프트입니다.
Full Prompt 결과물
Full Prompt로 RAISE LAB 이 직접 만든 결과물입니다. (Claude Opus 5.5 사용)
렌더 모델 Opus 5.5추론 노력 높음(high)
Full Prompt
원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.
- 길이를 원문에 없던 15초로 정하고, 96 BPM 6마디에 마디마다 자세 하나씩 배정했습니다.
- 「인상적인 자세」를 거합, 발도, 회전, 저자세, 도약, 납도 여섯 가지로 구체화했습니다.
- 「불꽃」을 글로우나 파티클 대신 칼 궤적에서 생겨난 평면 도형으로 정했습니다.
- 「한 자리」를 중앙 고정 위치로 못 박고, 첫 프레임과 끝 프레임을 같은 자세로 맞췄습니다.
- 색은 먹색, 주홍, 종이색 세 가지로 한정하고 서체는 Pretendard 한 종, 화면 글자는 자세 이름만 한국어로 쓰게 했습니다.
- 「자바스크립트만으로」를 캔버스 그리기와 window.seek(t) 시간 함수 방식으로 풀었습니다.
[ ] 로 감싼 값은 바꿔 쓸 수 있는 자리입니다. 복사한 뒤 그 자리의 화면 글자·이름·색만 고치면 그만큼 영상이 바뀝니다. 그대로 두고 돌려도 됩니다.
15초짜리 사무라이 모션그래픽을 만든다. 목표는 한 사람이 한 자리에서 보여 주는 연속 동작이 불꽃과 함께 하나의 의식처럼 읽히게 하는 것이다. 콘셉트: 「칼끝이 지나간 자리에 불이 남는다」. 사무라이는 화면 중앙 한 지점을 벗어나지 않고, 여섯 자세가 앞 자세에서 이어져 변형된다. 불꽃은 칼이 그린 궤적이 굳어 생긴 평면 도형이다. 컷도 페이드도 없다. 타이포와 색: 서체는 Pretendard 한 종만, 화면 글자는 한국어로 자세 이름만 작게 쓴다([거합], [발도], [회전], [저자세], [도약], [납도]). 색은 먹색, 주홍, 종이색 세 가지와 흑백만. 인물은 자바스크립트로 그린 단순한 도형과 선만 쓰고 이미지 파일은 쓰지 않는다. 금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면. 박자: 96 BPM, 6마디. 한 마디에 자세 하나와 기법 하나(1 거합, 2 발도 베기, 3 회전 베기, 4 저자세, 5 도약 베기, 6 납도). 박마다 관절이나 불꽃 중 하나가 바뀐다. 첫 프레임과 마지막 프레임은 같은 거합 자세로 맞춘다. 빌드 방법: 1920x1080 HTML 한 파일, 자바스크립트만으로 캔버스에 그린다. 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산하고 CSS 애니메이션과 타이머는 쓰지 않는다. 검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성, 발 위치 고정을 확인하고 고친다. 시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다. 대괄호 [ ] 안은 바꿔 쓸 수 있는 값이다. 그대로 두거나 원하는 값으로 바꾸되, 대괄호 기호 자체는 화면에 그리지 않는다.
원문 프롬프트
make a samurai dude in only javascript and have him doing a routine in a single spot going through various seriously impressive poses and motions and positions in a fiery awesome display출처Christopher J. DiMarco @chrisjdimarco (새 탭에서 열림)Opus 5.5
한국어 번역
자바스크립트만으로 사무라이 캐릭터를 만들어 줘. 한 자리에 선 채로 정말 인상적인 여러 자세와 동작, 포지션을 이어 가는 루틴을 보여 주고, 불꽃이 이는 멋진 연출이어야 해.