불 켜진 창 하나로 그려 보는 집의 느낌, 종이 그림자극

Full Prompt

원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.

• 길이를 원문의 30~60초 범위 가운데 45초로 정하고, 80 BPM 15마디로 박자를 맞췄습니다.
• 주제 질문에 대한 답을 「불이 켜진 창 하나」라는 한 가지 콘셉트로 정하고, 식탁·신발·화분·고양이 순서로 장면을 변형해 잇도록 했습니다.
• 색을 종이색, 등불 주황, 짙은 남색 세 가지와 흑백으로 한정하고, 서체는 Pretendard, 화면 글자는 한국어로 정했습니다.
• 「은은하고 어울리는 오디오」를 사인파 패드, 오르골 음, 필터 노이즈로 구체화하고, 같은 시간축에서 계산하도록 했습니다.
• 세로 영상이므로 캔버스를 1080x1920으로 하고, window.seek(t) 구조와 금지 목록, 0.5초 간격 스틸 검토를 더했습니다.

[ ] 로 감싼 값은 바꿔 쓸 수 있는 자리입니다. 복사한 뒤 그 자리의 화면 글자·이름·색만 고치면 그만큼 영상이 바뀝니다. 그대로 두고 돌려도 됩니다.

45초짜리 세로(1080x1920, 9:16) 종이 오려 붙이기 그림자극을 순수 JavaScript로 만든다. 목표는 「집처럼 느껴지는 곳은 어떤 곳인가」라는 물음에 설명 대신 하나의 장면 흐름으로 답하는 것이다.
콘셉트: 「불이 켜진 창 하나」. 어두운 언덕 위 빈 집의 창에 불이 켜지고, 그 빛이 비추는 종이 막이 식탁, 가지런한 신발, 화분, 고양이로 차례로 변형돼 나온다. 모든 장면은 앞 장면의 오려 낸 모양에서 바뀌어 나오며 컷은 없다. 종이는 서너 겹으로 겹치고 뒤에서 비추는 평평한 빛만 쓴다. 마지막에는 창이 처음의 빈 집 모습으로 돌아온다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 한국어로 짧게, 장면당 한 줄 이하(예: 「[신발이 가지런한 곳]」). 색은 따뜻한 종이색, 등불 주황, 짙은 남색 세 가지와 흑백만 쓴다.
소리: 외부 파일 없이 Web Audio로 코드에서 만든다. 낮은 사인파 패드, 마디마다 한 음씩 얹히는 오르골 소리, 문 소리와 끓는 소리는 필터를 건 노이즈로. 크게 울리지 않게 한다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 80 BPM, 15마디(마디당 3초). 마디마다 기법 하나(슬라이드, 회전, 스케일, 마스크 열기 등). 박마다 종이 층 하나가 움직인다. 첫 프레임과 마지막 프레임을 같게 한다.
빌드 방법: HTML 한 파일, 캔버스 1080x1920, 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다. 소리는 같은 시간축에서 계산하고 시작 버튼 한 번으로 재생한다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 글자 가독성을 확인하고 고친다.
시작: 먼저 마디별 스토리보드를 적고, 묻지 말고 바로 만든다.
대괄호 [ ] 안은 바꿔 쓸 수 있는 값이다. 그대로 두거나 원하는 값으로 바꾸되, 대괄호 기호 자체는 화면에 그리지 않는다.

원문 프롬프트

Create a pure javascript animation. 30-60s, vertical 9:16, paper cut-out shadow theatre style with gentle, fitting audio (made in code) on the topic: What makes a place feel like home?

출처4b47 @x4b47x (새 탭에서 열림)·Opus 5.5