차분하고 정밀한 2:1 다이메트릭 등각 투영 제품 라인 아트, 일정한 헤어라인과 스프링 정착 모션 적용.
이것은 모션-설명자 라이브러리의 한 스타일입니다. 모든 스타일이 제공하는 동일한 세 가지 구성 요소(style.json 매니페스트, Remotion 엔진, fframes 엔진)를 제공합니다. 파이프라인 스킬(motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa)은 모두 스타일 이름을 $MOTION_STYLE로 사용하므로, 이 스타일을 선택해도 작업 흐름의 다른 부분은 변경되지 않습니다.
사용 시기
요청 사항이 아래 DNA와 일치할 때 이 스타일을 사용하세요. 먼저 docs/style-guide.md를 읽으십시오. 해당 문서가 권위 있는 문서이며, 이 파일은 색인일 뿐입니다.
스타일 DNA
- 2:1 다이메트릭 등각 투영만 사용합니다. 다른 원근법은 사용하지 않습니다.
- 1080 너비 기준 일정한 2.0px 헤어라인, 현재 확대/축소 값으로 나누어 두께가 두꺼워지지 않도록 합니다.
- 면은 흰색으로 채워져 가까운 물체가 먼 물체의 선을 가립니다.
- 둥근 슬래브와 판, 가시적 두께, 쌓인 레이어, 키, 통풍구, 기둥, 포트와 같은 반복 부품 그리드.
- 프레임당 하나의 작은 어두운 액센트, 그 이상 없음. 움직임은 1프레임 단위로 스프링 정착 모션 적용, 정지 상태 유지.
팔레트: 바탕 #ffffff, 실루엣 및 모서리 #a4a4ac, 내부 및 후퇴 선 #e0e0e4, 면 흰색, 하나의 어두운 액센트 #2a2b36
키트 구성 요소
Remotion, ../lib/<file>에서 가져오기 (키트는 각 프로젝트의 src/lib/에 동기화됨):
| 구성 요소 | 설명 |
|---|---|
<IsometricGrid> | 희미한 등각 투영 구성 그리드 |
<IsometricBlock x y w h d color> | 올바른 2:1 각도의 윗면, 왼쪽면, 오른쪽면을 가진 슬래브 |
<IsometricBanner text> | 헤어라인 배너 판 |
<IsometricCaptions text> | 어두운 캡션 스트립 |
고립된 것은 없습니다
docs/style-guide.md에는 측정된 기준 선 두께와 액센트 규칙이 명시되어 있습니다. 선 두께는 변경할 수 없습니다. 그리기 전에 반드시 읽으십시오.
엔진
| 엔진 | 경로 | 진입점 |
|---|---|---|
| remotion | remotion/ | template/, kit/, sync_kit.sh, CATALOG.md, AGENT_BRIEF.md |
| fframes | fframes/ | Cargo.toml, src/ (lib, tokens, kit, look, video, main), tools/ff.sh |
등록된 엔진: remotion, fframes.
에피소드 스캐폴딩
# 라이브러리 루트에서, MOTION_LIB가 설정된 상태로 실행
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style isometric --engine remotion
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style isometric --engine fframes
또는 시리즈 SERIES.md / episode.json에 "style": "isometric"으로 스타일을 지정하면 motion_style_of가 자동으로 인식합니다.
이 스타일의 QA
각 연락처 시트에서 다음 항목을 확인한 후 장면을 완료 처리하십시오. motion-qa의 나머지 체크리스트도 계속 적용됩니다.
- 모든 도형이 2:1 등각 투영 축 위에 있습니다. 원근법이나 3/4 뷰는 없습니다.
- 선 두께가 약 2px로 일정합니다. 가까운 면이 먼 선을 가립니다.
- 면은 흰색입니다. 바탕은 흰색 또는 선언된 어두운 바탕입니다.
- 프레임당 정확히 하나의 작은 어두운 액센트가 있습니다.
- 움직임은 1프레임 단위로 스프링 정착 모션 적용, 2프레임 단위가 아닙니다.
파일
docs/style-guide.mddocs/style-prompt.mdremotion/CATALOG.mdremotion/AGENT_BRIEF.mdstyle.json: 매니페스트 (캔버스, 엔진 목록, 문서 경로, 오디오 루트)sample.png: 대표 프레임 이미지