اقطع المنحنى

# قطع المنحنى — فهرس التقنيات

خمس تقنيات SEAM، مبدأ واحد: **اقطع عند ذروة السرعة، وطابق الاتجاه والسرعة على جانبي القطع** — بالإضافة إلى التقنيتين داخل المشهد (الوصول في §6، الانزلاقات في §7). قانون SEAM — قانون المتجهات، التيار، الدفتر، بوابة Seam — موجود في `motion-doctrine`؛ اقرأه أولا. هذه المهارة هي المعلمات والميكانيكا. جميع قوالب كود GSAP (العامل + السجل): `examples/gsap-implementation.md`.

## الفهرس

| # | التقنية | النطاق | المحور | تستخدم ل | | --- | -------------------------- | ------------------------------ | ------------------- | ------------------------------------------------------ | | 1 | **Zoom-Through** (للأمام) | تبديل النص داخل المشهد | Z، نحو المشاهد | التقدم بعمق أكبر في نفس الفكرة | | 2 | **Inverse Zoom-Through** | وصول / إيقاع المكافأة | Z، بعيدا عن المشاهد | شيء أكبر يهبط | | 3 | **Cut the Curve** | بين المشاهد | X / Y | الحدود الافتراضية، تيار الفيلم | | 4 | **Waterfall Cut** | وصلة نص إلى نص | X، لكل كلمة | تسليم على مستوى الكلمة بين إيقاعات النص الكبير | | 5 | **Rack-Focus Blur-Cut** | تبديل الحالة على نفس السطح | X / Y / Z | القطع الوحيد الذي تريد أن يرى — لمسة تركيز DSLR | | 6 | **Waterfall Entry** | وصول داخل المشهد (بدون وصلة) | Y، من الأسفل | بطاقات العناوين، فواتح المقاطع، مقدمات القوائم | | 7 | **Nudge Curve** | انزلاق مجموعة داخل المشهد (بدون وصلة) | X / Y | إعادة وضع مجموعة مركبة لإفساح المجال |

## اتجاه Z هو إشارة

"نفس المحور" ليس كافيا على Z — يجب أن تتطابق إشارة d(scale)/dt عبر القطع:

| متجه Z | مقياس الخروج | مقياس الدخول | المتغير | | -------------- | ------------------- | -------------------- | -------------------- | | دفع (للأمام) | نمو `1 → 1.2` | نمو `0.75 → 1` | zoom-through | | سحب (للخلف) | انكماش `1 → 0.8` | انكماش `1.25 → 1` | inverse zoom-through |

المرايا المحظورة: خروج متراجع يتبعه دخول ينمو من صغير (السحب ينقلب إلى دفع — وهو الشائع، لأن النمو من صغير هو الدخول الافتراضي للعنصر)، وخروج دفع يتبعه تراجع مبالغ فيه. هذا يربط مداخل المشهد القادم الخاصة به خلال نافذة الوصلة (القطع + ~0.5 ثانية)، وليس فقط التدوير المغلف: احتفظ بالإطار القادم مركبا، أو صمم دخوله ليتناسب مع الإشارة. تحقق لكل قاعدة بوابة Seam رقم 7.

## منطق التمويه (جميع متغيرات Z)

| الموضوع | ذروة التمويه | لماذا | | --------------------------------------------- | ----------- | -------------------------------------------------------------- | | مقياس النص (عنوان، مجموعة كلمات) | **10px** | 20px يلطخ أشكال الحروف — يقرأ القطع كخلل، وليس سرعة | | سطح كامل الإطار (نافذة، بطاقة، لقطة شاشة) | **18–20px** | التمويه الأخف على سطح كبير يقرأ كخلل في العرض |

نفس ذروة التمويه على كلا الجانبين عند إطار التبديل. قم بتمويه WRAPPER، وليس العناصر الفرعية أبدا.

---

## 1. Zoom-Through (للأمام)

قطع متطابق السرعة على محور Z؛ **لا يظهر النصان معا أبدا.** كل شيء ينمو: النص الخارج يتسارع نحو الكاميرا، تبديل حاد يختفي عند ذروة التمويه، النص الداخل يستمر في النمو إلى مستوى التركيز. العناوين والعبارات القصيرة فقط. الإجمالي ≈ 0.4 ثانية.

| المرحلة | المقياس | التمويه | الشفافية | التسهيل | المدة | | -------------- | -------- | -------- | ----------------- | ------------------------------------------ | -------- | | الخروج | 1 → 1.2 | 0 → 10px | 1 → 0.15 | power3.in (الشفافية: تدوير `none` منفصل) | 0.2s | | القطع (`tl.set`) | الدخول: 0.75 | 10px | الخروج: 0 / الدخول: 0.15 | — | — | | الدخول | 0.75 → 1 | 10 → 0px | 0.15 → 1 | expo.out | 0.5s |

يجب أن تكون شفافية الخروج تدويرا خطيا خاصا بها — `power3.in` يحافظ على الشفافية قريبة من 1 لفترة طويلة جدا. عند الدخول، تشترك جميع الخصائص في `expo.out`.

## 2. Inverse Zoom-Through (للخلف)

مرآة السحب للخلف: العنصر الخارج يتراجع؛ العنصر الداخل يصل بحجم مبالغ فيه (كما لو كان خلف الكاميرا مباشرة) وينكمش إلى مستوى التركيز. كل شيء ينكمش. استخدمه في إيقاعات الوصول/المكافأة — سطر مكافأة، رد عملاق، حالة نهائية ثابتة — وليس الحدود العادية أبدا. الإجمالي ≈ 0.7 ثانية (30% خروج / 70% دخول).

| المرحلة | المقياس | التمويه | الشفافية | التسهيل | المدة | | -------------- | -------- | -------- | ----------------- | ------------------------------------------ | -------- | | الخروج | 1 → 0.8 | 0 → 10px | 1 → 0.15 | power3.in (الشفافية: