คู่มือตัวแยกสไปรท์

Sprite Sheet Unpacker Online: วิธีแยก Sprite Sheet ออกเป็น พีเอ็นจี

เรียนรู้วิธีแยกสไปรท์ชีตและแผนที่พื้นผิวกลับเป็นเฟรม พีเอ็นจี แต่ละเฟรมโดยใช้การตรวจจับอัตโนมัติ การแบ่งส่วนกริด และชีตการกำหนดค่า เจสัน/plist

11 นาทีอ่าน • 2026-06-05

บทนำ

สไปรท์ชีตแบบแพ็กมีความสำคัญต่อประสิทธิภาพการเรนเดอร์รันไทม์ แต่มีบางครั้งที่คุณต้องย้อนกลับกระบวนการนี้ ศิลปินเกม นักพัฒนา และม็อดเดอร์มักจำเป็นต้องแก้ไขแต่ละเฟรม แยกพื้นผิวแบบเดิม หรือแยกแผ่นไทล์กลับเข้าไปในแอสเซท Raw ของ พีเอ็นจี

Sprite Sheet Unpacker บนเว็บนำเสนอเส้นทางทันทีโดยไม่ต้องตั้งค่าใดๆ เพื่อให้บรรลุเป้าหมายนี้ แทนที่จะเปิดตัวแก้ไข image เพื่อครอบตัดเฟรมด้วยตนเอง คุณสามารถโหลดชีตและแยกออกเป็นไม่กี่วินาทีโดยใช้การตรวจจับโครงร่างอัตโนมัติ พิกัดไฟล์ หรือตารางไทล์

คู่มือนี้จะอธิบายขั้นตอนการทำงานในการคลายแพ็ก Texture Atlas ทางออนไลน์ การเลือกโหมดการแบ่งส่วนที่ถูกต้อง และตรวจสอบความถูกต้องของภาพเคลื่อนไหวของเฟรมที่แยกออกมาบนอุปกรณ์ก่อนส่งออก

โหมดการคลายแพ็กหลักสำหรับแผ่นพื้นผิว

เครื่องแยกบรรจุภัณฑ์ที่พร้อมสำหรับการผลิตจะต้องมีวิธีการแบ่งส่วนหลายวิธี เนื่องจากสไปรท์ชีตถูกสร้างขึ้นแตกต่างกัน เส้นตารางเหมาะสำหรับแผนที่ภาคพื้นย้อนยุค ในขณะที่ไฟล์พิกัดจำเป็นสำหรับแผนที่แบบตัดขอบและไม่ใช่เส้นตาราง

ToolBuddy รองรับวิธีการแบ่งข้อมูลสี่วิธีเพื่อให้ครอบคลุมโครงสร้างเนื้อหาของเกมทั้งหมด ประมวลผลไฟล์ทั้งหมดในหน่วยความจำภายในเพื่อรักษาความเร็วและความเป็นส่วนตัว

  • ตรวจจับอัตโนมัติ: ติดตามขอบเขตพิกเซลโดยอัตโนมัติเพื่อตัดรูปร่างที่ผิดปกติ
  • Config Parser: อ่าน เจสัน, plist, XML หรือไฟล์ Atlas เพื่อแยกวิเคราะห์พิกัดที่มีชื่อ
  • การแยกตาราง: แบ่งแผ่นงานตามขนาดเซลล์ที่สม่ำเสมอพร้อมออฟเซ็ตและระยะขอบแบบกำหนดเอง
  • การเลือกด้วยตนเอง: ช่วยให้คุณสามารถวาดกล่องครอบตัดแบบกำหนดเองบนแผ่นงานได้โดยตรง

วิธีแบ่งสไปรท์ชีตออกเป็นเฟรม พีเอ็นจี ทีละขั้นตอน

เริ่มต้นด้วยการเตรียมสไปรท์ชีต image (พีเอ็นจี หรือ เจพีจี) หากคุณมีไฟล์ข้อมูลเมตาพิกัด (เช่น plist หรือชีต เจสัน ที่ส่งออกจาก Texture Packer) ให้อัปโหลดไฟล์ดังกล่าวควบคู่ไปกับ image ตัวแตกไฟล์จะตรวจจับรูปแบบและชื่อแผนที่ตามภูมิภาคที่แน่นอนโดยอัตโนมัติ

หากไม่มีไฟล์กำหนดค่าให้เลือก 'ตรวจจับอัตโนมัติ' เพื่อให้ตัวแยกวิเคราะห์ขอบเขตร่างรูปร่างทึบ หรือป้อนขนาดเซลล์ในโหมด 'กริด' ตรวจสอบเส้นแบ่งบนผืนผ้าใบ เลือกเฟรมเพื่อตรวจสอบรายละเอียด และส่งออกผลลัพธ์เป็นแพ็คเกจ zip

  • อัปโหลดภาพต่อเรียง image และไฟล์พิกัดเพิ่มเติม
  • เลือกโหมดการแบ่งส่วนของคุณ (อัตโนมัติ กำหนดค่า ตาราง หรือกำหนดเอง)
  • ตรวจสอบกล่องเฟรมที่หั่นเป็นชิ้นบนโปรแกรมดูแบบโต้ตอบด้วยภาพ
  • ดาวน์โหลดเฟรมที่แยกออกมาซึ่งบรรจุอยู่ในโฟลเดอร์ ZIP เดียว

ตรวจสอบสไปรท์ด้วยโปรแกรมเล่นแอนิเมชั่นในตัว

การแกะกล่องออกเป็นเพียงครึ่งหนึ่งของงานเท่านั้น คุณต้องยืนยันว่าการเปลี่ยนแปลงเป็นไปอย่างราบรื่น โปรแกรมเล่น Canvas แบบโต้ตอบช่วยให้คุณรวบรวมเฟรมที่แยกออกมาเป็นลูปแอนิเมชั่น เพื่อตรวจสอบการเล่นก่อนบันทึก

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

  • คอมไพเลอร์ลูปภาพเคลื่อนไหวสำหรับเฟรมที่แยกออกมา
  • การตั้งค่าความเร็วในการเล่นที่ปรับได้ (FPS)
  • กล่องแสดงตัวอย่างแบบโต้ตอบพร้อมความสามารถในการแพนและซูม

ทำความเข้าใจเกี่ยวกับรูปแบบไฟล์พิกัด

แผ่นข้อมูลเมตามีคำแนะนำในการแมปชื่อสไปรท์กับกล่องขอบ หากคุณเป็นสินทรัพย์ที่ทำวิศวกรรมย้อนกลับ การรู้ว่ารูปแบบใดที่คุณมีจะช่วยแก้ไขคำเตือน parser

ToolBuddy รองรับแผ่น plist สำหรับ Cocos2d, เจสัน Hash/Array สำหรับ Phaser และ PixiJS, แผ่นงาน XML สำหรับ Starling และไฟล์ Atlas ข้อความสำหรับ สไปน์ เพื่อให้มั่นใจถึงความแม่นยำของพิกัด

การรวมการคลายแพ็กเข้ากับไปป์ไลน์สินทรัพย์ของคุณ

การแกะชีตมักตามมาด้วยการเพิ่มประสิทธิภาพ หากเฟรมที่แยกออกมาจำเป็นต้องลดขนาด คุณสามารถกำหนดเส้นทางเฟรมเหล่านั้นผ่าน Image Compressor หากคุณต้องการจัดเรียงใหม่ ให้นำเข้าใหม่ลงใน Texture Packer เพื่อสร้างแผ่นงานที่สะอาดและเหมาะสมที่สุด

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

คำถามที่พบบ่อย

คำถามติดตามผลทั่วไปที่ผู้อ่านถามหลังจากผ่านขั้นตอนการทำงานนี้แล้ว

ฉันสามารถแกะสไปรท์ชีตโดยไม่มี เจสัน หรือไฟล์ plist ได้หรือไม่

ใช่ หากคุณไม่มีไฟล์ข้อมูลเมตา ให้ใช้โหมด 'ตรวจจับอัตโนมัติ' เพื่อติดตามขอบเขตของรูปร่างโดยอัตโนมัติ หรือใช้โหมด 'ตาราง' หากสไปรท์ถูกจัดเรียงเป็นไทล์ที่เหมือนกัน

เครื่องมือแยกวิเคราะห์รูปแบบแผ่นข้อมูลเมตาใด

โปรแกรมแยกไฟล์แยกวิเคราะห์ เจสัน (Hash/Array), plist (Cocos), XML (Starling/Sparrow), ชีต CSS และไฟล์ข้อความ สไปน์ .atlas

มีการจำกัดขนาดไฟล์สำหรับการแตกไฟล์ทางออนไลน์หรือไม่

ไม่ เนื่องจากไฟล์ได้รับการประมวลผลภายในเครื่องในหน่วยความจำเบราว์เซอร์โดยไม่ต้องอัปโหลดเซิร์ฟเวอร์ คุณจึงสามารถแตกไฟล์พื้นผิวขนาดใหญ่ (สูงสุด 4096×4096 ขึ้นไป) ได้ทันที