مولد سبرايت شيت

كيفية استخدام مولد سبرايت شيت

ادمج عدة صور في ورقة sprites واحدة داخل متصفحك. اسحب لإعادة ترتيب الإطارات، واضبط الشبكة والمسافات بدقة، ثم صدّر أطلس PNG/WebP/JPG مع بيانات JSON لمحركات الألعاب وسبرايتات CSS. تتم كل المعالجة محليًا.

1. أضف صورك واستخدم زرّي + و − لتحديد Columns و Rows للشبكة.
2. اضبط Padding (px) لترك فراغ بين الـ sprites ومنع تسرب الأنسجة.
3. اترك Sprite Size على Auto ليلائم أكبر إطار، أو أدخل أبعادًا ثابتة لخلايا موحدة.
4. اختر Scale Mode — Fit أو Fill أو Stretch — للتحكم في كيفية ملاءمة كل صورة داخل خليتها.
5. حدد Background من Transparent أو White أو Black أو Custom، ثم اضبط Format على PNG أو WebP أو JPG واكتب الاسم في Filename.
6. اسحب الصور المصغرة لإعادة ترتيب الإطارات — تتحدث إحداثيات الأطلس تلقائيًا — ثم صدّر الورقة مع ملف JSON.

استخدم مسافة لا تقل عن 2 px حتى لا تتسرب الأنسجة بين الـ sprites المتجاورة عند تصغيرها أو ترشيحها داخل المحرك.