Motion DevTools

أدوات تطوير الحركة: تفحص وتعدل وتصدر الرسوم المتحركة بتقنية CSS

أدوات تطوير الحركة، التي طورتها شركة Motion One، هي إضافة للمتصفح متاحة على Chrome. هذه الأداة المجانية تندرج تحت فئة المتصفحات وتحديداً فئة الإضافات والأدوات. تتيح أدوات تطوير الحركة للمستخدمين تفحص وتحرير وتصدير الرسوم المتحركة التي تم إنشاؤها باستخدام CSS و Motion One.

باستخدام أدوات تطوير الحركة، يمكن للمستخدمين بسهولة تفحص الرسوم المتحركة عن طريق الضغط على زر التسجيل والتفاعل مع الصفحة. تكتشف الإضافة الرسوم المتحركة باستخدام CSS و Motion One وترسمها على واجهة الجدول الزمني الكلاسيكية. يمكن للمستخدمين بعد ذلك استخدام عناصر التحكم في التشغيل للتمرير وإعادة تشغيل الرسوم المتحركة من أي نقطة.

بالإضافة إلى التفتيش، توفر أدوات تطوير الحركة أيضًا إمكانيات التحرير. يمكن للمستخدمين إضافة ونقل وإزالة الإطارات الرئيسية، وكذلك تحرير القيم والتسهيل باستخدام عناصر التحكم المخصصة. يتم عكس جميع التعديلات التي تم إجراؤها في الوقت الحقيقي على الصفحة.

بمجرد أن يتم تحسين الرسوم المتحركة، يمكن للمستخدمين النقر على زر التصدير لتوليد الكود على الفور. تتيح أدوات تطوير الحركة للمستخدمين تصدير الرسوم المتحركة إلى تحولات CSS أو رسوم متحركة CSS أو Motion One.

بشكل عام، أدوات تطوير الحركة هي إضافة قوية للمطورين والمصممين العاملين مع الرسوم المتحركة CSS. واجهتها البديهية وقدرات التحرير في الوقت الحقيقي تجعلها أداة قيمة لإنشاء وضبط الرسوم المتحركة.