معظم أدوات تحويل الفيديو إلى ورقة سبرايت تلتقط الإطارات على فترات ثابتة وتتوقف عند ذلك. هذا يكفي لتأثير يُعرض مرة واحدة. أما مع دورة مشي فستحصل على ورقة تتقطع عند نقطة التكرار، وهالة خضراء حول كل حدّ، وشخصية ترتجف لأن كل إطار قُصّ وحده. هذه الأداة تعالج المشكلات الثلاث نيابة عنك: تجد دورة الحركة، وتزيل الخلفية مع إزالة انسكاب اللون عن الحواف، وتقص كل الإطارات بصندوق واحد مشترك.
طريقة استخدام تحويل الفيديو إلى ورقة سبرايت
- أفلت ملف MP4 أو WebM أو MOV. الشخصية المصوّرة أو المرسومة أمام خلفية خضراء أو أرجوانية أو زرقاء أو بيضاء موحّدة تعطي أنظف نتيجة. ملفات WebM ذات قناة ألفا تحتفظ بشفافيتها في Chrome وEdge.
- حدّد بداية الجزء الذي تريده ونهايته (حتى 30 ثانية) وحجم الالتقاط، ثم اضغط استخراج الإطارات. يُشغَّل المقطع مرة واحدة بينما يُلتقط كل إطار مفكوك الترميز.
- إذا كانت الحركة تتكرر، تجد الأداة دورة كاملة واحدة وتحددها. اختر عدد الإطارات في الورقة؛ ستُوزَّع بالتساوي على الدورة، ويُستبعد الإطار الختامي كي لا تتقطع الحلقة.
- راجع مفتاح الخلفية. الوضع التلقائي يقرأ لون الخلفية من حدود الإطار. إن أخطأ، انقر على الخلفية في إطار المصدر. اضبط التسامح ونعومة الحواف وإزالة الانسكاب والتقليص بمقدار 1px بينما تتحدث النتيجة مباشرة.
- حدّد أقصى حجم للإطار، وفعّل التحويل إلى بكسل إن أردت حوافًا حادّة ولوحة ألوان واحدة مشتركة لكل الإطارات.
- صدّر ورقة PNG مع بيانات Aseprite أو Phaser/TexturePacker أو Godot أو CSS، أو صورة GIF متحركة، أو ملف ZIP يضم كل ذلك مع الإطارات المنفردة.
ما الذي تحصل عليه
- ورقة سبرايت PNG بخلفية شفافة، مرتبة في شبكة (أعمدة تلقائية أو ثابتة، مع حشوة اختيارية).
- بيانات الإطارات بصيغة Aseprite JSON، أو Phaser/TexturePacker JSON (hash أو array)، أو ملف Godot 4 SpriteFrames
.tres، أو فئات CSS للسبرايت مع حركة keyframes متدرجة، أو إعدادات تقطيع Unity. - صورة GIF متحركة بأي مقياس صحيح، شفافة أو على خلفية سوداء/بيضاء.
- ملف ZIP يضم الورقة وGIF وكل صيغ البيانات وكل إطار كملف PNG مستقل.
المحركات المتوافقة
- Godot 4: ضع ملف PNG وملف
.tresفي المجلد نفسه، ثم أسند SpriteFrames إلى AnimatedSprite2D. إن كان ملف PNG في مكان آخر، عدّل مسارres://في السطر الأول. - Unity: استورد ملف PNG كـ Sprite (Multiple)، واضبط Filter Mode على Point، ثم قطّع باستخدام Grid By Cell Size بالأرقام الموجودة في ملف إعدادات Unity.
- Phaser 3 وPixiJS: حمّل ملف PNG مع TexturePacker JSON (hash) كأطلس. يسرد ملف JSON أيضًا أسماء إطارات الحركة بالترتيب.
- GameMaker وDefold وConstruct وRPG Maker: استورد ملف PNG كشريط أو شبكة بحجم الإطار المعروض أسفل إعدادات التصدير.
نصائح من تجربتنا في صنع الألعاب بها
- صوّر أو اعرض أمام لون غير موجود في الشخصية. الأرجواني هو الأكثر أمانًا للأبطال بالملابس الخضراء، والأخضر لأي شيء أحمر أو وردي.
- اترك هامشًا حول الشخصية. إذا خرج أحد الأطراف من الإطار، فلن يستطيع القص المشترك إعادته.
- لدورات المشي والجري، 8 إطارات بسرعة 10–12 إطارًا/ث تبدو جيدة بحجم 32–64 px. يمكن لحركات الوقوف أن تستخدم 4–6 إطارات تُشغَّل بنمط Ping-pong؛ عاين التوقيت في أداة تحويل ورقة السبرايت إلى GIF.
- إذا بقيت الحدود مصبوغة بعد إزالة الخلفية، ارفع نعومة الحواف قليلًا وأبقِ إزالة الانسكاب مفعّلة. فعّل التقليص بمقدار 1px فقط عندما تبقى حلقة ملونة.
- حوّل إلى بكسل بالحجم النهائي داخل اللعبة. تصغير إطار 512 px إلى 48 px بلوحة ألوان واحدة مشتركة يبدو أفضل بكثير من تحجيم ورقة محوّلة إلى بكسل مسبقًا.
حالات الاستخدام
- تحويل لقطات مرجعية مرسومة بتقنية الروتوسكوب إلى حركة مؤقتة لنموذج أولي.
- استخراج دورة متكررة من مقطع مولَّد بالذكاء الاصطناعي لشخصيتك أمام شاشة خضراء.
- تحويل عرض من Blender أو Spine إلى ورقة سبرايت دون إعداد مسار عرض كامل.
- إدخال تأثيرات مرسومة كفيديو (دخان، سحر، ماء) إلى اللعبة على شكل ورقة سبرايت.
الأسئلة الشائعة
هل يُرفع الفيديو الخاص بي إلى أي مكان؟
لا. يقرأ متصفحك الملف وتُعالج الإطارات على جهازك. لا يُرسل أي شيء إلى خادم، وتواصل الأداة العمل حتى لو انقطع اتصالك بالإنترنت بعد تحميل الصفحة.
ما صيغ الفيديو المدعومة؟
أي صيغة يستطيع متصفحك تشغيلها: MP4 (H.264) وWebM (VP8/VP9/AV1) وMOV في معظم الحالات. ملفات .mov بترميز HEVC/H.265 من أجهزة iPhone لا تُفك إلا في Safari وبعض إصدارات Chrome. إن لم يُفتح الملف، حوّله أولًا إلى MP4 بترميز H.264.
كيف يعمل اكتشاف الحلقة؟
يُختزل كل إطار ملتقط إلى صورة ظلية صغيرة للعنصر. ثم تقيس الأداة مدى تشابه كل إطار مع الإطار الذي يليه بـ N خطوة لكل قيمة ممكنة لـ N، وتجد الدورة التي تتكرر فيها الحركة، وتختار الدورة التي يتطابق إطارها الأول والأخير أكثر من غيرها. إن لم تكن أي إزاحة أفضل بوضوح من البقية، تتعامل مع المقطع كحركة تُؤدّى مرة واحدة وتستخدم النطاق كله.
هل يمكنها الاحتفاظ بخلفية شفافة من الفيديو؟
نعم، في Chrome وEdge اللذين يفكان قناة ألفا في ملفات WebM بترميز VP8/VP9. اختر إبقاء ضمن الخلفية حتى لا يُزال أي شيء آخر. المتصفحات الأخرى تعرض هذه المقاطع على خلفية سوداء، لذا أزل الخلفية بالمفتاح بدلًا من ذلك.
كم عدد الإطارات التي يمكنها التعامل معه؟
حتى 30 ثانية في كل عملية التقاط. تُخزَّن الإطارات في الذاكرة بحجم الالتقاط الذي تختاره، وتحدّ الأداة الإجمالي بنحو 350 MB، لذا تتوقف المقاطع الطويلة بأحجام الالتقاط الكبيرة مبكرًا. للسبرايت، يكفي حجم التقاط 256–512 px تمامًا.
لماذا تبدو إطاراتي ضبابية عندما أختار حجمًا صغيرًا؟
تصغير إطار الفيديو يأخذ متوسط البكسلات، ما يُنعّم الحواف. فعّل التحويل إلى بكسل لتثبيت النتيجة على شفافية حادّة ولوحة ألوان مشتركة، فتحصل على حواف فن بكسل واضحة بالحجم النهائي.
هل يمكنني الحصول على ورقة سبرايت دون تصوير أي شيء؟
نعم. مولّد الذكاء الاصطناعي في هذا الموقع يرسم شخصيتك ويحرّكها من مكتبة حركات، ثم يصدّرها بنفس صيغ هذه الأداة.