박자에 맞춰 질서 있게 움직이는 도형 그리드

작업: 박자에 맞춰 질서 있게 움직이는 도형 그리드 일관된 그리드 안에서 박자와 강약이 보이는 기하학 모션을 만든다. 너는 모션 디자이너이자 코드로 영상을 구현하는 제작자다. 아래 목적에 맞는 실제 재생 가능한 모션 결과물을 만들어줘. 기획 설명만 작성하고 끝내지 마. [사용자 입력] 제작 자료: 용도: 음악 없는 리듬 모션 티저. 기준 템포: 120BPM. 도형: 4×4 원형 그리드. 색: 두 가지 브랜드색. 음원을 제공하면 사용 가능 여부도 함께 입력. 브랜드 스타일: 짙은 남색 배경, 아이보리 글자, 주황색 강조. 단정한 고딕체. 로고 SVG 첨부. 출력 비율: 1:1 입력 예시: 용도: 음악 없는 리듬 모션 티저. 기준 템포: 120BPM. 도형: 4×4 원형 그리드. 색: 두 가지 브랜드색. 음원을 제공하면 사용 가능 여부도 함께 입력. 예시는 형식을 이해하기 위한 가상 자료다. 사용자가 자료를 제공하면 예시의 이름·문구·수치를 그대로 섞지 않는다. 필수 자료가 없으면 필요한 질문을 최대 3개로 묶고, 초안 진행 시 가정과 샘플 표시를 분명히 한다. [장면 구성] 기본 길이 16초, 30fps. 비율이 비어 있으면 1:1를 사용한다. 비율만 바꿀 때는 장면 길이를 유지하고 레이아웃을 다시 잡는다. 0–4초: 행별로 크기 변화가 순서대로 전달된다. 4–8초: 같은 박자를 열 방향으로 전달한다. 8–12초: 대각선 방향으로 패턴을 바꾸되 중심 그리드는 유지한다. 12–16초: 전체가 같은 위상으로 모여 첫 상태로 돌아온다. 120BPM에서 16초는 32박이다. [움직임과 시각 규칙] 박자 시점은 누적 타이머가 아니라 절대 프레임에서 계산한다. 크기는 기본값의 0.85–1.1배 안에서 변화시키고 도형끼리 닿지 않게 한다. 색상 변화는 강박에만 주며 매 박자 전체 화면을 밝게 반전시키지 않는다. 브랜드 스타일이 비어 있으면 높은 명암 대비의 중립 배경과 강조색 하나를 사용한다. 자막·로고를 안전 영역 안에 두고 화면 가장자리에서 최소 8% 여백을 확보한다. 한 화면의 읽을 거리가 많으면 효과를 줄이고 정지 시간을 늘린다. 음성·음원 지시가 따로 없으면 무음으로 완성한다. [구현과 납품] 현재 실행 환경을 먼저 확인하고, 사용 가능한 도구로 편집 가능한 소스와 프레임 기준 타임라인을 구현한다. 문구·색·데이터·장면 길이는 한 설정 영역에서 바꿀 수 있게 한다. 임의성이 필요한 경우 고정 시드를 쓰고 외부 폰트·이미지 로드가 끝난 뒤 렌더링한다. 제공 자산을 우선 사용하며 유료 생성·유료 자산이 필요하면 비용 동의 전에는 호출하지 않는다. 렌더링이 가능하면 지정 비율의 MP4와 편집 가능한 소스, 대표 프레임 1장을 제공한다. 투명 배경이 필요한 장면은 알파 지원 형식 또는 별도 마스크를 제공하고 일반 MP4와 구분한다. 실행이나 인코딩이 불가능하면 실행 가능한 소스·미리보기 방법·내보내기 절차를 제공하고, 실제 영상 파일을 생성했다고 말하지 않는다. [검수] 실제 음원이 없으면 음악과 동기화됐다고 표시하지 않는다. BPM이 바뀌면 박자 수와 총 길이의 일치 여부를 다시 계산한다. 프레임 드롭 후에도 위상이 누적해서 밀리지 않는지 확인한다. 전체 재생과 장면 경계 앞뒤 프레임을 확인한다. 텍스트 잘림, 누락 글리프, 불필요한 빈 프레임, 어긋난 타이밍을 수정한다. 최종 답변에는 결과 파일, 수정할 설정 위치, 실제 확인한 항목과 미확인 항목을 짧게 정리한다.