วิธีสร้าง shader พิกเซลแบบ "ย้อนยุค" สำหรับสไปรต์ 2D แบบเปลี่ยนรูปซึ่งรักษาความเที่ยงตรงของพิกเซลได้อย่างไร

ภาพด้านล่างแสดงสไปรต์สองรายการที่มีการสุ่มตัวอย่างแบบจุดบนพื้นหลัง:

• กะโหลกศีรษะด้านซ้ายไม่มีการหมุน / การปรับสเกลดังนั้นทุกพิกเซลจึงเข้ากันกับพื้นหลังอย่างสมบูรณ์
• กะโหลกศีรษะด้านขวาจะหมุน / ปรับขนาดและผลในพิกเซลขนาดใหญ่ที่ไม่ได้แกนชิด

ฉันจะพัฒนาตัวสร้างพิกเซลที่จะแสดงสไปรต์ที่ถูกแปลงทางด้านขวาด้วยพิกเซลที่จัดเรียงตามแนวแกนที่มีขนาดเท่ากับส่วนที่เหลือของฉากได้อย่างไร

สิ่งนี้อาจเกี่ยวข้องกับวิธีการนำสไปรต์สเกลมาใช้ในเกมเก่า ๆ เช่น Monkey Island เพราะนั่นเป็นเอฟเฟกต์ที่ฉันพยายามจะทำ แต่มีการเพิ่มการหมุน

แก้ไข

ตามคำแนะนำของ kaoD ฉันพยายามที่จะแก้ไขปัญหาว่าเป็นกระบวนการหลังการขาย วิธีที่ง่ายที่สุดคือการเรนเดอร์ไปยังเป้าหมายการเรนเดอร์แยกต่างหากก่อน (ลดขนาดลงเพื่อให้ตรงกับขนาดพิกเซลที่ต้องการ) จากนั้นเพิ่มขนาดเมื่อทำการเรนเดอร์ครั้งที่สอง มันตอบสนองความต้องการของฉันด้านบน

ครั้งแรกที่ฉันลองทำมันLinear -> Pointและผลลัพธ์ก็คือ:

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

ครั้งที่สองที่ฉันลองPoint -> Pointและผลลัพธ์คือ:

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

ในการสาธิตนี่เป็นวิดีโอของเอฟเฟกต์ถึงแม้ว่า YouTube จะกรองพิกเซลออกจากมัน:

http://youtu.be/hqokk58KFmI

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

คุณควรใช้ shader หลังจากสไปรต์ของคุณถูกหมุน

หากทั้งฉากยังไม่ได้ถูกบังและสไปรท์ของคุณเป็นพิกเซลจริง ๆ สิ่งที่คุณต้องการคือฟิลเตอร์ post-FX บางชนิดสำหรับฉากทั้งหมดของคุณ พื้นที่เฉลี่ยของพิกเซลจะใช้งานได้ดี มันไม่ได้เป็นอย่างที่คุณตั้งใจ (มันจะดูใจดีเมื่อย้าย / หมุน) แต่มันอาจทำเคล็ดลับ

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

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