MOT-003
말풍선 대화
- 두 사람의 말풍선이 번갈아 톡톡 올라와요.
메신저처럼 말풍선이 번갈아 나타나는 대화 장면을 만들어 주세요. 대화 내용은 [대화 목록]이고, 왼쪽은 회색, 오른쪽은 [내 말풍선 색]이에요. 말풍선은 아래에서 살짝 튀어 오르며 나타나고, 다음 말풍선 전에 점 세 개가 깜빡이는 입력 중 표시가 잠깐 보여요.
HTML 파일 하나에 CSS와 JavaScript를 넣어 주세요. 외부 라이브러리와 이미지는 쓰지 말고, 화면 가운데 16:9 영역에 그려 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 마지막 장면을 보여 주세요.빈칸
사용법
- 프롬프트를 복사해요.
- [대괄호] 자리를 내 내용으로 바꿔요. 아래 칸에 적으면 바로 바뀌어요.
- Claude 새 대화에 넣고, 나온 HTML 파일을 브라우저로 열어요.
과정
- 가이드 'Claude로 모션 그래픽 만들기'의 장면이에요.
- 미리보기는 이 프롬프트로 나오는 장면을 사이트에서 그린 거예요.
