v3 TeX 수식 · 문항 블렌딩 · 흔들림 1/3
수식을 TeX(engine/tex.js)로, 문항 이미지를 종이에 multiply, 인트로 스포트라이트가 장면 전환 전에 사라짐, WOBBLE 1/3
프레임 한눈에 보기 · 이전 버전과 나란히 보기 · 장면 기록
- 날짜: 2026-10-14 19:35
- 길이 98.03s · 1920×1080 · 4478 KB · H.264 CRF 35, veryslow, tune animation, yuv420p · AAC 128k
- 이전 버전과 비교: 영상 v2-v3.mp4 · 프레임 v2-v3.jpg · scene.js 1 file changed, 18 insertions(+), 63 deletions(-)
- 소스 스냅숏: src/
- 소리: 내레이션
teacher+ 효과음 + 배경음 (audio/스냅숏: 대본·타이밍)
수식을 TeX(engine/tex.js)로, 문항 이미지를 종이에 multiply, 인트로 스포트라이트가 장면 전환 전에 사라짐, WOBBLE 1/3
음성 teacher · 장면 기본 속도 0.8배 · 대사가 길면 장면이 차분한 순간에서 기다림(WARP). 아래 장면별 상세의 시간은 장면 시계(원래 30초) 기준입니다.
| # | 영상 시작 | 길이 | 장면 시각 | 대사 |
|---|---|---|---|---|
| 01 | 0.00s | 4.52s | 0s | 안녕하세요! 오늘은 Clawd와 함께 호의 길이를 구해 봐요. |
| 02 | 4.74s | 4.93s | 2.3s | 먼저 문제를 읽어 볼까요? 원 O에 내접하는 □ABCD가 있어요. |
| 03 | 9.88s | 5.21s | 2.3s | AB = 24, ∠AOD = 120°, ∠DCP = 75°예요. |
| 04 | 15.31s | 2.69s | 2.3s | 구할 것은 호 BCD의 길이예요. |
| 05 | 18.22s | 2.80s | 3.6s | 그림을 크게 다시 그려 볼게요. |
| 06 | 21.85s | 6.39s | 6.5s | 내접사각형의 한 외각은 마주 보는 내각과 같아요. 그래서 ∠BAD = 75°! |
| 07 | 28.46s | 2.90s | 9s | 선분 OB를 긋고, 호 BCD를 봐요. |
| 08 | 31.57s | 4.55s | 10.6s | 중심각은 원주각의 두 배니까, ∠BOD = 150°예요. |
| 09 | 36.35s | 3.24s | 12.6s | 중심에 모인 세 각의 합은 360°죠. |
| 10 | 39.81s | 5.72s | 13.4s | ∠AOB는 360°에서 120°와 150°를 빼면 90°! |
| 11 | 45.75s | 4.89s | 16s | 호의 길이를 구하려면 반지름이 필요한데, 어떻게 구할까요? |
| 12 | 50.87s | 5.16s | 17.6s | 아하! 삼각형 OAB는 두 변이 반지름이고 끼인각이 90°예요. |
| 13 | 56.24s | 5.37s | 19s | O에서 AB에 수선의 발 H를 내리면, △OAH ≡ △OBH (RHS 합동)이에요. |
| 14 | 61.84s | 4.13s | 20.7s | 그래서 ∠HOB = 45°, HB는 절반인 12예요. |
| 15 | 66.19s | 3.50s | 22.4s | OB는 HB를 sin45°로 나눈 값이에요. |
| 16 | 69.91s | 5.12s | 23.2s | 12 ÷ √2/2, 반지름은 12√2예요! |
| 17 | 75.24s | 4.19s | 24.7s | 반지름 12√2, 중심각 150°인 부채꼴의 호예요. |
| 18 | 79.65s | 4.79s | 25.7s | 2π × 12√2 × 150/360을 계산하면, |
| 19 | 84.67s | 3.08s | 26.8s | 호 BCD의 길이는 10√2π! |
| 20 | 87.97s | 3.44s | 29.4s | 정답은 ③, 10√2π예요. |
| 21 | 91.63s | 4.81s | 30.6s | 외각, 중심각, 직각삼각형까지 차근차근, 정말 잘했어요! |
1. 문제 읽기 (0–3.6s)
- 카메라: 문항 전체(z1.0) → 오른쪽 그림 장면으로 이동
- Clawd: 위에서 떨어져 받침대에 착지, "?" 말풍선
- 효과: 문항 카드가 그려지고 문제 이해 스포트라이트 3박자(문제 → 주어진 것 → 구할 것)
- 학습 포인트: 내접사각형, AB=24, ∠AOD=120°, ∠DCP=75°, 호 BCD의 길이
| 카메라 키 t | x | y | 줌 | 이징 |
|---|---|---|---|---|
| 0 | 960 | 540 | 1 | 컷 |
| 3 | 960 | 540 | 1 | lin |
| Clawd 동작 | 시작 | 끝 | 도착 x,y | 높이 |
|---|---|---|---|---|
| drop | 0.3 | 0.85 | 1700, 640 |
2. 1단계 · 내접사각형의 외각 (3.6–9s)
- 카메라: 고정(z1.0)
- Clawd: 오른쪽에서 걸어 들어와 그림을 바라봄, 75°가 옮겨질 때 만세
- 효과: 원·□ABCD·OA·OD·120°·연장선·P·75°를 손그림으로 다시 그림, C의 75°에서 A로 곡선 화살표, 칠판 ∠BAD = ∠DCP = 75°
- 학습 포인트: 내접사각형의 한 외각은 마주 보는 내각과 같다
| 자막 시작 | 끝 | 자막 (강조) |
|---|---|---|
| 3.7 | 6.45 | 원에 내접하는 □ABCD |
| 6.5 | 8.95 | 외각 = 마주 보는 내각 |
| 카메라 키 t | x | y | 줌 | 이징 |
|---|---|---|---|---|
| 3.6 | 3560 | 540 | 1 | io |
| Clawd 동작 | 시작 | 끝 | 도착 x,y | 높이 |
|---|---|---|---|---|
| walk | 3.7 | 4.5 | 1650, 880 |
3. 2단계 · 중심각 (9–12.6s)
- 카메라: 고정(z1.0)
- Clawd: 바닥에서 바라봄
- 효과: 연장선·P 사라짐, OB 긋기, 호 BCD 클레이색 강조, A→O "× 2" 화살표와 150°, 칠판 ∠BOD = 2∠BAD = 150°
- 학습 포인트: 중심각은 원주각의 두 배
| 자막 시작 | 끝 | 자막 (강조) |
|---|---|---|
| 9.05 | 10.55 | 선분 OB와 호 BCD |
| 10.6 | 12.55 | 중심각 = 원주각 × 2 |
4. 3단계 · ∠AOB (12.6–16s)
- 카메라: 고정(z1.0)
- Clawd: ㉠ 빈칸으로 점프해 밟아 90°를 채우고 바닥으로
- 효과: O에 모인 세 부채꼴(120° 하늘, 150° 클레이, ? 올리브), 칠판 ∠AOB = 360° − (120° + 150°) = 90°, 직각 표시
- 학습 포인트: 한 점에 모인 각의 합은 360°
| 자막 시작 | 끝 | 자막 (강조) |
|---|---|---|
| 12.65 | 13.35 | 한 바퀴는 360° |
| 13.4 | 15.95 | ∠AOB = 90° |
| Clawd 동작 | 시작 | 끝 | 도착 x,y | 높이 |
|---|---|---|---|---|
| jump | 14.4 | 14.9 | 1740, 535 | 160 |
| jump | 15.3 | 15.6 | 1650, 880 | 80 |
5. 4단계 · 반지름 구하기 (16–24.7s)
- 카메라: 17.5–18.1s 삼각형 OAB로 z1.2 펀치 줌 → 18.8–19.4s 복귀
- Clawd: 그림 쪽으로 걸어가 "?"·땀 → 전구 → 제자리로, ㉡ 빈칸을 밟아 12√2
- 효과: 칠판을 비우고 "반지름 r = ?", 삼각형 OAB 채움과 등변 눈금, 수선 OH와 직각 표시, 24 → 12·12, 45°, 칠판 RHS 합동·45°·HB=12·OB=HB/sin45°
- 학습 포인트: 이등변삼각형의 수선으로 직각삼각형을 만들어 sin45°로 반지름 12√2
| 자막 시작 | 끝 | 자막 (강조) |
|---|---|---|
| 16.05 | 17.55 | 반지름은 얼마? |
| 17.6 | 18.95 | 반지름 두 개, 끼인각 90° |
| 19 | 20.65 | 수선의 발 H → RHS 합동 |
| 20.7 | 22.35 | ∠HOB = 45°, HB = 12 |
| 22.4 | 24.65 | 반지름 = 12√2 |
| 카메라 키 t | x | y | 줌 | 이징 |
|---|---|---|---|---|
| 17.5 | 3560 | 540 | 1 | lin |
| 18.1 | 3300 | 600 | 1.2 | io |
| 18.8 | 3300 | 600 | 1.2 | lin |
| 19.4 | 3560 | 540 | 1 | io |
| Clawd 동작 | 시작 | 끝 | 도착 x,y | 높이 |
|---|---|---|---|---|
| walk | 16.1 | 16.7 | 1150, 880 | |
| walk | 18.9 | 19.5 | 1650, 880 | |
| jump | 23.150000000000002 | 23.6 | 1718, 549 | 150 |
| jump | 24 | 24.3 | 1650, 880 | 80 |
6. 5단계 · 호의 길이 (24.7–28.6s)
- 카메라: 고정(z1.0)
- Clawd: ㉢ 빈칸을 밟아 10√2π
- 효과: 부채꼴 BOD 채움, 반지름 12√2·150° 표시, 칠판 호 BCD = 2π × 12√2 × 150/360 = 10√2π
- 학습 포인트: 호의 길이 = 2πr × 중심각/360°
| 자막 시작 | 끝 | 자막 (강조) |
|---|---|---|
| 24.75 | 25.65 | 부채꼴의 호 |
| 25.7 | 28.55 | 호 BCD = 10√2π |
| Clawd 동작 | 시작 | 끝 | 도착 x,y | 높이 |
|---|---|---|---|---|
| jump | 26.8 | 27.25 | 1424, 396 | 170 |
| jump | 27.65 | 27.95 | 1650, 880 | 80 |
7. 정답 (28.6–33.75s)
- 카메라: 아이리스 전환
- Clawd: 만세하며 통통
- 효과: 정답 카드 ③·최종 식(10√2π 동그라미)·색종이
- 학습 포인트: 정답 ③ 10√2π
| 자막 시작 | 끝 | 자막 (강조) |
|---|---|---|
| 29.750000000000004 | 33.85 | 정답 ③ 10√2π |
| 카메라 키 t | x | y | 줌 | 이징 |
|---|---|---|---|---|
| 28.6 | 3560 | 540 | 1 | lin |
| 29.05 | 3560 | 540 | 1 | lin |
| 29.05 | 6160 | 540 | 1.12 | 컷 |
- 빈칸 채우기(밟기/쓰기) 14.9, 23.6, 27.25s
node tools/render/render.mjs --page archive/arc-length-bcd/v3/src/index.html --out out/arc-length-bcd/v3.mp4 --crf 35
