กลับไป ข่าว AI Game
ข่าวเกม AI

AI วาดตัวละครเกมแล้วขอบไม่เนียน? sprite-gen ลบพื้นหลังและตรวจเฟรมก่อนลงเกม

โดย GameSlash

ดูวิธีเก็บขอบภาพพิกเซล ลบพื้นหลัง และตรวจเฟรมขยับด้วย sprite-gen ก่อนนำตัวละครจาก AI เข้าเกม พร้อมข้อจำกัดที่ควรรู้

AIGame Development

AI วาดตัวละครแบบพิกเซลให้แล้ว แต่พอเอาใส่เกมกลับมีขอบสีเขียวติดมา หรือพอเล่นภาพต่อกันแล้วตัวละครกระตุก? sprite-gen เน้นแก้ปัญหาช่วงท้ายของการทำภาพตัวละคร ตั้งแต่ลบพื้นหลัง เก็บขอบภาพ ไปจนถึงตรวจภาพแต่ละท่าก่อนส่งเข้าเกม

ภาพหน้าจอตัวแก้ไขแสดงตัวละครปลาหมึกสีส้มแบบพิกเซลและแถวภาพเคลื่อนไหวด้านล่าง
ภาพจากเอกสาร aldegad / sprite-gen contributors / GitHub — ภาพหน้าจอโปรแกรมแก้ภาพตัวละครสีส้มพร้อมเฟรมขยับ เป็นหน้าจอเครื่องมือ ไม่ใช่ภาพการเล่นเกม

จากภาพตัวละครภาพเดียว สู่ชุดภาพขยับที่ตรวจได้

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

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

ภาพเปรียบเทียบขอบพิกเซลสามช่อง แสดงการลบสีพื้นหลังโดยเก็บเส้นขอบดำหนาหนึ่งพิกเซล
ภาพจากเอกสาร aldegad / sprite-gen contributors / GitHub — ภาพเปรียบเทียบก่อน–หลังลบพื้นหลังสีเขียวออกจากภาพพิกเซล ไม่ใช่ภาพเกมที่กำลังเล่น

ทำไมต้องเปิดตรวจทีละเฟรม

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

มือใหม่ควรเริ่มยังไงและติดข้อจำกัดตรงไหน

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

แหล่งข้อมูล: GitHub ของ sprite-gen และ เงื่อนไข Apache-2.0 รูปที่ใช้เป็นภาพเปรียบเทียบจากเอกสารและหน้าจอโปรแกรมจริง ไม่ใช่ภาพที่ทีมงานลองเล่นเกม

ดูแหล่งที่มา