المقدمة
تتطلب معاينة الرسوم المتحركة للألعاب ثنائية الأبعاد عادةً فتح محرر ثقيل أو إعداد بيئة ترميز محلية باستخدام حزم SDK محددة لوقت التشغيل. يحل سباين فيور عبر الإنترنت هذه المشكلة من خلال توفير صندوق حماية فوري قائم على الويب حيث يمكنك تحميل عمليات التصدير الهيكلية والتحقق من الرسوم المتحركة الخاصة بها.
الميزة الرئيسية لمشغل الويب الحديث هي الكفاءة. يمكن لرسامي الرسوم المتحركة والمطورين ومصممي الألعاب التحقق من حدود الأطلس وتكوينات المظهر وانتقالات المقاطع دون مغادرة المتصفح أو تثبيت مشغلات وقت التشغيل.
يشرح هذا الدليل كيفية استيراد هياكل سباين، وإدارة توافق الإصدار، وتكوين خيارات التشغيل، واستخدام الأدوات الموجودة على الجهاز لمراجعة المقاطع وتصديرها مباشرةً من متصفحك.
ما يدعمه عارض الرسوم المتحركة سباين الذي يعمل على الويب أولاً
يجب أن يتعامل سباين viewer من فئة الإنتاج مع عمليات التصدير متعددة الإصدارات لأن المشاريع تستخدم إصدارات مختلفة من محرر سباين. يضمن العارض الذي يدعم أوقات التشغيل من 3.6 إلى 4.3 التوافق عبر أصول اللعبة القديمة والحالية.
كما يحتاج أيضًا إلى الاستمرار في العرض المحلي. تضمن معالجة الملفات داخل متصفح العميل معاينات فورية لأوراق النسيج الكبيرة وتحافظ على سرية أصول اللعبة الخاصة.
- محددات إصدار وقت التشغيل سباين تغطي 3.6 و3.7 و3.8 و4.0 و4.1 و4.2 و4.3.
- محلل هيكلي جيسون وbinary (.skel) مع المطابقة التلقائية لإحداثيات الأطلس.
- العرض المحلي المتسارع بواسطة WebGL باستخدام عناصر اللوحة للحصول على معدلات إطارات سلسة.
كيفية معاينة ملفات الهيكل العظمي والأطلس سباين عبر الإنترنت
أولاً، قم بتجميع أصول التصدير سباين، والتي تشتمل عادةً على ملف .json أو binary .skel هيكلي، وملف نصي .atlas، وواحدة أو أكثر من أوراق بي إن جي للنسيج. اختر سلسلة وقت التشغيل الصحيحة التي تطابق إصدار التصدير الخاص بك في العارض.
قم بسحب وإسقاط الملفات معًا في سطح الأداة. يقوم المُحمل من جانب العميل بتعيين أوراق نسيج الأطلس لمسارات المنطقة ويعرض الهيكل العظمي في اللوحة القماشية النشطة. من هناك، يمكنك تحديد الرسوم المتحركة، والتنقل بين الأسطح، والتكبير/التصغير أو التحريك لفحص التفاصيل.
- حدد إصدار التصدير سباين (على سبيل المثال 4.0 أو 4.2).
- اسحب ملف جيسون أو binary .skel الهيكلي ونص الأطلس وملفات بي إن جي إلى منطقة التحميل.
- حدد الرسوم المتحركة النشطة من القائمة المنسدلة وقم بتبديل الأسطح.
- اضبط خلفية اللوحة القماشية، ومزلقات السرعة، وإحداثيات pan/zoom.
تصحيح أخطاء الهياكل العظمية وإعدادات العرض
يعد التحقق من موضع العظام وتشوه الشبكة والأشكال الحدودية أمرًا ضروريًا قبل تسليم المحرك. يؤدي تبديل علامات تصحيح الأخطاء إلى جعل هذه الخطوط المساعدة غير المرئية مرئية أعلى كائن الحرف.
يساعد هذا المصممين على التحقق مما إذا كانت مسارات القطع أو الهياكل الشبكية أو قيود المسار تتصرف كما هو متوقع أثناء الحركة، مما يقلل من الأخطاء المرئية التي قد تعطل تنفيذ اللعبة.
- العظام والمفاصل تراكب التصور.
- فحص الهياكل الشبكية وحدود المنطقة.
- مسارات القطع وقيود المسار التي تقوم بتصحيح الأخطاء.
إنشاء جداول زمنية للرسوم المتحركة ومزج المسارات وتصدير مقاطع سباين
يعد إنشاء جدول زمني مخصص للرسوم المتحركة أمرًا ضروريًا لمصممي الألعاب لمعاينة كيفية انتقال الرسوم المتحركة المتعددة أو تسلسلها معًا (على سبيل المثال، مزج حلقة "جارية" في تسلسل "هجومي"). يوفر ToolBuddy's سباين فيور مدير تسلسل زمني مرئي حيث يمكنك وضع العديد من مقاطع الرسوم المتحركة في قائمة الانتظار على مسارات مختلفة، وضبط التلاشي المتداخل للمزج في الوقت الفعلي، والتحقق من انتقالات الحالة قبل تكامل الإنتاج.
بالنسبة للشخصيات المعقدة، يستخدم رسامو الرسوم المتحركة المزج متعدد المسارات لطبقة الحركات المتزامنة - مثل التشغيل على المسار 0، وتوجيه السلاح على المسار 1، والوميض على المسار 2. ويضمن الضبط الدقيق لمدة مزيج التلاشي المتقاطع (المحددة بالثواني) مباشرةً في مشغل الويب عدم وجود أي قص مرئي أو ظهور غريب قبل استيراد الأصول إلى محركات اللعبة.
عند مشاركة المعاينات أو المواد التسويقية، يعد تصدير هذه المخططات الزمنية المخصصة كملفات GIF خفيفة الوزن أو مقاطع فيديو WebM أمرًا عمليًا للغاية. تلتقط أداة التسجيل المحلية إطارات المخطط الزمني النشطة مباشرةً من لوحة WebGL، وتجميعها إطارًا تلو الآخر على جهازك. يؤدي ذلك إلى الحفاظ على خصوصية الأعمال الفنية المملوكة بنسبة 100%، والتخلص من زمن الوصول للتحميل، والسماح بتكوين إعدادات الخلفية الشفافة.
- تسلسل متعدد المسارات (المسار 0 للنص الأساسي، المسار 1 لإجراءات التراكب، المسار 2 للتعبيرات).
- التحكم في مزج مزيج التلاشي المتداخل في الوقت الحقيقي للتحقق من التحولات السلسة.
- حالة الاستخدام: مشاركة صفحة تدقيق ضمان الجودة ومراجعة العميل دون تصدير إصدارات كبيرة من الألعاب.
- التقاط إطار قماش WebGL على الجهاز لتصدير صور GIF شفافة أو فيديو WebM عالي الدقة.
توصيل سباين فيور بخط أنابيب الأصول الخاص بك
غالبًا ما تكون معاينة الرسوم المتحركة خطوة واحدة فقط في إعداد الأصول. إذا كانت الكائنات كبيرة جدًا، فقد تحتاج إلى ضبطها في Texture Packer أولاً. إذا كانت الملفات بحاجة إلى تغيير حجمها، فيمكن أن يساعدك برنامج Image Resizer. يعمل العارض بشكل أفضل كجسر للتحقق بين التصدير وبناء اللعبة.
يساعد ربط هذه الخطوات الفرق في الحفاظ على تدفق أصول نظيف، مما يضمن أن كل رسم متحرك يتصرف بشكل صحيح قبل استيراده إلى Unity أو Phaser أو Cocos.