เครื่องตัดสไปรต์ชีต

เลือกวิธีตัดให้เหมาะกับชีต

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

การตั้งค่าเหล่านี้อ้างอิงขั้นตอนทำงานกับสไปรต์ที่ใช้กันทั่วไป Sprite Editor ของ Unity รองรับการตัดอัตโนมัติ กริดตามขนาดหรือจำนวนเซลล์ รวมถึงจุดเริ่มต้น ระยะขอบ กรอบว่าง และจุดหมุน ส่วน การนำเข้าสไปรต์ชีตของ Aseprite ก็ใช้จุดเริ่มต้น x/y ความกว้างและความสูงของสไปรต์ ระยะขอบ และลำดับการอ่าน เครื่องมือนี้เน้นการแยกภาพ จึงส่งออกพิกัดการตัดแต่ไม่สร้างไฟล์โครงการของ Unity, Godot หรือ Aseprite

การตรวจจับอัตโนมัติเป็นจุดเริ่มต้น ไม่ใช่การรับประกัน

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

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

เนื้อหาใน ZIP และ frames.json

PNG เป็นรูปแบบผลลัพธ์เริ่มต้นเพราะรักษาพิกเซลและความโปร่งใสได้ตรงตามต้นฉบับ แต่ละเฟรมที่เลือกจะได้รับชื่อไฟล์ที่ปลอดภัยและไม่ซ้ำกันจากชื่อเฟรมหรือคำนำหน้าที่กำหนด ZIP จะรวม PNG เหล่านี้กับรายการ frames.json แต่ละรายการบันทึกชื่อ ลำดับ และกรอบต้นทางของเฟรม:

{
  "name": "player-run-03",
  "x": 128,
  "y": 64,
  "width": 32,
  "height": 48
}

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

ประมวลผลในเครื่องอย่างเป็นส่วนตัวพร้อมการกู้คืนแบบจำกัด

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

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

รายการตรวจสอบก่อนส่งออก

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