รีวิว pixelfx — คลังเอฟเฟกต์ pixel art 244 แบบ ที่เป็นโค้ดล้วน พร้อม skill ให้ Claude Code สร้างเพิ่ม
ข้อมูล Repo
patch-gg/pixelfx- ภาษา
- JavaScript
- ดาว
- 2,554
- สร้างเมื่อ
- แก้ไขล่าสุด
เปลี่ยนสถานะผ่าน API: PATCH /api/reports/4360d863-019b-49ee-abb8-1d18016eda08
แคปชันสำหรับ Facebook
ทำเกม pixel art อยู่ แล้วเบื่อวาดเอฟเฟกต์ไฟ ระเบิด เวทมนตร์ทีละเฟรม? ลองดู pixelfx ครับ 🔥 pixelfx เป็นคลังเอฟเฟกต์ pixel art 244 แบบ ทุกตัวเป็นโค้ดชิ้นเล็ก ไม่ใช่ไฟล์รูป ✅ มีครบ ทั้งไฟ ระเบิด น้ำ น้ำแข็ง สายฟ้า ไซไฟ ฟันดาบ ฮีล สภาพอากาศ UI และไอเทม ✅ ใช้ในเกมบนเบราว์เซอร์ได้เลย (canvas, Phaser, PixiJS, three.js) ไม่มี dependency ✅ export เป็น sprite sheet พร้อม JSON ไปใช้กับ Godot, Unity, GameMaker ได้ ✅ เปลี่ยนสีด้วย palette เช่น ไฟสีฟ้า ฮีลสีชมพู โดยไม่ต้องแก้โค้ด ✅ มี skill ให้ Claude Code ช่วยหา ใช้ และสร้างเอฟเฟกต์ใหม่ เช่น "เอฟเฟกต์นี้ดูไม่หนักแน่น ช่วยทำให้แรงขึ้น" เหมาะกับคนทำเกมอินดี้ และสาย dev ที่อยากเล่น pixel art กับ AI ข้อควรรู้: ใช้ MIT ทั้งโค้ดและเอฟเฟกต์ ยกเว้นฟอนต์ Patch Pixel ในแกลเลอรีที่ไม่อยู่ใน MIT ดูรายละเอียดใน NOTICE.md 🔗 https://github.com/patch-gg/pixelfx #PixelArt #GameDev #ClaudeCode #OpenSource
ภาพปกแบบ HTML สด
แสดงจาก HTML ต้นฉบับที่ใช้สร้างภาพ ดาวน์โหลดเป็น PNG 1080×1350 ได้ทันที
สไตล์ Easy AI
1080×1350แก้ไข 2026-11-02
สไตล์ easy-app
1080×1350แก้ไข 2026-11-02
สรุป
pixelfx เป็นคลังเอฟเฟกต์และแอนิเมชัน pixel art 244 แบบ เช่น ไฟ ระเบิด เวทมนตร์ สภาพอากาศ UI และไอเทม ทุกเอฟเฟกต์เป็นโค้ด JavaScript ไฟล์เล็กๆ ไม่มีรูปภาพ ใช้ในเกมบนเบราว์เซอร์ได้ทันที หรือ export เป็น sprite sheet ไปใช้กับ Godot, Unity และเอนจินอื่น เปลี่ยนสีด้วย palette ได้ และมี Claude Code skill ช่วยหาและสร้างเอฟเฟกต์ใหม่ ใช้ MIT license
คืออะไร
pixelfx คือคลังเอฟเฟกต์และแอนิเมชัน pixel art 244 แบบ ทุกแบบเป็นโค้ด JavaScript ชิ้นเล็กๆ ไม่ใช่ไฟล์รูป มีทั้งไฟ ระเบิด เวทมนตร์ สภาพอากาศ UI ไอเทม และสัตว์เล็กๆ เปิดเล่นสดได้ในแกลเลอรี เปลี่ยนสีหรือกลับด้านได้ ใส่ลงเกมบนเบราว์เซอร์ หรือ export เป็น sprite sheet ไปใช้กับเอนจินไหนก็ได้ และยังมี skill ของ Claude Code ที่ช่วยสร้างเอฟเฟกต์ใหม่แบบ "ร่าง เรนเดอร์ ดู แล้วแก้"
วิธีคิดมาจากบทความของ Hugo Duprez เรื่องการทำเอฟเฟกต์ pixel art ดีๆ ด้วย Claude ทีมผู้สร้างนำมาทำเป็นคลังขนาดใหญ่
จุดเด่น
- ✅ 244 เอฟเฟกต์ใน 21 หมวด เช่น fire, explosions, water, ice, lightning, sci-fi, melee, holy, shadow, weather, ui, pickups, transitions, critters และ moves
- ✅ มีการแสดงท่าทาง เอฟเฟกต์ที่มีตัวละครจะมีท่าง้าง ปล่อยพลัง ค้างตอนโดน และฟื้นตัว มีเป้าที่รับแรงกระแทกด้วย และมีท่าโจมตีเต็มชุด 12 ท่า
- ✅ ใช้ในเกมบนเบราว์เซอร์ได้ทันที (canvas, Phaser, PixiJS, Kaplay, three.js) ไม่มี dependency
- ✅ export sprite sheet เป็น PNG พื้นใสพร้อม JSON แบบ Aseprite ให้ Godot, Unity, GameMaker และเอนจินอื่นใช้
- ✅ เปลี่ยนสีด้วย palette ไฟสีฟ้าหรือฮีลสีชมพูได้โดยไม่ต้องแก้โค้ด
- ✅ ผลลัพธ์คงที่ ทุกค่าสุ่มมาจาก seed ของเอฟเฟกต์ เฟรมเดียวกันจะออกมาเหมือนเดิมทุกครั้ง
- ✅ skill ของ Claude Code ช่วยหา ใช้ export และสร้างเอฟเฟกต์ใหม่
เหมาะกับใคร
- คนทำเกมอินดี้สาย pixel art ที่อยากได้เอฟเฟกต์ไวๆ
- นักพัฒนาเกมบนเว็บที่อยากได้โค้ดเอฟเฟกต์เบาๆ ไม่พึ่งไลบรารี
- คนใช้ Claude Code ที่อยากให้ AI ช่วยออกแบบเอฟเฟกต์ใหม่
เริ่มต้นใช้งาน
ติดตั้งจาก GitHub
npm i github:patch-gg/pixelfx
ส่งออกเอฟเฟกต์เป็น sprite sheet
node tools/render.mjs ice/frost-nova --sheet
ติดตั้ง skill ใน Claude Code
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfx
หรือคัดลอกโฟลเดอร์ skills/pixelfx ไปไว้ที่ ~/.claude/skills/ แล้วสั่งได้เลย เช่น "Export the fire and explosions categories as sprite sheets for Godot."
อยากสร้างเอฟเฟกต์เอง เริ่มจาก
node tools/new.mjs arcane/my-spell
node tools/render.mjs arcane/my-spell
node tools/check.mjs arcane/my-spell
ข้อควรรู้
- โค้ดและเอฟเฟกต์ใช้ MIT ใช้เชิงพาณิชย์ได้ บางส่วนดัดแปลงจากงาน MIT ของ Hugo Duprez และ Hollow Crown
- ⚠️ ฟอนต์ Patch Pixel ใน
gallery/fontsไม่อยู่ใน MIT ดูรายละเอียดใน NOTICE.md - เอฟเฟกต์ที่วาดลงบนตัวละครใช้ตัวหุ่นสีเทาของคลัง ถ้าจะใช้กับตัวละครของเราเอง ต้องสร้าง sprite sheet ส่วนนั้นใหม่
- โปรเจกต์เพิ่งสร้างเมื่อ 30 ต.ค. 2026
🔗 https://github.com/patch-gg/pixelfx
ข้อมูลจาก GitHub ณ 2 พ.ย. 2026: ⭐ 2,554 | ภาษา JavaScript | license MIT