مولد سبرايت شيت
ادمج الصور في سبرايت شيت مع السحب لإعادة الترتيب، تخطيط الشبكة، الحشو، أوضاع القياس. صدّر كـ PNG/WebP/JPG مع بيانات أطلس JSON لمحركات الألعاب وCSS.
ما هو سبرايت شيت ولماذا نستخدمه؟
سبرايت شيت هو ملف صورة واحد يحتوي على عدة صور صغيرة (سبرايتس) مرتبة في شبكة. استخدام سبرايت شيت يقلل طلبات HTTP، يحسن أداء تحميل الصفحة، ويجعل عرض الألعاب أكثر كفاءة.
ما هي صيغ الصور المدعومة؟
يمكنك رفع صور PNG، JPG، GIF، SVG، وWebP. الأداة تدعم الرفع الدفعي واللصق من الحافظة (Ctrl+V) لسير عمل سريع.
ما هي صيغ التصدير المتاحة؟
صدّر سبرايت شيت كـPNG (مع شفافية)، WebP (صيغة حديثة بحجم ملف أصغر)، أو JPG (أفضل للصور بدون شفافية). اختر بناءً على متطلبات منصتك.
كيف يمكنني إعادة ترتيب الصور في سبرايت شيت؟
اسحب وأفلت الصور المصغرة لإعادة ترتيب موقعها في سبرايت شيت. يمكنك أيضاً لصق الصور مباشرة من الحافظة باستخدام Ctrl+V.
ما هي بيانات أطلس JSON وما هي المحركات التي تدعمها؟
بيانات أطلس JSON تحتوي على الموقع، الحجم، ومعلومات الإطار لكل سبرايت. وهي متوافقة مع محركات الألعاب الشائعة مثل Phaser، PixiJS، Unity، Cocos2d وغيرها الكثير للاستخراج التلقائي للسبرايتس.
ما هي أوضاع القياس المختلفة؟
الملاءمة تحافظ على النسبة. الملء يغطي الخلية ويقص الزائد. التمديد يشوه للملء.
هل تدعم الأداة الشفافية؟
نعم، PNG و WebP يحافظان على الشفافية. يمكنك أيضاً تعيين لون خلفية مخصص، وهو مفيد لتصدير JPG الذي لا يدعم الشفافية.
كيف يؤثر الحشو على سبرايت شيت؟
الحشو يضيف مساحة بين السبرايتس الفردية في الورقة، مما يمنع التسرب البصري عند أخذ عينات من القوام. هذا مهم خاصة لمحركات الألعاب التي تستخدم التصفية الخطية.
هل يمكنني استخدام سبرايت شيت لـCSS؟
نعم، سبرايت شيت يعمل بشكل رائع لسبرايتس CSS. يمكن استخدام بيانات أطلس JSON لإنشاء قواعد CSS background-position، مما يقلل طلبات HTTP ويحسن أداء تحميل الصفحة.
ما هي أفضل الممارسات لأبعاد سبرايت شيت؟
احتفظ بالأبعاد كقوى للرقم 2 (256x256، 512x512، 1024x1024) للتعامل الأمثل مع قوام GPU. معظم محركات الألعاب تفضل هذه الأبعاد لأداء وتوافق أفضل.
كيف تحسن سبرايت شيت من أداء اللعبة؟
سبرايت شيت تقلل استدعاءات الرسم عن طريق تجميع عدة سبرايتس في قوام واحد. هذا يقلل من تغييرات حالة GPU، ويقلل من حمل الذاكرة، ويتيح عرضاً أكثر كفاءة.
ما الفرق بين سبرايت شيت وأطلس القوام؟
سبرايت شيت ترتب الإطارات عادة في شبكة موحدة، بينما أطلس القوام يمكن أن يحزم السبرايتس غير المنتظمة بشكل أكثر كفاءة باستخدام خوارزميات مثل bin packing.