इमेज से स्प्राइट शीट बनाएँ

गेम और CSS के लिए एनिमेशन फ़्रेम या आइकन को एक स्प्राइट शीट में पैक करें। कॉलम और पैडिंग चुनें, और Phaser, PixiJS व अन्य इंजन के साथ संगत JSON एटलस पाएँ।

आपकी इमेज आपके डिवाइस पर प्रोसेस होती हैं और कभी अपलोड नहीं की जातीं।

अपनी इमेज यहाँ छोड़ें

या खींचकर यहाँ छोड़ें

PNG, WEBP, GIF, JPG स्वीकार्य · प्रति फ़ाइल 512 MB तक

इस टूल का इस्तेमाल कैसे करें

  1. 01

    अपने फ़्रेम एनिमेशन के क्रम में जोड़ें।

  2. 02

    कॉलम की संख्या और फ़्रेम के बीच की पैडिंग सेट करें।

  3. 03

    प्रोसेस करें और स्प्राइट शीट डाउनलोड करें, JSON एटलस के साथ या उसके बिना।

पिक्सल-सटीक फ़्रेम

फ़्रेम कभी स्केल नहीं होते। हर फ़्रेम बराबर साइज़ की सेल के ऊपरी-बाएँ कोने पर रहता है, और एटलस उसकी सटीक स्थिति और साइज़ दर्ज करता है।

इंजन के अनुकूल एटलस

JSON व्यापक रूप से सपोर्टेड TexturePacker हैश फ़ॉर्मैट का उपयोग करता है, जिसमें हर फ़्रेम की कुंजी उसका फ़ाइल नाम होती है।

अक्सर पूछे जाने वाले सवाल

शीट किस फ़ॉर्मैट में होती है?

PNG में, ताकि पारदर्शिता बनी रहे।

क्या फ़्रेम का साइज़ एक जैसा होना ज़रूरी है?

नहीं। सेल सबसे बड़े फ़्रेम के साइज़ की होती हैं, और एटलस हर फ़्रेम का असली साइज़ दर्ज करता है।

क्या मेरी इमेज अपलोड होती हैं?

नहीं। शीट आपके ब्राउज़र में बनती है।

संबंधित टूल