ฉันจะจัดการกับสไปรต์ชีตที่มีขนาดสไปรต์ที่ไม่ใช่แบบฟอร์มได้อย่างไร

สำหรับชุดสไปรต์ที่มีขนาดสไปรต์ที่ไม่สม่ำเสมอฉันจะหารูปสี่เหลี่ยมมุมฉากสำหรับสไปรต์แต่ละตัวได้อย่างไร (เช่นกล่องสีน้ำเงินในภาพต่อไปนี้ / ฉันวาดตัวอย่างเพียงไม่กี่ชิ้น)?

สิ่งที่ฉันต้องการตรวจสอบคือ: offset_x, offset_y, width, height

จนถึงตอนนี้ฉันได้ใช้ Spriteheets ที่ Sprite ทั้งหมดมีขนาดเท่ากัน ในกรณีนั้นเราต้องการเพียงระบุ x และ y-offset เพื่อรับ sprite เฉพาะ อย่างไรก็ตามสำหรับสไปรต์ของชุดที่มีขนาดไม่เท่ากันก็ไม่สามารถใช้งานได้

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

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

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

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

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

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

• AForgeมีส่วนประกอบของวิชันซิสเต็ม (สำหรับ C #) นี่คือตัวอย่างการใช้งานที่เกี่ยวข้อง
• OpenCV (ไลบรารี C ++ พร้อมตัวห่อ C # )
• เธรดนี้มีไลบรารีการตรวจหาหยดสำหรับ C # wrapper สำหรับ OpenCV

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

ตรวจสอบ texturepacker

http://www.texturepacker.com/

มันจะส่งออกไฟล์เช่นนี้ (ขึ้นอยู่กับการตั้งค่าของคุณ)

    {
    "filename": "image_front_1",
    "frame": {"x":1,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":2,"w":36,"h":40},
    "sourceSize": {"w":36,"h":40}
},
{
    "filename": "image_front_2.png",
    "frame": {"x":36,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":36,"h":42},
    "sourceSize": {"w":36,"h":42}
},
{
    "filename": "image_front_3.png",
    "frame": {"x":71,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":34,"h":52},
    "sourceSize": {"w":36,"h":42}
},
{
    "filename": "image_front_4.png",
    "frame": {"x":106,"y":160,"w":34,"h":52},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":34,"h":52},
    "sourceSize": {"w":36,"h":42}
}

เมื่อใช้ข้อมูลนี้คุณสามารถจับสี่เหลี่ยมแยกจากภาพได้อย่างง่ายดาย

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