วิธีแบ่ง sprite sheet และทรัพย์สินเกม

    แยก sprite แต่ละตัวและองค์ประกอบเกมจาก sprite sheet คู่มือสำหรับนักพัฒนาเกมและนักออกแบบที่ทำงานกับทรัพย์สินแบบแผ่น

    ลองใช้เครื่องมือฟรีของเรา

    ไม่ต้องสมัครสมาชิก ประมวลผลในเครื่อง 100%

    ใช้ Séparer images

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

    การแบ่ง sprite sheet ต้องการความแม่นยำ ทรัพย์สินเกมมักเป็น pixel-perfect และการจัดตำแหน่งที่ผิดพลาดใดๆ จะทำให้เกิดข้อบกพร่องทางภาพในเกมของคุณ

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

    โฆษณา

    ทำความเข้าใจเลย์เอาต์ sprite sheet

    กริดสม่ำเสมอ: เลย์เอาต์ที่พบบ่อยที่สุดที่ sprite แต่ละตัวครอบครองขนาดเซลล์เดียวกัน (เช่น 32×32 พิกเซล)

    Sheet แบบอัด: Sprite อัดแน่นด้วยขนาดที่แตกต่างกัน มักมีเมตาดาต้าที่กำหนดขอบเขต

    แถบแอนิเมชัน: เฟรมแอนิเมชันตามลำดับที่จัดวางแนวนอนหรือแนวตั้ง

    การคำนวณขนาด sprite

    นับ sprite ในแต่ละแถวและคอลัมน์ หารขนาด sheet ด้วยจำนวน sprite เพื่อรับขนาดเซลล์

    สำหรับ sheet 512×512 พร้อม sprite 16×16 คุณมี 32 คอลัมน์และ 32 แถว (รวม 1,024 sprite)

    ระวังการเบาะ บาง sheet รวม 1-2 พิกเซลช่องว่างระหว่าง sprite เพื่อป้องกันการซึมของพื้นผิว

    การจัดการการเบาะและขอบ

    หาก sprite มีการเบาะ 1px เซลล์ '32×32' จะเป็น 33×33 จริงๆ คำนึงถึงสิ่งนี้ในการกำหนดค่าการแบ่ง

    หลังการแบ่ง คุณอาจต้องตัดการเบาะออกจาก sprite แต่ละตัวขึ้นอยู่กับการใช้งานของคุณ

    เครื่องมือของเราสามารถจัดการการเบาะที่สอดคล้องกัน ระบุขนาดเซลล์และการเบาะแยกกันสำหรับการแบ่งที่แม่นยำ

    เครื่องมือแนะนำ

    แบ่งรูปภาพเป็นส่วนๆ ออนไลน์ฟรี

    แบ่งรูปภาพเป็นหลายส่วนเท่าๆ กันออนไลน์ฟรี เหมาะสำหรับ Instagram และแคโรเซล ประมว...

    โฆษณา

    วิธีทำใน 3 ขั้นตอน

    1

    ระบุโครงสร้าง sprite sheet: ขนาดเซลล์ จำนวนแถว/คอลัมน์ การเบาะใดๆ

    2

    อัปโหลด sprite sheet ไปยังเครื่องมือแบ่งของเรา

    3

    กำหนดค่ากริดตามการคำนวณของคุณ (เช่น 16 คอลัมน์ × 16 แถวสำหรับกริด 16×16)

    4

    สร้าง sprite แต่ละตัว ไฟล์ถูกตั้งชื่อตามตำแหน่งสำหรับการอ้างอิงที่ง่าย

    5

    นำเข้า sprite แต่ละตัวไปยัง game engine หรือซอฟต์แวร์แก้ไขของคุณ

    เคล็ดลับระดับมือโปร

    • เก็บไฟล์ต้นฉบับไว้
    • ทดลองระดับคุณภาพหลายแบบ
    • ใช้ WebP เมื่อทำได้
    • ตั้งชื่อไฟล์ให้สื่อความหมาย

    ข้อผิดพลาดทั่วไปที่ควรหลีกเลี่ยง

    • นับแถวหรือคอลัมน์ผิด ทำให้ sprite จัดตำแหน่งไม่ถูกต้อง
    • ไม่คำนึงถึงการเบาะ ทำให้ sprite มีขอบบางส่วน
    • ใช้รูปแบบที่มีการสูญเสีย (JPEG) สำหรับ pixel art ทำให้เกิดการเบลอ
    • ลืมว่า sprite sheet บางอันใช้ขนาดเซลล์ที่ไม่สม่ำเสมอ

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

    พร้อมที่จะลองหรือยัง?

    เครื่องมือของเราใช้ฟรี ไม่ต้องสมัคร และเคารพความเป็นส่วนตัวของคุณ

    ใช้ Séparer images
    โฆษณา