لماذا الرسوم المتحركة الربيعية أفضل من التحولات المكعبة بيزير؟
إجابة مختصرة
تعتبر النوابض أفضل لواجهة المستخدم التفاعلية لأنها يمكن أن تبدأ من السرعة الحالية للعنصر وموضعه، لذلك تستمر الرسوم المتحركة المتقطعة والإيماءات المحررة بسلاسة. كما أنها تشعر بأنها طبيعية مع إعدادات قليلة. لا تزال منحنيات بيزييه المكعبة جيدة وأبسط بالنسبة للتلاشي وتغيير اللون والحركة التي لا تنقطع أبدًا.
الوجبات الجاهزة الأساسية
منحنى مكعب بيزير له مدة وشكل محددين
يتم تعريف الزنبرك بالصلابة والتخميد والكتلة، ويستقر عندما تقول الفيزياء ذلك
تحمل النوابض السرعة، لذا تظل المقاطعات والإيماءات سلسة
تعتبر Beziers أبسط وتعمل بشكل جيد مع التلاشي والانتقالات غير التفاعلية
العديد من المنصات الحديثة، بما في ذلك SwiftUI، تستخدم النوابض بشكل افتراضي
يصف التخفيف المكعب بيزييه كيفية انتقال القيمة من البداية إلى النهاية خلال فترة زمنية محددة، مثل 300 مللي ثانية مع التخفيف. يمكن التنبؤ به ودعمه في كل مكان، بما في ذلك CSS العادي.
يصف الربيع النظام المادي بدلا من ذلك. يمكنك ضبط الصلابة والتخميد والكتلة، وتتحرك القيمة نحو هدفها بنفس الطريقة التي يتحرك بها الوزن على الزنبرك، مع أو بدون تجاوز. المدة تأتي من الفيزياء.
الفرق العملي هو المقاطعة. إذا قام المستخدم بالنقر مرة أخرى أثناء فتح اللوحة، فعادةً ما تتم إعادة تشغيل الرسوم المتحركة البيزيرية من الموضع الحالي بسرعة صفر، وهو ما يبدو وكأنه عقبة. يبدأ الزنبرك من الموضع والسرعة الحاليين، وبالتالي تنحني الحركة بسلاسة نحو الهدف الجديد. وينطبق الشيء نفسه عندما يرمي المستخدم بطاقة أو ورقة بإيماءة: يستمر الزنبرك بسرعة الإصبع.
تبدو النوابض أيضًا طبيعية مع عدد أقل من القرارات: حيث يعطي إعداد واحد أو اثنين إحساسًا متسقًا عبر العناصر ذات الأحجام المختلفة.
لا يزال لدى بيزييه مكان. بالنسبة للعتامة واللون والانتقالات التي لا تنقطع أبدًا، تكون عملية التخفيف القصيرة أكثر بساطة وتعمل في CSS بدون JavaScript. تستخدم العديد من الفرق النوابض للحركة والبيزير للتلاشي.
الأسئلة المتداولة
هل يستطيع CSS القيام بالرسوم المتحركة الربيعية؟
لا تحتوي CSS على زنبرك مادي، لكن دالة التخفيف الخطية () يمكنها تقريب منحنى الزنبرك لمدة محددة. لا يحمل السرعة بين الانقطاعات.
ما هي إعدادات الربيع الجيدة لواجهة المستخدم؟
ابدأ بدون تجاوز أو تجاوز بسيط لمعظم واجهات المستخدم وارتداد بسيط للعناصر المرحة. يمكنك الضبط حسب الشعور على جهاز حقيقي.
هل الينابيع أبطأ في الجري؟
ليس بشكل ملحوظ في المكتبات الحديثة وأوقات التشغيل. التكلفة تكمن في الغالب في عرض ما يتحرك، وليس في الرياضيات الربيعية.