Clawd와 함께 푸는 분수 나눗셈

• 날짜: 2026-10-14 02:21
• 길이 86.8s · 1920×1080 · 6549 KB · H.264 CRF 35, veryslow, tune animation, yuv420p · AAC 128k
• 이전 버전과 비교: 영상 v9-v10.mp4 · 프레임 v9-v10.jpg · scene.js 1 file changed, 343 insertions(+), 309 deletions(-)
• 소스 스냅숏: src/

• 소리: 내레이션 qwen-design + 효과음 + 배경음 (audio/ 스냅숏: 대본·타이밍)

v7(시안 A + 문제 이해)에 소리를 입힘. ① 내레이션: 로컬 오픈 웨이트 TTS 4종(Qwen3-TTS VoiceDesign·CustomVoice Sohee, VoxCPM2, Supertonic 3)을 같은 대본으로 비교해 Qwen3-TTS 1.7B VoiceDesign → Base 복제를 선택. 대사 25줄, 수식은 '육 분의 오', 칸 수는 '스물네 칸'처럼 읽기 규칙을 대본에 적고, 대사마다 Whisper로 받아 적어 숫자·낱말이 틀리면 다시 생성(CER 0). 1.08배 재생. ② 템포: 장면은 원래 30초 시계 그대로 두고 WARP를 대사 길이로 자동 생성 — 장면 기본 0.8배, 대사가 길면 아무도 공중에 있지 않은 차분한 순간에서 기다림. ㉠ 점프를 ×4 화살표 뒤로 0.35초 늦춤. 자막 페이드·Clawd 눈 깜빡임·숨쉬기·마지막 점프는 영상 시계로 돌아 멈춘 동안에도 살아 있음. ③ 효과음: Clawd 점프·동전은 8비트 사각파, 셈은 마림바·실로폰, 휙 소리, 도장을 합성하고 연필·물음표·착지는 Kenney CC0. ④ 배경음: C장조 92 BPM 합성곡(Karplus-Strong 현·실로폰·베이스), 말할 때 9 dB 더킹, -16 LUFS.

음성 qwen-design · 장면 기본 속도 0.8배 · 대사가 길면 장면이 차분한 순간에서 기다림(WARP). 아래 장면별 상세의 시간은 장면 시계(원래 30초) 기준입니다.

1. 문제 읽기 (0–3.5s)

• 카메라: 전체 문항(z1.0) 정지 → 2.35s부터 첫 막대로 천천히 줌인(z≈2.57, io 1.05s) → 3.25–3.75s 매치 컷 크로스페이드
• Clawd: 0.3–0.85s 위에서 떨어져 오른쪽 받침대에 착지(찌그러짐+먼지), 문항을 바라보다 1.9s "?" 말풍선
• 효과: 발문·막대 3개·라벨·2줄 식이 순서대로 손으로 그려짐(0–2.1s), 착지 흔들림 6px
• 학습 포인트: 원본 문항(q.png)을 그대로 보여 주어 무엇을 구하는지 확인

2. 1단계 · 분수 막대 (3.5–8.6s)

• 카메라: 고정(z1.0) → 6.85–7.4s 당황한 Clawd 쪽으로 z1.3 줌인, 7.9–8.45s 복귀
• Clawd: 3.85–4.9s 오른쪽에서 걸어 들어옴, 칸을 세며 왼쪽을 봄, 6.85s "?!" 말풍선·땀방울·몸 떨림
• 효과: 색칠된 5칸이 아래부터 1~5 번호와 함께 반짝임(4.3–5.4s), 4칸을 4가지 색으로 나눠 주고 남는 1칸은 빨간 테두리 깜빡임
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다는 문제 상황

3. 2단계 · 크기가 같은 분수 (8.6–14.4s)

• 카메라: 8.6–9.1s Clawd로 z1.3 줌인(전구), 9.3–9.9s 막대로 이동(z1.12), 11.2–11.85s 전체(z1.0)
• Clawd: 전구 아이디어 → 연필을 들고 막대 위로 점프, 3번 연필을 휘둘러 세로선을 그음(9.95/10.45/10.95s) → 식 오른쪽 바닥으로 → ×4 화살표가 다 그려진 뒤 거의 수직 점프로 ㉠ 블록을 밟음(13.5s)
• 효과: 세로선 그릴 때 clay 섬광, 24칸 중 20칸 반짝이며 세기, 점프 점선 궤적, 분자·분모 위아래 "×4" 곡선 화살표(12.2–12.95s), ㉠=20 도장
• 학습 포인트: 분자와 분모에 같은 수(4)를 곱해도 크기는 같다: 5/6 = 20/24

4. 3단계 · 4로 나누기 (14.4–20.35s)

• 카메라: 고정(z1.0) → 16.2–16.8s 빗금 열로 z1.4 줌인, 17.3–17.9s 복귀, 19.6–20.25s 매치 위치로 정렬
• Clawd: 열마다 팔을 흔들며 셈 → 빗금 열 위로 점프(16.45s) → ㉡ 블록(18.85s)에서 ÷4 화살표를 기다린 뒤 → ㉢ 블록(19.75s) → 바닥
• 효과: 네 열이 하나씩 "5칸" 표시와 함께 강조, 첫 열 빨간 빗금(원본과 동일), ㉡→㉢ "÷4" 곡선 화살표, 도장
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

5. 정리 (20.35–25.35s)

• 카메라: 20.1–20.6s 개념 막대 → 원본 세 번째 막대 매치 컷, 20.6–21.5s 문항 전체로 줌아웃, 식으로 z1.2, 24.25–24.85s 전체
• Clawd: 받침대에서 식 위로 점프해 ㉠(22.45s)·㉡(23.25s)·㉢(23.85s) 블록을 차례로 밟음 → 받침대로 돌아와 만세
• 효과: 빈칸에 숫자 도장, 5/24에 clay 동그라미(24.0–24.5s), 24.9–25.35s 아이리스 닫힘(Clawd 중심)
• 학습 포인트: 원본 풀이식 전체를 처음부터 끝까지 다시 따라가기

6. 정답 (25.35–30s)

• 카메라: 아이리스 열림(25.35–25.85s) → z1.16에서 z1.0으로 천천히 줌아웃
• Clawd: 오른쪽에서 만세하며 0.6s 간격으로 통통 점프
• 효과: 정답 카드 3장 도장(흔들림 4.5px), 5/6 ÷ 4 = 5/24 식과 동그라미, 픽셀 색종이
• 학습 포인트: 정답 ㉠ 20, ㉡ 20, ㉢ 5 와 최종 결과 5/24

• 매치 컷 크로스페이드 3.25–3.75s (카메라 컷 3.5s)
• 매치 컷 크로스페이드 20.1–20.6s (카메라 컷 20.35s)
• 빈칸 채우기(밟기/쓰기) 13.5, 18.85, 19.75, 22.45, 23.25, 23.85s

node render/render.mjs --page archive/v10/src/index.html --out archive/v10/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:42
• 길이 30s · 1920×1080 · 1693 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v8-v9.mp4 · 프레임 v8-v9.jpg · scene.js 1 file changed, 309 insertions(+), 260 deletions(-)
• 소스 스냅숏: src/

v6에 '문제 이해' 3박자 추가(영상 4.0–7.6s, 첫 정거장 문항 카드 위 스포트라이트: 발문 → 5/6 ÷ 4 → ㉠㉡㉢). 멈춘 뒤 대기 1초를 건너뛰고 1.06배 재생으로 30초 유지, 흔들림 40% 감소, 스톱모션 떨림 영상 시간 기준.

1. 모험 지도 (0–3.3s)

• 카메라: 지도 전체(z0.36) → 2.3–3.3s 첫 정거장으로 날아가며 z1.6 줌인
• Clawd: 출발점(문제 게시판 옆)에서 손을 흔듦
• 효과: 종이 오리기 지도(산·나무·강·나침반·제목 리본), 점선 경로가 출발→보물까지 그려지고 정거장 깃발이 차례로 꽂힘, 8fps 스톱모션 흔들림
• 학습 포인트: 풀이 단계를 한 장의 지도로 미리 보여 줌 (전체 흐름 예고)

2. 문제 게시판 (3.3–8s)

• 카메라: 카드 정면(z1.6) 고정 → 6.6–8.0s 지도 위로 물러났다가(z0.8) 다음 정거장으로
• Clawd: 카드 옆에서 문항을 올려다보고 "?" → 점선 길을 따라 걸어감(발자국 점이 남음)
• 효과: 원본 문항 카드가 손그림으로 채워짐(발문·막대 3개·라벨·㉠㉡㉢ 식)
• 학습 포인트: 원본 문항(q.png)을 그대로 보여 주어 무엇을 구하는지 확인

3. 1단계 · 분수 막대 언덕 (8–13s)

• 카메라: 카드 정면(z1.6) → 11.6–13.0s 강 위 다리를 건너 이동
• Clawd: 칸을 세며 왼쪽을 봄 → 10.9s 당황("?!", 땀) → 다리를 건넘
• 효과: 5칸을 4가지 색으로 나누고 남는 1칸 빨간 테두리
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다

4. 2단계 · ×4 마법 다리 (13–19s)

• 카메라: 카드 정면(z1.6) → 17.6–19.0s 다음 정거장으로
• Clawd: 13.4s 카드를 톡 치며 점프 → 카드가 뒤집힘 → 만세
• 효과: 카드 뒤집기(13.8–14.5s): 앞면 6칸 막대 → 뒷면 24칸 막대, 5/6 = 5×4/6×4 = 20/24 + 위아래 "×4" 화살표, 반짝임
• 학습 포인트: 분자와 분모에 같은 수를 곱해도 크기는 같다

5. 3단계 · ÷4 갈림길 (19–24.8s)

• 카메라: 카드 정면(z1.6) → 23.4–24.8s 다음 정거장으로
• Clawd: 열이 갈라지는 것을 지켜보고 첫 줄을 가리킴
• 효과: 막대가 종이 띠 4개로 잘려 벌어짐(19.4–20.2s), 각 띠에 "5칸", 첫 띠가 들려 올라오며 빨간 빗금(원본과 동일), 20/24 ÷ 4 = (20÷4)/24 = 5/24 + "÷4" 화살표
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

6. 보물 상자 · 정답 (24.8–30s)

• 카메라: 카드 정면(z1.6) → 28.4–29.6s 지도 전체로 줌아웃
• Clawd: 보물 상자 위로 점프해 상자를 엶 → 만세
• 효과: 상자 뚜껑이 열리며 정답 카드 ㉠20 ㉡20 ㉢5가 날아올라 도장, 원본 풀이식 두 줄이 채워진 채 등장, 5/24 동그라미, 마지막에 모든 정거장에 완료 도장
• 학습 포인트: 정답과 원본 풀이식 전체 정리

• 정거장 1 → 2 이동 6.6–7.9s
• 정거장 2 → 3 이동 11.6–13s
• 정거장 3 → 4 이동 17.6–19s
• 정거장 4 → 5 이동 23.4–24.8s
• 카드 뒤집기 13.8–14.5s
• 종이 띠 벌리기 19.4–20.2s
• 보물 상자 열기 25.4–25.8s

node render/render.mjs --page archive/v9/src/index.html --out archive/v9/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:41
• 길이 30s · 1920×1080 · 3055 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v7-v8.mp4 · 프레임 v7-v8.jpg · scene.js 1 file changed, 257 insertions(+), 336 deletions(-)
• 소스 스냅숏: src/

v5에 '문제 이해' 3박자 추가(영상 1.5–5.1s, 판서된 문항 위 스포트라이트: 발문 → 5/6 ÷ 4 → ㉠㉡㉢), 이후 1.05배 재생으로 30초 유지, 흔들림 40% 감소, 손그림 떨림 영상 시간 기준.

1. 문제 읽기 (0–4.2s)

• 카메라: 칠판 전체(z1.0) → 2.6–3.4s 풀이식 두 줄 쪽으로 z1.15 살짝 다가감
• Clawd: 0.2–1.4s 분필 받침대를 따라 걸어 들어와 문항을 올려다보고, 2.0s "?" 말풍선
• 효과: 원본 문항(발문·막대 3개·라벨·㉠㉡㉢ 식)이 분필로 순서대로 판서됨, 분필 결 텍스처
• 학습 포인트: 원본 문항(q.png)을 칠판에 그대로 옮겨 적어 무엇을 구하는지 확인

2. 1단계 · 분수 막대 (4.2–9.4s)

• 카메라: 4.2–5.0s 지우개 전환 → 칠판 전체 → 7.2–7.8s 오른쪽 메모로 z1.15, 9.0s 복귀
• Clawd: 거대한 칠판지우개를 타고 판을 가로질러 지움 → 막대 옆에서 칸을 셈 → 7.1s 당황("?!", 땀)
• 효과: 분필 빗금으로 5칸 채우기, 4칸을 4가지 색 분필로 칠하고 남는 1칸은 빨간 분필 동그라미
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다

3. 2단계 · 크기가 같은 분수 (9.4–14.8s)

• 카메라: 9.6–10.2s 막대로 z1.2 → 11.8–12.4s 칠판 전체
• Clawd: 분필을 들고 막대 위로 올라가 세로선 3개를 그음(10.35/10.85/11.35s, 분필 가루) → 받침대로 내려옴
• 효과: 24칸 중 20칸 반짝임, 오른쪽에 5/6 = 5×4/6×4 = 20/24 판서 + 분자·분모 "×4" 곡선 화살표
• 학습 포인트: 분자와 분모에 같은 수를 곱해도 크기는 같다

4. 3단계 · 4로 나누기 (14.8–20.6s)

• 카메라: 15.0–15.6s 막대로 z1.2 → 17.2–17.8s 칠판 전체 → 19.8s 지우개 전환
• Clawd: 열을 하나씩 가리키며 "5" → 빗금 열 위에 올라섬 → 받침대
• 효과: 네 열에 "5" 분필 숫자, 첫 열 빨간 빗금(원본과 동일), 위 식은 올라가고 20/24 ÷ 4 = (20÷4)/24 = 5/24 판서 + "÷4" 화살표
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

5. 정리 (20.6–25.6s)

• 카메라: 지우개 전환 후 큰 풀이식 두 줄(z1.0) → 21.4–22.0s z1.12로 빈칸 쪽 → 24.8s 복귀
• Clawd: 식 위를 점프하며 ㉠(22.2s)·㉡(23.0s)·㉢(23.6s) 빈칸에 분필로 숫자를 써 넣음
• 효과: 빈칸에 분필 도장 + 분필 가루, 5/24에 동그라미
• 학습 포인트: 원본 풀이식을 처음부터 끝까지 다시 따라가기

6. 정답 (25.6–30s)

• 카메라: z1.08 → z1.0 천천히
• Clawd: 받침대에서 만세하며 점프
• 효과: "정답"과 ㉠ 20 ㉡ 20 ㉢ 5를 분필로 크게 판서, 별 낙서, 색분필 가루 축하
• 학습 포인트: 정답 ㉠ 20, ㉡ 20, ㉢ 5 와 결과 5/24

• 칠판지우개 전환 4.2–5s
• 칠판지우개 전환 19.8–20.6s
• 빈칸 채우기(밟기/쓰기) 22.2, 23, 23.6s

node render/render.mjs --page archive/v8/src/index.html --out archive/v8/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:40
• 길이 30s · 1920×1080 · 2234 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v6-v7.mp4 · 프레임 v6-v7.jpg · scene.js 1 file changed, 338 insertions(+), 299 deletions(-)
• 소스 스냅숏: src/

PROMPT.md 업데이트 반영(문제 이해 파트, 재미있고 잔잔한 연출). 문항을 다 그린 뒤 '문제 이해' 3박자(각 1.2s, 영상 1.0–4.6s)를 추가: ① 발문에 스포트라이트 '먼저 문제를 읽어요' ② 첫 식 5/6 ÷ 4에 스포트라이트 '묻는 것: 5/6 ÷ 4' ③ 빈칸 ㉠㉡㉢에 스포트라이트 '구할 것: 빈칸 ㉠ ㉡ ㉢'. 그동안 장면은 문항에서 멈추고(WARP) Clawd가 통통 뛰며 가리킴. 이후 장면은 1.04배로 재생해 30초 유지. 화면 흔들림 40% 감소. 손그림 떨림을 영상 시간 기준으로 바꿔 멈춘 동안에도 선이 살아 있음.

1. 문제 읽기 (0–3.5s)

• 카메라: 전체 문항(z1.0) 정지 → 2.35s부터 첫 막대로 천천히 줌인(z≈2.57, io 1.05s) → 3.25–3.75s 매치 컷 크로스페이드
• Clawd: 0.3–0.85s 위에서 떨어져 오른쪽 받침대에 착지(찌그러짐+먼지), 문항을 바라보다 1.9s "?" 말풍선
• 효과: 발문·막대 3개·라벨·2줄 식이 순서대로 손으로 그려짐(0–2.1s), 착지 흔들림 6px
• 학습 포인트: 원본 문항(q.png)을 그대로 보여 주어 무엇을 구하는지 확인

2. 1단계 · 분수 막대 (3.5–8.6s)

• 카메라: 고정(z1.0) → 6.85–7.4s 당황한 Clawd 쪽으로 z1.3 줌인, 7.9–8.45s 복귀
• Clawd: 3.85–4.9s 오른쪽에서 걸어 들어옴, 칸을 세며 왼쪽을 봄, 6.85s "?!" 말풍선·땀방울·몸 떨림
• 효과: 색칠된 5칸이 아래부터 1~5 번호와 함께 반짝임(4.3–5.4s), 4칸을 4가지 색으로 나눠 주고 남는 1칸은 빨간 테두리 깜빡임
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다는 문제 상황

3. 2단계 · 크기가 같은 분수 (8.6–14.4s)

• 카메라: 8.6–9.1s Clawd로 z1.3 줌인(전구), 9.3–9.9s 막대로 이동(z1.12), 11.2–11.85s 전체(z1.0)
• Clawd: 전구 아이디어 → 연필을 들고 막대 위로 점프, 3번 연필을 휘둘러 세로선을 그음(9.95/10.45/10.95s) → 식 오른쪽 바닥으로 → 거의 수직 점프로 ㉠ 블록을 밟음(13.15s)
• 효과: 세로선 그릴 때 clay 섬광, 24칸 중 20칸 반짝이며 세기, 점프 점선 궤적, 분자·분모 위아래 "×4" 곡선 화살표(12.2–12.95s), ㉠=20 도장
• 학습 포인트: 분자와 분모에 같은 수(4)를 곱해도 크기는 같다: 5/6 = 20/24

4. 3단계 · 4로 나누기 (14.4–20.35s)

• 카메라: 고정(z1.0) → 16.2–16.8s 빗금 열로 z1.4 줌인, 17.3–17.9s 복귀, 19.6–20.25s 매치 위치로 정렬
• Clawd: 열마다 팔을 흔들며 셈 → 빗금 열 위로 점프(16.45s) → ㉡ 블록(18.85s)에서 ÷4 화살표를 기다린 뒤 → ㉢ 블록(19.75s) → 바닥
• 효과: 네 열이 하나씩 "5칸" 표시와 함께 강조, 첫 열 빨간 빗금(원본과 동일), ㉡→㉢ "÷4" 곡선 화살표, 도장
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

5. 정리 (20.35–25.35s)

• 카메라: 20.1–20.6s 개념 막대 → 원본 세 번째 막대 매치 컷, 20.6–21.5s 문항 전체로 줌아웃, 식으로 z1.2, 24.25–24.85s 전체
• Clawd: 받침대에서 식 위로 점프해 ㉠(22.45s)·㉡(23.25s)·㉢(23.85s) 블록을 차례로 밟음 → 받침대로 돌아와 만세
• 효과: 빈칸에 숫자 도장, 5/24에 clay 동그라미(24.0–24.5s), 24.9–25.35s 아이리스 닫힘(Clawd 중심)
• 학습 포인트: 원본 풀이식 전체를 처음부터 끝까지 다시 따라가기

6. 정답 (25.35–30s)

• 카메라: 아이리스 열림(25.35–25.85s) → z1.16에서 z1.0으로 천천히 줌아웃
• Clawd: 오른쪽에서 만세하며 0.6s 간격으로 통통 점프
• 효과: 정답 카드 3장 도장(흔들림 4.5px), 5/6 ÷ 4 = 5/24 식과 동그라미, 픽셀 색종이
• 학습 포인트: 정답 ㉠ 20, ㉡ 20, ㉢ 5 와 최종 결과 5/24

• 매치 컷 크로스페이드 3.25–3.75s (카메라 컷 3.5s)
• 매치 컷 크로스페이드 20.1–20.6s (카메라 컷 20.35s)
• 빈칸 채우기(밟기/쓰기) 13.15, 18.85, 19.75, 22.45, 23.25, 23.85s

node render/render.mjs --page archive/v7/src/index.html --out archive/v7/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:31
• 길이 30s · 1920×1080 · 1680 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v5-v6.mp4 · 프레임 v5-v6.jpg · scene.js 1 file changed, 300 insertions(+), 259 deletions(-)
• 소스 스냅숏: src/

새 시안. 종이 오리기(페이퍼 컷아웃) 보물 지도. 지도 전체에서 시작해 Clawd가 점선 길을 따라 다섯 정거장(문제 게시판 → 분수 막대 언덕 → ×4 마법 다리 → ÷4 갈림길 → 보물 상자)을 여행하고, 카메라가 각 정거장 카드로 날아가 줌인. 수학을 종이 트릭으로 보여 줌: 카드 뒤집기로 5/6 → 20/24, 막대를 종이 띠 4개로 잘라 벌려 ÷4, 보물 상자에서 정답 카드가 날아오름. 마지막에 지도 전체로 줌아웃해 완료 도장. 8fps 스톱모션 흔들림, 드롭 섀도.

1. 모험 지도 (0–3.3s)

• 카메라: 지도 전체(z0.36) → 2.3–3.3s 첫 정거장으로 날아가며 z1.6 줌인
• Clawd: 출발점(문제 게시판 옆)에서 손을 흔듦
• 효과: 종이 오리기 지도(산·나무·강·나침반·제목 리본), 점선 경로가 출발→보물까지 그려지고 정거장 깃발이 차례로 꽂힘, 8fps 스톱모션 흔들림
• 학습 포인트: 풀이 단계를 한 장의 지도로 미리 보여 줌 (전체 흐름 예고)

2. 문제 게시판 (3.3–8s)

• 카메라: 카드 정면(z1.6) 고정 → 6.6–8.0s 지도 위로 물러났다가(z0.8) 다음 정거장으로
• Clawd: 카드 옆에서 문항을 올려다보고 "?" → 점선 길을 따라 걸어감(발자국 점이 남음)
• 효과: 원본 문항 카드가 손그림으로 채워짐(발문·막대 3개·라벨·㉠㉡㉢ 식)
• 학습 포인트: 원본 문항(q.png)을 그대로 보여 주어 무엇을 구하는지 확인

3. 1단계 · 분수 막대 언덕 (8–13s)

• 카메라: 카드 정면(z1.6) → 11.6–13.0s 강 위 다리를 건너 이동
• Clawd: 칸을 세며 왼쪽을 봄 → 10.9s 당황("?!", 땀) → 다리를 건넘
• 효과: 5칸을 4가지 색으로 나누고 남는 1칸 빨간 테두리
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다

4. 2단계 · ×4 마법 다리 (13–19s)

• 카메라: 카드 정면(z1.6) → 17.6–19.0s 다음 정거장으로
• Clawd: 13.4s 카드를 톡 치며 점프 → 카드가 뒤집힘 → 만세
• 효과: 카드 뒤집기(13.8–14.5s): 앞면 6칸 막대 → 뒷면 24칸 막대, 5/6 = 5×4/6×4 = 20/24 + 위아래 "×4" 화살표, 반짝임
• 학습 포인트: 분자와 분모에 같은 수를 곱해도 크기는 같다

5. 3단계 · ÷4 갈림길 (19–24.8s)

• 카메라: 카드 정면(z1.6) → 23.4–24.8s 다음 정거장으로
• Clawd: 열이 갈라지는 것을 지켜보고 첫 줄을 가리킴
• 효과: 막대가 종이 띠 4개로 잘려 벌어짐(19.4–20.2s), 각 띠에 "5칸", 첫 띠가 들려 올라오며 빨간 빗금(원본과 동일), 20/24 ÷ 4 = (20÷4)/24 = 5/24 + "÷4" 화살표
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

6. 보물 상자 · 정답 (24.8–30s)

• 카메라: 카드 정면(z1.6) → 28.4–29.6s 지도 전체로 줌아웃
• Clawd: 보물 상자 위로 점프해 상자를 엶 → 만세
• 효과: 상자 뚜껑이 열리며 정답 카드 ㉠20 ㉡20 ㉢5가 날아올라 도장, 원본 풀이식 두 줄이 채워진 채 등장, 5/24 동그라미, 마지막에 모든 정거장에 완료 도장
• 학습 포인트: 정답과 원본 풀이식 전체 정리

• 정거장 1 → 2 이동 6.6–7.9s
• 정거장 2 → 3 이동 11.6–13s
• 정거장 3 → 4 이동 17.6–19s
• 정거장 4 → 5 이동 23.4–24.8s
• 카드 뒤집기 13.8–14.5s
• 종이 띠 벌리기 19.4–20.2s
• 보물 상자 열기 25.4–25.8s

node render/render.mjs --page archive/v6/src/index.html --out archive/v6/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:30
• 길이 30s · 1920×1080 · 3152 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v4-v5.mp4 · 프레임 v4-v5.jpg · scene.js 1 file changed, 257 insertions(+), 1009 deletions(-)
• 소스 스냅숏: src/

새 시안. 어두운 칠판에 분필 결 텍스처, Clawd가 선생님 역할. 고정된 교실 구도(왼쪽 막대·오른쪽 식)에서 단계가 칠판에 쌓이며 이어지고, Clawd가 올라탄 거대한 칠판지우개가 판을 쓸며 장(章)을 넘김(4.2–5.0s, 19.8–20.6s). 원본 문항을 분필로 판서해 시작하고, 정리에서 원본 풀이식 빈칸을 분필로 채움. 카메라는 칠판 안에서 z1.1–1.2로만 부드럽게 이동. 자막·단계 표시·×4/÷4 화살표는 v4 원칙 유지.

1. 문제 읽기 (0–4.2s)

• 카메라: 칠판 전체(z1.0) → 2.6–3.4s 풀이식 두 줄 쪽으로 z1.15 살짝 다가감
• Clawd: 0.2–1.4s 분필 받침대를 따라 걸어 들어와 문항을 올려다보고, 2.0s "?" 말풍선
• 효과: 원본 문항(발문·막대 3개·라벨·㉠㉡㉢ 식)이 분필로 순서대로 판서됨, 분필 결 텍스처
• 학습 포인트: 원본 문항(q.png)을 칠판에 그대로 옮겨 적어 무엇을 구하는지 확인

2. 1단계 · 분수 막대 (4.2–9.4s)

• 카메라: 4.2–5.0s 지우개 전환 → 칠판 전체 → 7.2–7.8s 오른쪽 메모로 z1.15, 9.0s 복귀
• Clawd: 거대한 칠판지우개를 타고 판을 가로질러 지움 → 막대 옆에서 칸을 셈 → 7.1s 당황("?!", 땀)
• 효과: 분필 빗금으로 5칸 채우기, 4칸을 4가지 색 분필로 칠하고 남는 1칸은 빨간 분필 동그라미
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다

3. 2단계 · 크기가 같은 분수 (9.4–14.8s)

• 카메라: 9.6–10.2s 막대로 z1.2 → 11.8–12.4s 칠판 전체
• Clawd: 분필을 들고 막대 위로 올라가 세로선 3개를 그음(10.35/10.85/11.35s, 분필 가루) → 받침대로 내려옴
• 효과: 24칸 중 20칸 반짝임, 오른쪽에 5/6 = 5×4/6×4 = 20/24 판서 + 분자·분모 "×4" 곡선 화살표
• 학습 포인트: 분자와 분모에 같은 수를 곱해도 크기는 같다

4. 3단계 · 4로 나누기 (14.8–20.6s)

• 카메라: 15.0–15.6s 막대로 z1.2 → 17.2–17.8s 칠판 전체 → 19.8s 지우개 전환
• Clawd: 열을 하나씩 가리키며 "5" → 빗금 열 위에 올라섬 → 받침대
• 효과: 네 열에 "5" 분필 숫자, 첫 열 빨간 빗금(원본과 동일), 위 식은 올라가고 20/24 ÷ 4 = (20÷4)/24 = 5/24 판서 + "÷4" 화살표
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

5. 정리 (20.6–25.6s)

• 카메라: 지우개 전환 후 큰 풀이식 두 줄(z1.0) → 21.4–22.0s z1.12로 빈칸 쪽 → 24.8s 복귀
• Clawd: 식 위를 점프하며 ㉠(22.2s)·㉡(23.0s)·㉢(23.6s) 빈칸에 분필로 숫자를 써 넣음
• 효과: 빈칸에 분필 도장 + 분필 가루, 5/24에 동그라미
• 학습 포인트: 원본 풀이식을 처음부터 끝까지 다시 따라가기

6. 정답 (25.6–30s)

• 카메라: z1.08 → z1.0 천천히
• Clawd: 받침대에서 만세하며 점프
• 효과: "정답"과 ㉠ 20 ㉡ 20 ㉢ 5를 분필로 크게 판서, 별 낙서, 색분필 가루 축하
• 학습 포인트: 정답 ㉠ 20, ㉡ 20, ㉢ 5 와 결과 5/24

• 칠판지우개 전환 4.2–5s
• 칠판지우개 전환 19.8–20.6s
• 빈칸 채우기(밟기/쓰기) 22.2, 23, 23.6s

node render/render.mjs --page archive/v5/src/index.html --out archive/v5/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:25
• 길이 30s · 1920×1080 · 2218 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v3-v4.mp4 · 프레임 v3-v4.jpg · scene.js 1 file changed, 96 insertions(+), 30 deletions(-)
• 소스 스냅숏: src/

PROMPT.md 업데이트 반영. ① 자막을 초등학생용으로 짧게(14자 이내)·크게(46→64px, 상자 높이 112px) 다시 씀. ② 왼쪽 위 장면 표시를 '1단계 · 분수 막대 / 2단계 · 크기가 같은 분수 / 3단계 · 4로 나누기'처럼 단계명으로 바꾸고 40px로 키움. ③ 시각적 강조: 분자·분모 위아래 '×4' 곡선 화살표(12.2–12.95s), ㉡→㉢ '÷4' 곡선 화살표(18.95–19.3s). ④ 겹침 수정: 식 두 줄 간격 210→285px, Clawd가 식 오른쪽에서 수직 점프로 ㉠을 밟고, ㉡ 위에서 ÷4 화살표를 기다린 뒤 ㉢으로 이동(㉢ 19.45→19.75s). ⑤ 장면 명세(SCENES)를 코드에 넣어 timeline.json·SCENES.md를 자동 생성.

1. 문제 읽기 (0–3.5s)

• 카메라: 전체 문항(z1.0) 정지 → 2.35s부터 첫 막대로 천천히 줌인(z≈2.57, io 1.05s) → 3.25–3.75s 매치 컷 크로스페이드
• Clawd: 0.3–0.85s 위에서 떨어져 오른쪽 받침대에 착지(찌그러짐+먼지), 문항을 바라보다 1.9s "?" 말풍선
• 효과: 발문·막대 3개·라벨·2줄 식이 순서대로 손으로 그려짐(0–2.1s), 착지 흔들림 6px
• 학습 포인트: 원본 문항(q.png)을 그대로 보여 주어 무엇을 구하는지 확인

2. 1단계 · 분수 막대 (3.5–8.6s)

• 카메라: 고정(z1.0) → 6.85–7.4s 당황한 Clawd 쪽으로 z1.3 줌인, 7.9–8.45s 복귀
• Clawd: 3.85–4.9s 오른쪽에서 걸어 들어옴, 칸을 세며 왼쪽을 봄, 6.85s "?!" 말풍선·땀방울·몸 떨림
• 효과: 색칠된 5칸이 아래부터 1~5 번호와 함께 반짝임(4.3–5.4s), 4칸을 4가지 색으로 나눠 주고 남는 1칸은 빨간 테두리 깜빡임
• 학습 포인트: 5/6의 분자 5는 4로 똑같이 나눌 수 없다는 문제 상황

3. 2단계 · 크기가 같은 분수 (8.6–14.4s)

• 카메라: 8.6–9.1s Clawd로 z1.3 줌인(전구), 9.3–9.9s 막대로 이동(z1.12), 11.2–11.85s 전체(z1.0)
• Clawd: 전구 아이디어 → 연필을 들고 막대 위로 점프, 3번 연필을 휘둘러 세로선을 그음(9.95/10.45/10.95s) → 식 오른쪽 바닥으로 → 거의 수직 점프로 ㉠ 블록을 밟음(13.15s)
• 효과: 세로선 그릴 때 clay 섬광, 24칸 중 20칸 반짝이며 세기, 점프 점선 궤적, 분자·분모 위아래 "×4" 곡선 화살표(12.2–12.95s), ㉠=20 도장
• 학습 포인트: 분자와 분모에 같은 수(4)를 곱해도 크기는 같다: 5/6 = 20/24

4. 3단계 · 4로 나누기 (14.4–20.35s)

• 카메라: 고정(z1.0) → 16.2–16.8s 빗금 열로 z1.4 줌인, 17.3–17.9s 복귀, 19.6–20.25s 매치 위치로 정렬
• Clawd: 열마다 팔을 흔들며 셈 → 빗금 열 위로 점프(16.45s) → ㉡ 블록(18.85s)에서 ÷4 화살표를 기다린 뒤 → ㉢ 블록(19.75s) → 바닥
• 효과: 네 열이 하나씩 "5칸" 표시와 함께 강조, 첫 열 빨간 빗금(원본과 동일), ㉡→㉢ "÷4" 곡선 화살표, 도장
• 학습 포인트: 20칸을 4묶음으로 나누면 한 묶음 5칸 → 5/24

5. 정리 (20.35–25.35s)

• 카메라: 20.1–20.6s 개념 막대 → 원본 세 번째 막대 매치 컷, 20.6–21.5s 문항 전체로 줌아웃, 식으로 z1.2, 24.25–24.85s 전체
• Clawd: 받침대에서 식 위로 점프해 ㉠(22.45s)·㉡(23.25s)·㉢(23.85s) 블록을 차례로 밟음 → 받침대로 돌아와 만세
• 효과: 빈칸에 숫자 도장, 5/24에 clay 동그라미(24.0–24.5s), 24.9–25.35s 아이리스 닫힘(Clawd 중심)
• 학습 포인트: 원본 풀이식 전체를 처음부터 끝까지 다시 따라가기

6. 정답 (25.35–30s)

• 카메라: 아이리스 열림(25.35–25.85s) → z1.16에서 z1.0으로 천천히 줌아웃
• Clawd: 오른쪽에서 만세하며 0.6s 간격으로 통통 점프
• 효과: 정답 카드 3장 도장(흔들림 4.5px), 5/6 ÷ 4 = 5/24 식과 동그라미, 픽셀 색종이
• 학습 포인트: 정답 ㉠ 20, ㉡ 20, ㉢ 5 와 최종 결과 5/24

• 매치 컷 크로스페이드 3.25–3.75s (카메라 컷 3.5s)
• 매치 컷 크로스페이드 20.1–20.6s (카메라 컷 20.35s)
• 빈칸 채우기(밟기/쓰기) 13.15, 18.85, 19.75, 22.45, 23.25, 23.85s

node render/render.mjs --page archive/v4/src/index.html --out archive/v4/math-video.mp4 --crf 35

• 날짜: 2026-10-12 23:11
• 길이 30s · 1920×1080 · 2239 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v2-v3.mp4 · 프레임 v2-v3.jpg
• 소스 스냅숏: src/

원본 문항(발문·막대 3개 도식·라벨·㉠㉡㉢ 2줄 식)을 그대로 재현해 처음과 정리 장면에 사용. 개념 막대를 원본과 같은 정사각 비율로 바꾸고, 휘핑 팬 대신 원본 막대 ↔ 개념 막대 매치 컷 크로스페이드로 전환. 카메라 이동 0.5s 이상 ease-in-out, 펀치 줌 1.3–1.4배, 흔들림 3–6px, Clawd 점프 점선 궤적 추가. 30초. 사용자 보관본 1012-1105-math-video.mp4와 프레임 단위로 동일(PSNR ∞) — 당시 소스를 이번 수정분만 되돌려 복원.

자막은 46px 문장형(예: "분자 5는 4의 배수가 아니라서 똑같이 나눌 수 없어요").

node render/render.mjs --page archive/v3/src/index.html --out archive/v3/math-video.mp4 --crf 35

• 날짜: 2026-10-12 22:55
• 길이 29s · 1920×1080 · 2136 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 이전 버전과 비교: 영상 v1-v2.mp4 · 프레임 v1-v2.jpg
• 소스 스냅숏 없음 (영상만 보관)

원본 문항 인용 요청 반영 후 처음 전달한 버전. 원본 문항(발문·막대 3개 도식·라벨·㉠㉡㉢ 2줄 식)을 처음과 정리 장면에 재현하고, 개념 장면의 막대·라벨·식도 원본과 동일하게 맞춤. 전환은 휘핑 팬(모션 블러 12서브프레임)·펀치 줌(0.2s, 1.6배)·브러시 와이프·아이리스, 29초. 소스는 커밋 전에 덮어써져 남아 있지 않고, 사용자가 보관한 1012-1055-math-video.mp4 영상만 가져옴.

v1 구성에서 다음을 바꿈 (전환 방식·길이 29초는 v1과 같음):

• 장면 1: 제목 대신 원본 문항 전체(발문, 막대 3개 도식과 라벨, ㉠㉡㉢ 빈칸 2줄 식)를 0–2.1s 동안 손그림으로 재현. Clawd는 오른쪽 받침대로 떨어짐. 2.95s 첫 막대로 펀치 줌(2.6배) → 휘핑 팬.
• 장면 2–4: 막대를 원본과 같은 갈색·점선·빨간 빗금 열로 바꿈. 막대 아래 라벨을 원본 라벨(5/6 → 5/6 = 5×4/6×4 → 5/6 ÷ 4 = 5×4/6×4 ÷ 4)로, 오른쪽 식을 원본 풀이식 1행(㉠)·2행(㉡ ㉢)으로 바꿈.
• 장면 5: 브러시 와이프 후 원본 문항 카드로 돌아와 Clawd가 ㉠㉡㉢ 블록을 밟아 채움.
• 원문자 ㄱㄴㄷ을 손그림 획으로 그림(폰트 자모가 너무 작아서).

소스 없음: 이 영상은 사용자가 보관한 1012-1055-math-video.mp4.

• 날짜: 2026-10-12 22:30
• 길이 29s · 1920×1080 · 2283 KB · H.264 CRF 35, veryslow, tune animation, yuv420p
• 최초 버전
• 소스 스냅숏: src/

첫 초안. 원본 문항을 인용하지 않고 자체 구성한 막대와 식으로 설명. 휘핑 팬(모션 블러)·펀치 줌·브러시 와이프·아이리스 전환, 29초. 원본 문항 인용 요청 이전 버전으로, 당시 git 인덱스에 남아 있던 소스로 복원해 렌더링함(23:10 복원; 당시엔 영상으로 출력하지 않았던 초안).

node render/render.mjs --page archive/v1/src/index.html --out archive/v1/math-video.mp4 --crf 35