mf-kinetic-typelisted
Install: claude install-skill arielaizn/motion-forge-plugin
# mf-kinetic-type · טקסט שזז
סרט דוגמה: `../motion-forge/studio/gallery/02_kinetic-type.html`. כלים: `T` (text.js), `FX`, `tempo`.
## העיקרון
הטקסט הוא הדמות. כל מילה מקבלת התנהגות שמתאימה למשמעות שלה: "נפל" נופל, "גדל" גדל, "רגע" נעצר.
הקצב בא מהמוזיקה: כל מילה חשובה נוחתת על ביט (`B.beat(n)`), והמילים שביניהן זורמות בין הביטים.
## הפריסה
```js
const L = T.layout(c, 'ממשיכים לקום', { size: 150, family: 'Heebo', weight: 900, x: W/2, y: 900, align: 'center' });
T.draw(c, L, T.fx.fadeUp(t, 1.2, { dur: .5, dist: 60, stagger: .04 }), { color: '#fff' });
```
- `T.layout` מחזיר אותיות בסדר קריאה. בעברית הן מונחות מימין לשמאל; ספרות ומילים באנגלית בתוך השורה נשארות LTR.
- מדוד פעם אחת לכל מחרוזת ושמור (`setup` או מטמון לפי מחרוזת). `T.layout` בכל פריים זה בסדר לטקסט קצר.
- `T.fit` מוצא גודל שנכנס ברוחב נתון. כותרת ב-9:16 רחבה עד 900px.
## ארגז הכלים
| אפקט | מתי | פונקציה |
|---|---|---|
| עלייה מלמטה אות-אות | ברירת מחדל לכל משפט | `T.fx.fadeUp` |
| קפיצת scale עם overshoot | מילת מפתח, מספר | `T.fx.scaleIn` |
| חשיפה מאחורי מסכה, שורה-שורה | כותרות, ציטוטים | `T.maskReveal` |
| Scramble / פענוח | טכנולוגיה, סודות, האקר | `T.fx.scramble` |
| חותמת (scale 3 → 1 + רעידה) | פאנץ', "לא!" | `T.fx.stampIn` + `CAM.shake` |
| התכנסות מריווח רחב | יוקרה, אופנה | `T.fx.trackIn` |
| מכונת כתיבה עם סמן | שיחה, קוד, הודעה | `T.fx.typewriter` |
| גל | כיף, מוזיקה | `T.fx.wave` |
| מרקר מאחורי מילה | הדגשה | `T.highlight` (מצויר לפני הטקסט) |
| מונה | מספרים, תוצאות | `T.counter` + `A.count`