สร้างสไปรต์ชีต PNG และแผนที่ JSON

จัดเรียงภาพแรสเตอร์ที่รองรับตั้งแต่สองถึงหกสิบสี่ภาพในเซลล์คงที่ และดาวน์โหลดไฟล์ PNG หนึ่งภาพพร้อมแผนที่พิกัด JSON ต้นทางมุมบนซ้ายในรูปแบบไฟล์ ZIP

เมื่อเครื่องมือนี้มีประโยชน์

การบรรจุสไปรต์เกมขนาดเล็ก ไอคอน ภาพขนาดย่อ หรือสถานะ UI ไว้ในบิตแมปเดียวที่คาดเดาได้ พร้อมพิกัดเซลล์ที่เครื่องอ่านได้

วิธีการประมวลผลท้องถิ่นทำงานอย่างไร

อินพุตจะอยู่ในลําดับที่เลือกไว้ คอลัมน์จะถูกจํากัดด้วยจํานวนอินพุตจริง ทุกเฟรมจะได้รับเซลล์คงที่ มีการจัดกึ่งกลางภาพเต็มและเติมสีครอบงํา ช่องว่างจะเก็บพื้นหลัง RGBA ที่เลือกไว้ และ ZIP มีพิกัด sprite-sheet.json sprite-sheet.png บวกแบบกําหนด

วิธีใช้งาน

  1. เตรียมแหล่งข้อมูล: การบรรจุสไปรต์เกมขนาดเล็ก ไอคอน ภาพขนาดย่อ หรือสถานะ UI ไว้ในบิตแมปเดียวที่คาดเดาได้ พร้อมพิกัดเซลล์ที่เครื่องอ่านได้
  2. ประมวลผลในเครื่อง: อินพุตจะอยู่ในลําดับที่เลือกไว้ คอลัมน์จะถูกจํากัดด้วยจํานวนอินพุตจริง ทุกเฟรมจะได้รับเซลล์คงที่ มีการจัดกึ่งกลางภาพเต็มและเติมสีครอบงํา ช่องว่างจะเก็บพื้นหลัง RGBA ที่เลือกไว้ และ ZIP มีพิกัด sprite-sheet.json sprite-sheet.png บวกแบบกําหนด
  3. ดาวน์โหลดและตรวจสอบ: แยกไฟล์ทั้งสอง ตรวจสอบขนาด PNG, จุดกําเนิดมุมบนซ้าย, ลําดับเฟรม และสี่เหลี่ยมเซลล์กับ JSON, ตรวจสอบแผ่นรองหรือครอบตัด และโหลดแผนที่ในแอปพลิเคชันที่ใช้

ข้อจำกัดสำคัญ

PNG เป็นแผ่นราสเตอร์แผ่นเดียวที่ถูกแบน: แอนิเมชัน, เวกเตอร์, เลเยอร์, เมตาดาต้าต้นทาง, คอนเทนเนอร์อิสระ และเจตนารมณ์โปรไฟล์สีจะไม่ถูกเก็บไว้การครอบงําสามารถครอบขอบ, การเก็บเนื้อหาสามารถละทิ้งพื้นหลัง และข้อจํากัดของแหล่งที่มา, พิกเซลรวม, แคนวาส, หน่วยความจํา, PNG, JSON และ ZIP จะถูกนํามาใช้

ตรวจสอบผลลัพธ์ที่ดาวน์โหลดมา

แยกไฟล์ทั้งสอง ตรวจสอบขนาด PNG, จุดกําเนิดมุมบนซ้าย, ลําดับเฟรม และสี่เหลี่ยมเซลล์กับ JSON, ตรวจสอบแผ่นรองหรือครอบตัด และโหลดแผนที่ในแอปพลิเคชันที่ใช้

เป็นส่วนตัวตามการออกแบบ

ไฟล์ของคุณจะยังอยู่ในเบราว์เซอร์นี้ เครื่องมือนี้จะไม่อัปโหลดแหล่งที่มาหรือผลลัพธ์ไปยังเซิร์ฟเวอร์ของเรา

คำถามและคำตอบ

เครื่องมือนี้มีประโยชน์เมื่อใด?

การบรรจุสไปรต์เกมขนาดเล็ก ไอคอน ภาพขนาดย่อ หรือสถานะ UI ไว้ในบิตแมปเดียวที่คาดเดาได้ พร้อมพิกัดเซลล์ที่เครื่องอ่านได้

เบราว์เซอร์ทำอะไรจริง ๆ?

อินพุตจะอยู่ในลําดับที่เลือกไว้ คอลัมน์จะถูกจํากัดด้วยจํานวนอินพุตจริง ทุกเฟรมจะได้รับเซลล์คงที่ มีการจัดกึ่งกลางภาพเต็มและเติมสีครอบงํา ช่องว่างจะเก็บพื้นหลัง RGBA ที่เลือกไว้ และ ZIP มีพิกัด sprite-sheet.json sprite-sheet.png บวกแบบกําหนด

ฉันควรเข้าใจขีดจำกัดใดบ้าง?

PNG เป็นแผ่นราสเตอร์แผ่นเดียวที่ถูกแบน: แอนิเมชัน, เวกเตอร์, เลเยอร์, เมตาดาต้าต้นทาง, คอนเทนเนอร์อิสระ และเจตนารมณ์โปรไฟล์สีจะไม่ถูกเก็บไว้การครอบงําสามารถครอบขอบ, การเก็บเนื้อหาสามารถละทิ้งพื้นหลัง และข้อจํากัดของแหล่งที่มา, พิกเซลรวม, แคนวาส, หน่วยความจํา, PNG, JSON และ ZIP จะถูกนํามาใช้

ฉันควรตรวจสอบผลลัพธ์อย่างไร?

แยกไฟล์ทั้งสอง ตรวจสอบขนาด PNG, จุดกําเนิดมุมบนซ้าย, ลําดับเฟรม และสี่เหลี่ยมเซลล์กับ JSON, ตรวจสอบแผ่นรองหรือครอบตัด และโหลดแผนที่ในแอปพลิเคชันที่ใช้

เครื่องมือที่เกี่ยวข้อง