mf-motion-designlisted

# mf-motion-design · נקי, רך, יקר סרט דוגמה: `../motion-forge/studio/gallery/03_motion-design.html`. כלים: `FX.mesh`, `GL.presets.meshGradient`, `spring`, `FX.shadow`, `CAM.parallax`. ## השפה - **הכל על springs.** אין easing עם "קצוות". `springAt(t, t0, from, to, { k: 170, c: 22 })` לכל תזוזה, `SPRING.gentle` לגדולים. - **רקע חי ורך.** mesh gradient עם 4 עד 6 נקודות צבע שזזות לאט במסלולים סגורים (מחזור של 6 עד 12 שניות). `FX.mesh` זול ומדויק; `GL.presets.meshGradient` חלק יותר כשצריך מסך מלא ב-4K. - **זכוכית.** כרטיס = מלבן מעוגל (רדיוס 28 עד 48), מילוי לבן ב-8 עד 14 אחוז, קו מתאר לבן ב-18 אחוז, טשטוש של הרקע שמאחוריו (`FX.blur` על חתך הרקע, מצויר עם clip לצורת הכרטיס), וצל רך גדול (blur 60, שקיפות 25 אחוז, מוזז למטה). - **עומק בשלוש שכבות.** רקע (גרדיאנט) · אמצע (כרטיסים) · חזית (אלמנט אחד בפוקוס). parallax עדין בזמן תנועת מצלמה. - **טיפוגרפיה שקטה.** Inter או Heebo במשקל 600 ל-700, tracking שלילי קטן (‎-0.02em) בכותרות גדולות, הרבה אוויר. - **מספר פריטים קטן.** 1 עד 3 רעיונות בסרט. כל רעיון מקבל מסך משלו ורגע נשימה. ## חשיפות שעובדות | חשיפה | איך | |---|---| | Blur-to-sharp | `T.fx.blurIn` או `FX.blur` שיורד מ-24 ל-0 יחד עם scale 1.08 → 1 | | Bento מתחבר | כרטיסים נכנסים מכיוונים שונים עם stagger של 70ms, springs, ונועלים לגריד | | מוצר מסתובב | `CAM.extrude` לעומק + סיבוב Y מדומה (scaleX = cos) + highlight שנודד (`FX.lightSweep`) | | זום לתוך כרטיס | הכרטיס גדל למסך מלא (spring), התוכן שלו הופך לסצנה הבאה | | קו אור | קו דק של גרדיאנט רץ לאורך קצה הכרטיס (`P.trim`