💡 ومضة مورف

60 FPS

الحالة: جاهز للتحويل

مرحلة الفكرة

00:00f / 01:00f

الفكرة (💡) التمهيد التحول (💥) الاستقرار (💻)

🎨 سمات التصميم والمظهر

⚙️ إعدادات محرك الأفترإفكتس

سرعة الحركة (Speed) 1x

شدة التوهج (Glow Intensity) متوسط

منحنى الحركة (Easing Curve)

كثافة جزيئات الانفجار 50

مبادئ ديزني والأفترإفكتس المطبقة:

التمهيد (Anticipation): انكماش المصباح وتجميعه للطاقة قبل الانطلاق.
المط والتقلص (Squash & Stretch): استطالة الشكل عمودياً أثناء القفز لتعزيز الإحساس بالمرونة.
التجاوز والاستقرار (Overshoot & Settle): ارتداد حواف الحاسوب بعد التحول لتسجيل هبوط فيزيائي واقعي.

انسخ كود مسار الـ GSAP لدمجه في مشاريعك الخاصة:

gsap.timeline()
  .to("#bulb", {scale: 0.8, rotate: -15})
  .to("#bulb", {scaleY: 1.3, scaleX: 0.7})
  .to("#bulb", {opacity: 0, scale: 0})
  .fromTo("#pc", 
    {opacity:0, scale:0.3},
    {opacity:1, scale:1, ease:"elastic.out"}
  );