GAMESLASHAI วาดภาพเกมแล้วแก้จุดเดียวภาพเปลี่ยนหมด? pixlrt เขียนพิกเซลเป็นโค้ด แก้ซ้ำได้ตรงจุด
โดย GameSlash
แทนที่จะเจนภาพใหม่ทุกครั้ง ลองรู้จัก pixlrt ที่กำหนดสีและตำแหน่งของทุกพิกเซลด้วยโค้ด ให้ AI Coding Agent ช่วยแก้ได้ และส่งออกไฟล์ภาพหรือชุดท่าเคลื่อนไหว
สั่ง AI วาดตัวละครเกมแบบพิกเซลแล้วอยากแก้แค่ตาข้างเดียว แต่พอเจนใหม่หน้าตาหรือสีส่วนอื่นกลับเปลี่ยนไปหมด? สำหรับภาพพิกเซลที่ไม่ซับซ้อน เราอาจไม่ต้องให้ AI วาดใหม่ทุกครั้ง แค่กำหนดว่าช่องไหนต้องเป็นสีอะไร แล้วให้โปรแกรมวาดตามแบบนั้น pixlrt เป็นไลบรารีที่ใช้แนวทางนี้ และสามารถให้ AI Coding Agent ช่วยเขียนหรือแก้โค้ดให้ได้ ตัวมันเองไม่ใช่ AI เจนภาพ
ทำไมเขียนพิกเซลเป็นโค้ดถึงแก้รูปได้แม่นกว่า
โปรเจกต์ใช้ตัวอักษรแทนจุดสีบนภาพ และกำหนดไว้ว่าอักษรแต่ละตัวคือสีอะไร เช่น เปลี่ยนอักษรตำแหน่งหนึ่งก็เท่ากับเปลี่ยนสีเพียงพิกเซลนั้น โดยส่วนอื่นไม่ถูก AI ตีความใหม่ เราจึงสั่งผู้ช่วยเขียนโค้ดให้ปรับสี พลิกตัวละคร หมุนภาพ หรือจัดหลายเฟรมเป็นท่าเคลื่อนไหวได้
pixlrt ส่งออกได้ทั้ง PNG, GIF หรือ APNG แบบขยับ และ Sprite Sheet ซึ่งเป็นภาพหลายท่าที่จัดไว้ในไฟล์เดียว ภาพแผนที่สีเขียวด้านบนคือไฟล์ตัวอย่างที่ผู้พัฒนาสร้างไว้ใน Repository ไม่ใช่ภาพ Gameplay ที่ GameSlash ทดลองเล่น
เหมาะกับงานแบบไหน และมีข้อจำกัดอะไร
ภาพตัวอย่างที่สองเป็นตัวละครก้อนกลมสีเขียวสองเฟรม ช่วยให้เห็นว่าระบบจัดท่าที่ต่างกันได้อย่างไร จุดเด่นคือใช้ไฟล์โค้ดเดิมสร้างผลลัพธ์ซ้ำ และตรวจได้ว่าแก้อะไรไปบ้าง แต่ถ้าอยากได้ภาพสวยละเอียดจากประโยคเดียว pixlrt ไม่ได้ทำให้เอง ต้องมีคนหรือ AI ผู้ช่วยเขียนรูปแบบพิกเซลเป็นโค้ดก่อน
คู่มือแนะนำให้เริ่มจากกริดขนาดเล็กประมาณ 24×24 พิกเซลหรือน้อยกว่าเมื่อให้ AI เขียนลาย เพราะ AI ยังจัดตำแหน่งในภาพผิดได้ การติดตั้งต้องมี Node.js 20 ขึ้นไป
ดู ตัวอย่างการใช้งานและโค้ดต้นฉบับ และ เงื่อนไข Apache-2.0 ได้ โดย GameSlash ตรวจดูไฟล์ภาพต้นทางแล้ว แต่ยังไม่ได้รันโปรแกรมด้วยตัวเอง