كثيرًا ما تخزّن صور GIF البكسلات التي تغيّرت بين الإطارات فقط، لذا فإن تفريغ الإطارات بطريقة ساذجة يعطيك سبرايتات فيها ثقوب وبقايا من الإطار السابق. هذه الأداة تعيد تشغيل كل إطار بطريقة التخلص الخاصة به كما يفعل المتصفح، فيكون كل إطار في الورقة كاملًا. كما تحتفظ بتأخير كل إطار، وهذا مهم للحركات التي تثبت على وضعية لفترة.
طريقة استخدام تحويل GIF إلى ورقة سبرايت
- أفلت صورة GIF متحركة (أو جرّب النموذج). يُفك كل إطار مع تأخيره وطريقة التخلص منه.
- اختر نطاق الإطارات، واستخدم الاحتفاظ بإطار من كل N لتقليص صورة GIF طويلة إلى النصف أو الثلث. تأخذ الإطارات المحتفظ بها وقت الإطارات المتخطاة، فتبقى السرعة كما هي.
- انقر على الإطارات في الشريط لاستبعاد إطارات منفردة.
- القص حول المحتوى يقص كل الإطارات بصندوق واحد مشترك، فيبقى السبرايت في مكانه. أضف حشوة إن كان محركك يحتاج فراغًا حوله.
- إن كانت صورة GIF ذات خلفية موحدة بدلًا من الشفافية، فعّل إزالة لون الخلفية.
- اختر التوقيت الأصلي أو معدل إطارات ثابتًا، ثم صدّر الورقة وملف البيانات وصورة GIF أو ملف ZIP يضم كل شيء.
ما الذي تحصل عليه
- ورقة سبرايت PNG شفافة، في شبكة بأعمدة تلقائية أو ثابتة.
- Aseprite JSON مع مدة كل إطار من الـ GIF، إضافة إلى Phaser/TexturePacker JSON، وملف Godot 4 SpriteFrames
.tres، وسبرايتات CSS، وإعدادات تقطيع Unity. - GIF معاد ترميزه بعد تعديلاتك، بمقياس من 1× إلى 8×.
- ملف ZIP يضم كل ما سبق وكل إطار كملف PNG مستقل.
المحركات المتوافقة
- Aseprite JSON يحتفظ بمدد الإطارات غير المتساوية. أدوات الاستيراد في Godot مثل Aseprite Wizard وأدوات استيراد Aseprite في Unity تقرؤه مباشرة.
- Godot 4 .tres يستخدم سرعة ثابتة مع مدد نسبية لكل إطار، فتبقى الإطارات المثبتة مثبتة.
- Phaser 3: حمّله كأطلس مع ملف JSON بصيغة hash وابنِ الحركة من أسماء الإطارات المدرجة تحت
animations.
نصائح من تجربتنا في صنع الألعاب بها
- صور GIF المرسومة بفن البكسل والتي تحتوي على 255 لونًا أو أقل يُعاد ترميزها هنا دون فقدان، لأن الأداة تستخدم الألوان نفسها بدلًا من إعادة تكميمها.
- كثير من صور GIF المنتشرة على الإنترنت هي فن بكسل مكبّر 2× أو 3×. تكتشف الأداة ذلك وتستعيد بكسلات 1× الحقيقية، فتبقى ورقتك صغيرة وحادّة.
- تشغّل المتصفحات تأخيرات GIF الأقل من 20 ms على أنها 100 ms. تفعل الأداة الشيء نفسه، فتطابق المعاينة ما رأيته من قبل.
- للمحركات التي لا تقبل إلا معدل إطارات واحدًا، بدّل التوقيت إلى معدل إطارات ثابت وراجع المعاينة لتتأكد من أن الوضعيات المثبتة ما زالت واضحة.
حالات الاستخدام
- نقل صورة GIF من مشروع قديم أو من محرر فن بكسل لا يصدّر إلا GIF إلى محرك ألعاب.
- تحويل صورة GIF صنعتها أداة تحريك بالذكاء الاصطناعي إلى إطارات يمكنك تعديلها وتنظيفها.
- تقسيم صورة GIF إلى إطارات PNG مرقّمة لتنقيحها في Aseprite أو LibreSprite أو Photoshop.
- إنشاء حركة سبرايت بـ CSS لموقع ويب من صورة GIF موجودة.
الأسئلة الشائعة
لماذا تخرج بعض إطارات GIF ناقصة البكسلات في أدوات التحويل الأخرى؟
يمكن لصور GIF أن تخزّن الإطار على أنه المنطقة التي تغيّرت فقط، وأن تحدد ما يحدث له بعد ذلك (إبقاؤه أو مسحه أو استعادة الإطار السابق). الأدوات التي تتجاهل طريقة التخلص هذه تُنتج إطارات معطوبة. هذه الأداة تطبّقها، فيكون كل إطار كاملًا.
هل تحتفظ بتوقيت الإطارات الأصلي؟
نعم. يُقرأ تأخير كل إطار من الـ GIF ويُكتب في ملف Aseprite JSON ومورد Godot. يمكنك التبديل إلى معدل إطارات ثابت إن كان محركك يحتاج ذلك.
هل يمكنها تحويل GIF بخلفية بيضاء أو ملونة إلى خلفية شفافة؟
فعّل إزالة لون الخلفية. يزيل هذا الخيار اللون الموجود حول حدود الإطار. للخلفيات الصعبة، صدّر الورقة ومرّرها عبر أداة إزالة خلفية السبرايت.
هل هناك حد للحجم أو لعدد الإطارات؟
لا يوجد حد ثابت. كل شيء يجري في ذاكرة متصفحك، لذا تعتمد صور GIF الكبيرة جدًا (مئات الإطارات بدقة عالية) على قدرات جهازك.
هل تُرفع صورة GIF الخاصة بي؟
لا. تُفك صورة GIF على جهازك في عامل خلفية. لا يغادر أي ملف حاسوبك.
ماذا عن مقاطع MP4 أو WebM؟
هذه الأداة تقرأ ملفات GIF. للفيديو، استخدم أداة تحويل الفيديو إلى ورقة سبرايت، التي تلتقط كل إطار من أي مقطع يستطيع متصفحك تشغيله ويمكنها إزالة الشاشة الخضراء.