질문으로 호기심을 열고 핵심어, 학습 경로, 이해할 개념을 5초 안에 보여 준다Open with a question, then reveal the key phrase, learning path, and concept to understand within five seconds.
16:9 교육·설명 영상의 첫 5초 훅을 만든다. 질문은 AI는 왜 다음 말을 고를까?, 목표는 예측의 원리, 경로는 입력 → 후보 확률 → 선택이다. 0.12초 질문 두 줄을 0.7초, 시간차 0.22초로 공개한다. 1.25초 다음 말을 1.04배와 주홍으로 0.5초 강조하고 1.85~2.15초에 원상복구한다. 2.15초부터 경로 세 단계를 0.45초, 시간차 0.2초로 올린다. 3.05초 목표를 보이고 3.3~4초 밑줄을 그린 뒤 5초까지 유지한다. 질문과 목표는 본편 주제로 바꿔 쓴다.
Create a 16:9 five-second educational opening hook. Ask Why does AI predict the next word?, promise an understanding of prediction, and show Input → Probabilities → Selection. Reveal two question lines at 0.12s with a 0.7s duration and 0.22s stagger. Emphasize next word at 1.25s with scale 1.04 and vermilion for 0.5s, then reset from 1.85s to 2.15s. Reveal the three learning steps at 2.15s with a 0.45s duration and 0.2s stagger. Show the goal at 3.05s, draw its underline from 3.3s to 4s, and hold until 5s. Replace the question and goal with the actual lesson topic.
recipes/edu-hook/index.html의 공용 무대와 paused GSAP 타임라인으로 1280x720, 5초 레시피를 구현한다. mask-reveal 0.12초, word-emphasis 1.25초, stagger 2.15초, underline-draw 3.3초 순서다. 질문, 학습 경로, 목표는 국문과 영문을 함께 표시한다. 임의 시간 seek가 가능해야 하며 0.5초, 1.7초, 2.8초, 4.7초에서 질문 공개, 강조, 경로, 마지막 홀드를 확인한다. node scripts/render.mjs recipes/edu-hook --jobs 1로 렌더한다.
Implement a 1280x720 five-second recipe in recipes/edu-hook/index.html using the shared stage and one paused GSAP timeline. Apply mask-reveal at 0.12s, word-emphasis at 1.25s, stagger at 2.15s, and underline-draw at 3.3s. Display the question, learning path, and goal in Korean and English. Support arbitrary seeking. Check the question reveal at 0.5s, emphasis at 1.7s, learning path at 2.8s, and final hold at 4.7s. Render with node scripts/render.mjs recipes/edu-hook --jobs 1.