एक PNG स्प्राइट शीट और JSON मानचित्र बनाएं।

दो से चौसठ समर्थित रास्टर छवियों को निश्चित कोशिकाओं में व्यवस्थित करें और एक PNG के साथ शीर्ष-बाएँ-स्रोत JSON निर्देशांक मानचित्र को ZIP में डाउनलोड करें।

जब यह उपकरण उपयोगी होता है

छोटे गेम स्प्राइट्स, आइकन, थंबनेल, या UI स्थितियों को एक पूर्वानुमेय बिटमैप में पैक करना जिसमें मशीन-पठनीय कोशिका निर्देशांक हों।

स्थानीय प्रोसेसिंग कैसे काम करती है

इनपुट चयनित क्रम में रहते हैं, स्तंभ वास्तविक इनपुट संख्या से बंधे होते हैं, प्रत्येक फ्रेम को एक निश्चित कोशिका मिलती है, contain पूरी छवि के केंद्र को समाहित करता है और cover भरता और फिर क्रॉप करता है, रिक्तियाँ चुने हुए RGBA पृष्ठभूमि को बनाए रखती हैं, और ZIP में sprite-sheet.png के साथ अनुमानित sprite-sheet.json निर्देशांक शामिल होते हैं।

इसे कैसे उपयोग करें

  1. स्रोत तैयार करें: छोटे गेम स्प्राइट्स, आइकन, थंबनेल, या UI स्थितियों को एक पूर्वानुमेय बिटमैप में पैक करना जिसमें मशीन-पठनीय कोशिका निर्देशांक हों।
  2. स्थानीय रूप से प्रक्रिया करें: इनपुट चयनित क्रम में रहते हैं, स्तंभ वास्तविक इनपुट संख्या से बंधे होते हैं, प्रत्येक फ्रेम को एक निश्चित कोशिका मिलती है, contain पूरी छवि के केंद्र को समाहित करता है और cover भरता और फिर क्रॉप करता है, रिक्तियाँ चुने हुए RGBA पृष्ठभूमि को बनाए रखती हैं, और ZIP में sprite-sheet.png के साथ अनुमानित sprite-sheet.json निर्देशांक शामिल होते हैं।
  3. डाउनलोड करें और पुष्टि करें: दोनों फ़ाइलें निकालें, PNG आयाम, शीर्ष-बाएँ स्रोत, फ्रेम क्रम और कोशिका आयतों की JSON के खिलाफ पुष्टि करें, contain पैडिंग या cover क्रॉप का निरीक्षण करें, और मानचित्र को उपभोग करने वाले एप्लिकेशन में लोड करें।

महत्वपूर्ण सीमाएँ

PNG एक समतल रास्टर शीट है: एनिमेशन, वेक्टर, लेयर, स्रोत मेटाडेटा, स्वतंत्र कंटेनर, और रंग-प्रोफ़ाइल इरादा संरक्षित नहीं होता। Cover छोरों को क्रॉप कर सकता है, contain पृष्ठभूमि छोड़ सकता है, और स्रोत, कुल-पिक्सल, कैनवस, मेमोरी, PNG, JSON, और ZIP सीमाएँ लागू होती हैं।

डाउनलोड किए गए परिणाम की पुष्टि करें

दोनों फ़ाइलें निकालें, PNG आयाम, शीर्ष-बाएँ स्रोत, फ्रेम क्रम और कोशिका आयतों की JSON के खिलाफ पुष्टि करें, contain पैडिंग या cover क्रॉप का निरीक्षण करें, और मानचित्र को उपभोग करने वाले एप्लिकेशन में लोड करें।

डिजाइन द्वारा निजी

आपकी फ़ाइलें इस ब्राउज़र में रहती हैं। टूल स्रोत या आउटपुट को हमारे सर्वर पर अपलोड नहीं करता।

प्रश्न और उत्तर

यह उपकरण कब उपयोगी है?

छोटे गेम स्प्राइट्स, आइकन, थंबनेल, या UI स्थितियों को एक पूर्वानुमेय बिटमैप में पैक करना जिसमें मशीन-पठनीय कोशिका निर्देशांक हों।

ब्राउज़र वास्तव में क्या करता है?

इनपुट चयनित क्रम में रहते हैं, स्तंभ वास्तविक इनपुट संख्या से बंधे होते हैं, प्रत्येक फ्रेम को एक निश्चित कोशिका मिलती है, contain पूरी छवि के केंद्र को समाहित करता है और cover भरता और फिर क्रॉप करता है, रिक्तियाँ चुने हुए RGBA पृष्ठभूमि को बनाए रखती हैं, और ZIP में sprite-sheet.png के साथ अनुमानित sprite-sheet.json निर्देशांक शामिल होते हैं।

कौन सी सीमाओं को मुझे समझना चाहिए?

PNG एक समतल रास्टर शीट है: एनिमेशन, वेक्टर, लेयर, स्रोत मेटाडेटा, स्वतंत्र कंटेनर, और रंग-प्रोफ़ाइल इरादा संरक्षित नहीं होता। Cover छोरों को क्रॉप कर सकता है, contain पृष्ठभूमि छोड़ सकता है, और स्रोत, कुल-पिक्सल, कैनवस, मेमोरी, PNG, JSON, और ZIP सीमाएँ लागू होती हैं।

मुझे परिणाम की पुष्टि कैसे करनी चाहिए?

दोनों फ़ाइलें निकालें, PNG आयाम, शीर्ष-बाएँ स्रोत, फ्रेम क्रम और कोशिका आयतों की JSON के खिलाफ पुष्टि करें, contain पैडिंग या cover क्रॉप का निरीक्षण करें, और मानचित्र को उपभोग करने वाले एप्लिकेशन में लोड करें।

संबंधित उपकरण