celld가 제 자리를 차지하는 이유를 보여 주는 설명 애니메이션

Full Prompt

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

• 길이를 정하지 않은 원문에 맞춰 15초, 128 BPM 8마디로 박자를 고정했습니다.
• 「왜 제 자리를 차지하는가」를 어긋난 네모가 정렬되는 없을 때와 있을 때의 대비 하나로 정했습니다.
• celld가 무엇인지 원문에 없어서 기능을 지어내지 않도록 막고, 화면 글자를 일반적인 말과 이름으로 한정했습니다.
• 서체는 Pretendard 한 종, 색은 먹색·종이색·주황 세 가지와 흑백으로 정했습니다.
• 파티클 폭발, 글로우, 크로스페이드 등 금지 목록과 window.seek(t) 기반 HTML 한 파일 빌드 방식을 추가했습니다.
• 0.5초 간격 스틸 검토와 스토리보드 후 바로 제작하는 순서를 넣었습니다.

15초짜리 모션그래픽을 만든다. 목표는 celld가 왜 있어야 하는지를 기능 나열이 아니라 하나의 대비로 보여 주는 것이다.
콘셉트: 「흩어진 조각이 하나의 칸으로 들어간다」. 처음에는 제각각인 네모 여러 개가 어긋나 있고, celld가 들어오면 같은 네모들이 줄을 맞춰 정리된다. 모든 장면은 앞 장면의 도형에서 변형돼 나온다. 새 요소를 따로 들여오지 않는다. celld의 구체적 기능은 알려진 바가 없으므로 지어내지 않고, 화면 글자는 「없을 때」「있을 때」 같은 일반적인 말과 이름 celld로만 한정한다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 한국어(제품명 celld만 영문). 색은 먹색, 종이색, 포인트 주황 세 가지와 흑백만.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 128 BPM, 8마디(15초). 한 마디에 기법 하나: 어긋남, 쏠림, 겹침, 충돌, 정렬, 합쳐짐, 한 칸, 이름. 첫 프레임과 마지막 프레임을 같게.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.
시작: 먼저 마디별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

make me an animation to explain why celld earns its place.

출처nick frith @0xnfrith (새 탭에서 열림)·Opus 5.5