كيفية تخطيط ورقة سبرايت قابلة لإعادة الاستخدام لعدة حالات تحريك للحيوانات الأليفة

قم بإدراج الحالات المطلوبة للحيوان الأليف قبل اختيار أبعاد الورقة. قد تتضمن المجموعة الصغيرة وضع الخمول (idle)، والحركة، ورد فعل موجز؛ وتعتمد القائمة الدقيقة على المشروع. لكل حالة، حدد ما إذا كانت تتكرر في حلقة (loops)، أو تعمل مرة واحدة، أو تنعكس في النهاية. حدد الإطار الأول والأخير وقدّر عدد الوضعيات المميزة التي تحتاجها الحركة. هذا وسيلة مساعدة في التخطيط، وليس صيغة تحريك مفروضة.

في Aseprite، يمكن لعلامات الإطارات (tags) تمييز النطاقات كرسوم متحركة مسماة، ويمكن لكل علامة تحديد التشغيل للأمام أو للخلف أو بنمط بينغ بونغ (ping-pong). إن تسمية النطاقات ووضع علامات عليها أثناء التخطيط يجعل حدود الحالات مرئية في الملف المصدري، حتى لو قمت بتصديرها معاً لاحقاً. Aseprite: Tags

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

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

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

لا يوجد اصطلاح عالمي لترتيب الصفوف. ترتيب أداة الاستيراد المتوقع هو الأهم: تذكر وثائق Aseprite أن نوع الورقة يؤثر على الترتيب الذي تُؤخذ به الإطارات عند الاستيراد، ويدعم تصديره التخطيطات الأفقية والعمودية والمصفوفية. اختر ترتيباً يمكن لمحرك الهدف تفسيره، ثم سجله في ملاحظات المشروع أو البيانات الوصفية. Aseprite: Sprite sheets

تعامل مع ورقة السبرايت كصورة تسليم، وليست المصدر الوحيد القابل للتعديل. احتفظ بالمشروع الأصلي بطبقاته وإطاراته وعلاماته وشرائحه حتى تتمكن من تغيير حالة فردية دون إعادة بنائها من التصدير المسطح. يوضح برنامج Aseprite أن ملفه .aseprite يحفظ معلومات مثل الطبقات والإطارات والعلامات والشرائح؛ ويعد تصدير PNG مفيداً لاستخدام العمل الفني في مكان آخر. Aseprite: Files

أضف بيانات وصفية إذا كانت بيئة التشغيل بحاجة إلى تحديد موقع الإطارات أو قراءة التوقيت وأسماء الحالات. تتضمن خيارات التصدير في Aseprite بيانات JSON، وعناصر التحكم في الحشو، والتشذيب، واختيار العلامات. عند استخدام تخطيط مضغوط (packed) أو اقتصاصات متغيرة الحجم، احتفظ بتلك البيانات الوصفية مع الصورة: لا يمكن استنتاج إحداثيات البكسل بأمان من الصف والعمود وحدهما. يمكن لشرائح Aseprite أيضاً تخزين حدود مسماة ومحور ارتكاز، ويمكن تضمين معلومات الشرائح في ملف JSON لورقة السبرايت. Aseprite: ExportSpriteSheet، Aseprite: Slices

يصف الحشو (Padding) المساحة الفارغة بين الإطارات أو حول الورقة؛ ويعتمد مقداره الصحيح على أداة الاستيراد وكيفية أخذ عينات من الملمس (texture). حافظ على الفصل بين الخلايا إذا كان سير العمل المستهدف يتطلب فجوات مرئية أو إذا كنت ترغب في فحص الحدود بسهولة. إذا كانت الإطارات متلامسة، فتأكد من أن أداة الاستيراد لا تزال قادرة على تقطيعها بشكل موثوق. يعرض Aseprite خيارات الحشو للحدود، والشكل، والحشو الداخلي كإعدادات تصدير متميزة، لذا تحقق من معنى كل إعداد في الأداة بدلاً من التعامل مع "الحشو" كخيار عالمي واحد. Aseprite: ExportSpriteSheet

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

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

استخدم هذا الفحص الموجز قبل تسليم الورقة إلى الخطوة التالية:

• كل حالة لها اسم واضح ونطاق إطارات محدد.

• تطابق أبعاد الشبكة وأبعاد الإطار وترتيب القراءة مع أداة الاستيراد.

• بقاء الحيوان الأليف محاذياً لنفس نقطة الارتكاز عبر مختلف الوضعيات.

• لا يتسبب الاقتصاص والحشو في قطع التفاصيل أو خلط الخلايا المجاورة.

• ترافق البيانات الوصفية المصدرة، إذا تم استخدامها، الصورة الصحيحة وتصف التخطيط الحالي.

• بقاء المصدر القابل للتعديل متاحاً للمراجعات اللاحقة.

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

إن خيار التخطيط الأساسي هو العقد بين العمل الفني وأداة الاستيراد: تحتاج الشبكة المنتظمة إلى خلايا متسقة وترتيب معروف؛ بينما تحتاج الورقة المعبأة أو المشذبة إلى بيانات وصفية موثوقة ومعلومات موضع محفوظة. اجعل هذا العقد صريحاً، ويمكن أن تظل حركة المصدر نفسها منظمة بينما يتغير تخطيطها المصدر ليناسب المشروع.

• Sprite sheets — Aseprite Docs

• Tags — Aseprite Docs

• Files — Aseprite Docs

• ExportSpriteSheet — Aseprite API

• Slices — Aseprite Docs