العودة إلى المدونة

الأدوات والتكاملاتدليل

أضف تأثيرًا بفن البكسل إلى لعبتك باستخدام مهارة pixelfx

ثبّت مهارة pixelfx في Claude Code، واطلب فروست نوفا، وشاهد تكلفة تلك الجلسة على نموذج رخيص مع جدول تكلفة حي.

بواسطة CheapTokens Teamنُشر في 4 دقيقة قراءة

طرفية تعرض أوامر تثبيت مهارة pixelfx بجانب شعار Claude Code
في هذه الصفحة
  1. ما هي pixelfx
  2. ثبّت المهارة
  3. اطلب تأثيرًا واحدًا
  4. كم تكلف الجلسة
  5. قبل أن تنشر

تريد تأثير "فروست نوفا" للعبتك في المتصفح، وتفضّل ألا ترسم أربعين إطارًا يدويًا. تتيح لك مهارة pixelfx أن يقوم Claude Code بذلك: ثبّتها بأمرين، وصف التأثير في جملة واحدة، ويكتب الوكيل الشيفرة. تعتمد تكلفة تلك الجلسة على نموذج رخيص على عدد الخطوات التي تستغرقها، لذا يحسبها الجدول أدناه على الأسعار الحية وفق افتراض معلن.

ما هي pixelfx#

pixelfx مكتبة تضم 244 تأثيرًا بفن البكسل. وفقًا لملف README الخاص بها (github.com/patch-gg/pixelfx، اطُّلِع عليه في 4 نوفمبر 2026)، كل تأثير قطعة صغيرة من الشيفرة في src/fx/<category>/، وتمتد الفئات من النار والانفجارات والماء والجليد إلى البرق والقتال المباشر والمقدّس والظل والحالات والطقس وواجهة المستخدم والمخلوقات. يستخدم واحد وستون تأثيرًا شخصية، وهناك 12 حركة كاملة تربط عدة تأثيرات ببعضها.

طريقتان لاستخدامها، حسب محرّكك:

  • لعبة متصفح: استخدم شيفرة JavaScript مباشرة. بلا اعتماديات.
  • Godot أو محرّك آخر: صدّر التأثيرات التي تريدها كأوراق رسوم PNG مع JSON بنمط Aseprite.

يحتوي المستودع أيضًا على مهارة Claude Code منفصلة تُنشئ تأثيرات جديدة. تلك المهارة هي موضوع هذا الدليل. إن لم تفتح ملف مهارة من قبل، فإن ما هي مهارة الوكيل وكيف تتحقق منها يستغرق خمس دقائق ويستحق القراءة قبل تثبيت أي شيء من مستودع.

ثبّت المهارة#

تحتاج إلى Claude Code موجّه مسبقًا إلى CheapTokens. إن لم يكن كذلك، افعل ذلك أولًا: كيف تربط Claude Code بـ CheapTokens فيه العنوان والمتغيرات. لشيفرة الألعاب ذات الملفات الطويلة، الخيار المناسب هو DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731): حتى 32,768 رمزًا لكل إجابة، ونافذة سياق 380K، وسعر واحد في أي ساعة. التفاصيل في صفحة نماذج DeepSeek.

يقدّم ملف README طريقتين للتثبيت. مسار الإضافة أمران داخل Claude Code:

text
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfx

المسار اليدوي هو نسخ مجلد skills/pixelfx من المستودع إلى ~/.claude/skills/.

طرفية تعرض أمري الإضافة لـ pixelfx
أمرا التثبيت من ملف README الخاص بـ pixelfx، 4 نوفمبر 2026

رتّب بالترتيب

رتّب الإعداد بالترتيب الصحيح

  1. اربط Claude Code بمفتاح CheapTokens الخاص بك
  2. أضف سوق pixelfx بالأمر /plugin marketplace add
  3. ثبّت المهارة بالأمر /plugin install
  4. اطلب تأثيرًا بلغة عادية

اطلب تأثيرًا واحدًا#

تُقاد المهارة بطلبات عادية: أضف، صدّر، عدّل أو أنشئ تأثيرًا. أمثلة ملف README نفسها أفضل نقطة بداية. افتح مجلد لعبتك، شغّل claude، واكتب شيئًا مثل:

text
Add a frost nova to my character's ultimate.

هذا هو الطلب كاملًا. المهارة مصمّمة لطلبات كهذه: تعلّم Claude Code أن يجد التأثيرات ويستخدمها ويصدّرها ويصنعها، وعندما يصنع تأثيرًا جديدًا يعمل بحلقة مسودة ثم عرض ثم معاينة ثم تحسين (وفق ملف README). توقّع عدة خطوات لا ردًّا واحدًا، كما في أي جلسة وكيل: قراءة ملفات ثم تحرير.

إن كنت تستخدم Godot، اطلب الشيء الآخر الذي يصفه ملف README:

text
Export the fire and explosions categories as sprite sheets for Godot.

تحصل على PNG بالإطارات في شبكة مع JSON بنمط Aseprite؛ ووفق ملف README، تقرأه أدوات استيراد Aseprite الخاصة بـ Godot وUnity.

هناك عقبة تستحق المعرفة قبل أن تبدأ. التأثيرات المرسومة على الجسم مكتوبة للدمية القياسية 24x38، لذا تحتاج الشخصية ذات الحجم المختلف إلى إعادة توليد تلك التأثيرات.

جرّب بنفسكجرّب: بطلك بحجم 32x48 بكسل. هل سيصطف تأثير الجسم؟إظهار الإجابة

ليس جاهزًا للاستخدام مباشرة. تُرسم تأثيرات الجسم للدمية 24x38، لذا اطلب من Claude Code إعادة توليد ذلك التأثير بحجم شخصيتك.

طرفية تعرض طلبي المثال من ملف README الخاص بـ pixelfx
طلبا مثال من ملف README الخاص بـ pixelfx، 4 نوفمبر 2026

كم تكلف الجلسة#

هنا الجزء الذي يفاجئ الناس. التأثير نفسه ملف صغير. تأتي التكلفة من عمل الوكيل: في كل خطوة يعيد Claude Code إرسال ملفات المشروع التي قرأها ونص المهارة والمحادثة حتى الآن.

فحص سريع

أي جانب من جلسة Claude Code يحمل عادة معظم الرموز؟

إظهار الإجابة

الإجابة: المدخل المُعاد إرساله في كل خطوة

كل خطوة تحمل سياق العمل كاملًا، لذا يتراكم المدخل سريعًا، بينما كل إجابة أقصر بكثير (في المثال أدناه، 1,500 رمز مقابل 30,000).

هذا افتراض يمكنك تغييره لمشروعك: لنقل إن الجلسة تستغرق 20 خطوة، وكل خطوة ترسل نحو 30,000 رمز من المدخل (ملفات ونص المهارة وسجل المحادثة) ويكتب النموذج نحو 1,500 رمز. على DeepSeek-V4-Flash، تكلف خطوة كهذه $0.0006، والجلسة كاملة بـ 20 خطوة في الجدول. يعرض أيضًا OpenRouter إلى جانب سعرنا لكل نموذج، محسوبًا بالإجمالي مع المدخل والمخرج معًا.

النموذج لكل طلب 20 طلبات OpenRouter، 20 طلبات
GLM-5.3-Flash $0.00066 $0.0132 $0.0226
DeepSeek-V4-Flash $0.0006 $0.012 $0.0462
MiniMax-M2.7 $0.0017 $0.0345 $0.414

30,000 رمز إدخال و1,500 رمز إخراج لكل طلب. الأسعار لكل مليون رمز حالية وتتغير مع تعريفاتنا؛ يعرض عمود OpenRouter أسعارًا مرجعية لنفس حجم العمل.

الأسعار لكل مليون رمز الآن: المدخل $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 وصفحة الأسعار الحية.

الوسوم: