에이디어 위클리
EN

↑↓ Enter Esc

MOT-004반짝이는 밤하늘

MOT-004

반짝이는 밤하늘

  • 작은 별들이 제각각 반짝이며 천천히 흘러가요.

canvas로 별 [별 개수]개가 있는 밤하늘을 만들어 주세요. 별마다 크기와 반짝이는 주기가 다르고, 전체가 아주 천천히 [흐르는 방향]으로 흘러요. 가끔 별똥별 하나가 대각선으로 지나가요. 배경은 [위쪽 색]에서 [아래쪽 색]으로 이어지는 그라데이션이에요.

HTML 파일 하나에 CSS와 JavaScript를 넣어 주세요. 외부 라이브러리와 이미지는 쓰지 말고, 화면 가운데 16:9 영역에 그려 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 마지막 장면을 보여 주세요.

빈칸

사용법

  1. 프롬프트를 복사해요.
  2. [대괄호] 자리를 내 내용으로 바꿔요. 아래 칸에 적으면 바로 바뀌어요.
  3. Claude 새 대화에 넣고, 나온 HTML 파일을 브라우저로 열어요.

과정

  1. 가이드 'Claude로 모션 그래픽 만들기'의 장면이에요.
  2. 미리보기는 이 프롬프트로 나오는 장면을 사이트에서 그린 거예요.

같은 분류 MOT