เครื่องมือและการเชื่อมต่อคู่มือ
เพิ่มเอฟเฟกต์พิกเซลอาร์ตให้เกมของคุณด้วย pixelfx skill
ติดตั้ง pixelfx skill ใน Claude Code ขอ frost nova และดูว่าเซสชันนั้นมีค่าใช้จ่ายเท่าไรบนโมเดลราคาถูกพร้อมตารางค่าใช้จ่ายจริง
คุณต้องการ frost nova สำหรับเกมเบราว์เซอร์ของคุณ และไม่อยากวาดสี่สิบเฟรมด้วยมือ pixelfx skill ให้ Claude Code ทำสิ่งนี้ได้: ติดตั้งด้วยสองคำสั่ง อธิบายเอฟเฟกต์ในหนึ่งประโยค แล้วเอเจนต์จะเขียนโค้ดให้ ค่าใช้จ่ายของเซสชันนั้นบนโมเดลราคาถูกขึ้นอยู่กับจำนวนขั้นตอนที่ใช้ ตารางด้านล่างจึงคำนวณจากราคาจริงตามสมมติฐานที่ระบุไว้
pixelfx คืออะไร#
pixelfx คือไลบรารีเอฟเฟกต์พิกเซลอาร์ต 244 แบบ ตาม README ของมัน (github.com/patch-gg/pixelfx อ่านเมื่อ 4 พฤศจิกายน 2026) แต่ละเอฟเฟกต์เป็นโค้ดชิ้นเล็ก ๆ ใน src/ และหมวดหมู่มีตั้งแต่ไฟ ระเบิด น้ำ และน้ำแข็ง ไปจนถึงสายฟ้า การต่อสู้ระยะประชิด ศักดิ์สิทธิ์ เงา สถานะ สภาพอากาศ UI และสัตว์เล็ก ๆ หกสิบเอ็ดเอฟเฟกต์ใช้ตัวละคร และมี 12 ท่าทั้งหมดที่เชื่อมเอฟเฟกต์หลายอย่างเข้าด้วยกัน
มีสองวิธีในการใช้งาน ขึ้นอยู่กับเอนจินของคุณ:
- เกมเบราว์เซอร์: ใช้โค้ด JavaScript โดยตรง ไม่มี dependencies
- Godot หรือเอนจินอื่น: ส่งออกเอฟเฟกต์ที่ต้องการเป็น PNG sprite sheet พร้อม JSON สไตล์ Aseprite
รีโปยังมี Claude Code skill แยกต่างหากที่สร้างเอฟเฟกต์ใหม่ skill นั้นคือสิ่งที่คู่มือนี้พูดถึง หากคุณไม่เคยเปิดไฟล์ skill มาก่อน agent skill คืออะไรและวิธีตรวจสอบ ใช้เวลาห้านาทีและคุ้มค่าที่จะอ่านก่อนติดตั้งอะไรก็ตามจากรีโป
ติดตั้ง skill#
คุณต้องมี Claude Code ที่ชี้ไปยัง CheapTokens แล้ว หากยังไม่ได้ทำ ให้ทำก่อน: วิธีเชื่อมต่อ Claude Code กับ CheapTokens มีที่อยู่และตัวแปร สำหรับโค้ดเกมที่มีไฟล์ยาว ๆ ตัวเลือกที่เหมาะคือ DeepSeek-V4-Flash (deepseek-): สูงสุด 32,768 โทเคนต่อคำตอบ หน้าต่างบริบท 380K และราคาเดียวทุกชั่วโมง รายละเอียดอยู่ในหน้าโมเดล DeepSeek
README ให้สองวิธีในการติดตั้ง เส้นทางปลั๊กอินคือสองคำสั่งภายใน Claude Code:
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfxเส้นทางแบบแมนนวลคือคัดลอกโฟลเดอร์ skills/pixelfx จากรีโปไปยัง ~/
เรียงลำดับ
จัดลำดับการตั้งค่าให้ถูกต้อง
ลากรายการหรือใช้ลูกศร
- เชื่อมต่อ Claude Code กับคีย์ CheapTokens ของคุณ
- เพิ่ม marketplace ของ pixelfx ด้วย /plugin marketplace add
- ติดตั้ง skill ด้วย /plugin install
- ขอเอฟเฟกต์ด้วยภาษาธรรมดา
ขอเอฟเฟกต์หนึ่งอย่าง#
skill นี้ขับเคลื่อนด้วยคำขอทั่วไป: เพิ่ม ส่งออก ปรับแต่ง หรือสร้างเอฟเฟกต์ ตัวอย่างใน README เองคือจุดเริ่มต้นที่ดีที่สุด เปิดโฟลเดอร์เกมของคุณ เริ่ม claude แล้วพิมพ์อะไรทำนองนี้:
Add a frost nova to my character's ultimate.นั่นคือพรอมป์ทั้งหมด skill ถูกสร้างมาสำหรับคำขอแบบนี้: มันสอน Claude Code ให้ค้นหา ใช้งาน ส่งออก และสร้างเอฟเฟกต์ และเมื่อมันสร้างอันใหม่ มันทำงานเป็นลูป ร่าง เรนเดอร์ ดู ปรับแต่ง (ตาม README) คาดว่าจะมีหลายขั้นตอนมากกว่าหนึ่งคำตอบ เช่นเดียวกับเซสชันเอเจนต์ใด ๆ: อ่านไฟล์ แล้วแก้ไข
หากคุณใช้ Godot ให้ขออีกสิ่งหนึ่งที่ README อธิบาย:
Export the fire and explosions categories as sprite sheets for Godot.คุณจะได้ PNG ที่มีเฟรมเรียงเป็นตารางพร้อม JSON สไตล์ Aseprite ตาม README ตัวนำเข้า Aseprite สำหรับ Godot และ Unity อ่านมันได้
มีข้อควรรู้ก่อนเริ่ม เอฟเฟกต์ที่วาดบนร่างกายถูกเขียนสำหรับหุ่นจำลองขนาดมาตรฐาน 24x38 ดังนั้นตัวละครที่มีขนาดต่างออกไปต้องสร้างเอฟเฟกต์เหล่านั้นใหม่
ลองด้วยตัวเองลองดู: ฮีโร่ของคุณมีขนาด 32x48 พิกเซล เอฟเฟกต์บนร่างกายจะวางตรงกันไหม?แสดงคำตอบ
ไม่ตรงตั้งแต่แรก เอฟเฟกต์บนร่างกายถูกวาดสำหรับหุ่นจำลอง 24x38 ดังนั้นให้ขอ Claude Code สร้างเอฟเฟกต์นั้นใหม่ให้ตรงกับขนาดตัวละครของคุณ
เซสชันหนึ่งมีค่าใช้จ่ายเท่าไร#
นี่คือส่วนที่ทำให้คนประหลาดใจ เอฟเฟกต์เองเป็นไฟล์เล็ก ๆ ค่าใช้จ่ายมาจากการทำงานของเอเจนต์: ในทุกขั้นตอน Claude Code ส่งไฟล์โปรเจกต์ที่อ่านแล้ว ข้อความ skill และบทสนทนาที่ผ่านมาใหม่ทั้งหมด
เช็กด่วน
ฝั่งใดของเซสชัน Claude Code มักถือโทเคนส่วนใหญ่?
แสดงคำตอบ
คำตอบ: อินพุตที่ส่งใหม่ทุกขั้นตอน
แต่ละขั้นตอนพาบริบทการทำงานทั้งหมดไปด้วย อินพุตจึงสะสมเร็ว ขณะที่แต่ละคำตอบสั้นกว่ามาก (ในตัวอย่างด้านล่าง 1,500 โทเคนเทียบกับ 30,000)
นี่คือสมมติฐานที่คุณปรับให้เข้ากับโปรเจกต์ของคุณได้: สมมติว่าเซสชันใช้ 20 ขั้นตอน แต่ละขั้นตอนส่งอินพุตประมาณ 30,000 โทเคน (ไฟล์ ข้อความ skill และประวัติ) และโมเดลเขียนประมาณ 1,500 โทเคน บน DeepSeek-V4-Flash หนึ่งขั้นตอนเช่นนี้มีค่าใช้จ่าย $0.0006 และเซสชัน 20 ขั้นตอนทั้งหมดอยู่ในตาราง ตารางยังแสดง OpenRouter เทียบกับราคาของเราสำหรับทุกโมเดล นับรวมอินพุตและเอาต์พุตเข้าด้วยกัน
| โมเดล | Input $/1M | Output $/1M | ต่อคำขอ | 20 คำขอ | OpenRouter, 20 คำขอ |
|---|---|---|---|---|---|
| GLM-5.3-Flash | $0.02 | $0.04 | $0.00066 | $0.0132 | $0.0226 |
| DeepSeek-V4-Flash | $0.015 | $0.10 | $0.0006 | $0.012 | $0.0462 |
| MiniMax-M2.7 | $0.05 | $0.15 | $0.0017 | $0.0345 | $0.414 |
30,000 โทเค็นอินพุตและ 1,500 โทเค็นเอาต์พุตต่อคำขอ ราคาต่อ 1M โทเค็นเป็นราคาปัจจุบันและเปลี่ยนแปลงไปพร้อมกับอัตราค่าบริการของเรา คอลัมน์ OpenRouter แสดงราคาอ้างอิงสำหรับปริมาณงานเดียวกัน
ราคาต่อ 1M โทเคนตอนนี้: อินพุต $0.015 เอาต์พุต $0.10 สำหรับการปรับแต่งเล็ก ๆ น้อย ๆ กับเอฟเฟกต์ที่มีอยู่แล้ว GLM-5.3-Flash มีบริบท 390K และสูงสุด 8,192 โทเคนต่อคำตอบ ซึ่งเพียงพอสำหรับปรับสีหรือจังหวะเวลา
หากต้องการดูว่าวันที่ยาวนานขึ้นกับเอเจนต์สะสมเป็นเท่าไร วิธีทำให้ Claude Code ถูกลง อธิบายนิสัยที่ช่วยลดอินพุต
ก่อนเปิดตัว#
โค้ดและเอฟเฟกต์อยู่ภายใต้สัญญาอนุญาต MIT ฟอนต์ Patch Pixel ใน gallery/fonts ไม่อยู่ภายใต้ MIT (ดู NOTICE.md ในรีโป) และเอฟเฟกต์บางส่วนดัดแปลงโค้ด MIT ของ Hugo Duprez และ Hollow Crown หากเกมของคุณจัดส่งฟอนต์นี้ ให้อ่าน NOTICE.md ก่อน
หากต้องการเริ่มต้นด้วยคีย์และรายการโมเดลของคุณเอง ดูเอกสาร CheapTokens และหน้าราคาแบบสด
