Noxe Pixel Engine เปิดซอร์สฉาก 3D แบบ Pixel Art สร้างด้วย Claude Opus 5.5

Daniel Jankulovski จาก Noxe Studio เปิดซอร์ส Noxe Pixel Engine พร้อมเผยแพร่ผลงานผ่านโพสต์วันที่ 9 พฤศจิกายน 2026 โปรเจกต์นี้ให้คนทำเกมใช้ Three.js สร้างฉาก 3D ที่เรนเดอร์ออกมาเหมือนพิกเซลอาร์ตแบบเรียลไทม์ ปรับเวลา อากาศ และเสียงได้จากหน้าเว็บ โดยผู้สร้างระบุว่าใช้ Claude Opus 5.5 ช่วยพัฒนา

ฉาก 3D กลายเป็นพิกเซลอาร์ตได้อย่างไร

ระบบเรนเดอร์ภาพที่ความละเอียดต่ำก่อน แล้วใส่แสงแบบ Toon ขอบจาก Depth และ Normal เอฟเฟกต์เรืองแสง หมอก การลดจำนวนเฉดสี และ Ordered Dithering จากนั้นขยายกลับด้วย Nearest-neighbour พร้อมล็อกตำแหน่งกล้องตามกริดพิกเซลเพื่อไม่ให้ภาพนิ่งเกิดอาการสั่น วิธีนี้ยังใช้วัตถุ 3D จริงและขยับกล้องได้ ไม่ใช่การนำภาพนิ่งมาวางทับฉาก

ตัวอย่างที่ผู้สร้างเตรียมไว้มี 8 ฉาก เช่น Alpine, Streetcar, Studio และ Ferry พร้อมระบบเปลี่ยนจากกลางวันเป็นกลางคืนและสภาพอากาศฝน พายุ หิมะ หรือหมอก วัสดุปรับความเปียกและหิมะ แสงหน้าต่างติดขึ้นตามเวลา รวมถึงเสียงบรรยากาศที่สังเคราะห์ภายในเบราว์เซอร์

สิ่งที่คนสร้างเกมนำไปลองได้

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

โปรเจกต์ยังส่งวิดีโอ MP4 แบบ 60 fps พร้อมเสียงด้วยการเรนเดอร์ออฟไลน์จาก WebCodecs มีสัดส่วนแนวนอน สี่เหลี่ยม และแนวตั้ง ฟีเจอร์นี้เหมาะกับการทำคลิปพรีวิวฉากหรือภาพนำเสนอเกม มากกว่าจะถือเป็นเอนจินเกมสำเร็จรูปที่มีระบบต่อสู้หรือเกมเพลย์ครบ

ข้อจำกัดและที่มา

ตัวโค้ดเปิดเผยภายใต้ MIT License และไม่มีขั้นตอน Build สำหรับตัวเดโม แต่การส่งออก MP4 ต้องใช้ Chrome หรือ Edge รุ่นใหม่ที่รองรับ WebCodecs ภาพประกอบสองภาพเป็นตัวอย่างฉากจากเจ้าของโปรเจกต์ ไม่ใช่ผลทดลองเล่นหรือผลวัดประสิทธิภาพโดย GameSlash การนำโค้ดไปต่อยอดยังต้องออกแบบระบบเกมและทดสอบประสิทธิภาพของตัวเอง

ดู โค้ดและคู่มือติดตั้ง รวมถึง เดโมที่เล่นกับฉากได้. สำหรับแนวทางสร้างแอนิเมชันจากโค้ดอีกแบบ อ่าน LEVIATHAN ที่ GameSlash เคยรายงาน.