ตัวสร้างสไปรต์ชีต

วิธีใช้ ตัวสร้างสไปรต์ชีต

รวมภาพหลาย ๆ ภาพเป็น sprite sheet เดียวได้ทันทีในเบราว์เซอร์ ลากเพื่อจัดลำดับเฟรมใหม่ ปรับกริดและระยะขอบอย่างละเอียด แล้วส่งออกเป็นไฟล์ PNG/WebP/JPG พร้อมข้อมูล JSON atlas สำหรับเกมเอนจินและ CSS sprite การประมวลผลทั้งหมดทำในเครื่อง

1. เพิ่มรูปภาพของคุณแล้วใช้ปุ่ม + และ − กำหนด Columns และ Rows ของกริด
2. ตั้งค่า Padding (px) เพื่อเว้นช่องว่างระหว่างสไปรต์และป้องกันเท็กซ์เจอร์ติดกัน
3. เลือก Sprite Size แบบ Auto เพื่อให้พอดีกับเฟรมที่ใหญ่ที่สุด หรือพิมพ์ขนาดคงที่ให้ทุกช่องเท่ากัน
4. เลือก Scale Mode เป็น Fit, Fill หรือ Stretch เพื่อกำหนดว่าแต่ละภาพจะวางในช่องอย่างไร
5. เลือก Background เป็น Transparent, White, Black หรือ Custom ตั้ง Format เป็น PNG, WebP หรือ JPG และตั้งชื่อไฟล์ใน Filename
6. ลากภาพย่อเพื่อจัดลำดับเฟรมใหม่ — พิกัดของ atlas จะอัปเดตอัตโนมัติ — แล้วส่งออกพร้อมไฟล์ JSON

ใส่ระยะขอบอย่างน้อย 2 px เพื่อไม่ให้สไปรต์ที่อยู่ติดกันซึมเข้าหากัน เวลาเอนจินย่อขยายหรือกรองเท็กซ์เจอร์