ব্লগে ফিরে যান

টুল ও ইন্টিগ্রেশনগাইড

pixelfx স্কিল দিয়ে আপনার গেমে পিক্সেল-আর্ট ইফেক্ট যোগ করুন

Claude Code-এ pixelfx স্কিল ইনস্টল করুন, একটি ফ্রস্ট নোভা চান, এবং লাইভ খরচ টেবিলসহ একটি সস্তা মডেলে সেই সেশনের খরচ দেখুন।

CheapTokens Team দ্বারাপ্রকাশিত হয়েছে 8 মিনিট পড়ার সময়

Claude Code লোগোর পাশে pixelfx স্কিল ইনস্টল কমান্ডসহ টার্মিনাল
এই পৃষ্ঠায়
  1. pixelfx কী
  2. স্কিলটি ইনস্টল করুন
  3. একটি ইফেক্ট চান
  4. একটি সেশনের খরচ
  5. শিপ করার আগে

আপনি আপনার ব্রাউজার গেমের জন্য একটি ফ্রস্ট নোভা চান, এবং চল্লিশটি ফ্রেম হাতে আঁকতে চান না। pixelfx স্কিল Claude Code-কে এটি করতে দেয়: দুটি কমান্ড দিয়ে এটি ইনস্টল করুন, এক বাক্যে ইফেক্টটি বর্ণনা করুন, এবং এজেন্ট কোডটি লিখে দেবে। একটি সস্তা মডেলে সেই সেশনের খরচ কত ধাপ লাগে তার উপর নির্ভর করে, তাই নিচের টেবিলটি একটি নির্দিষ্ট অনুমানের জন্য লাইভ দামে তা গণনা করে।

pixelfx কী#

pixelfx হলো ২৪৪টি পিক্সেল-আর্ট ইফেক্টের একটি লাইব্রেরি। এর README অনুযায়ী (github.com/patch-gg/pixelfx, ৪ নভেম্বর ২০২৬-এ পড়া), প্রতিটি ইফেক্ট src/fx/<category>/-এ লেখা কোডের একটি ছোট অংশ, এবং ক্যাটাগরিগুলো আগুন, বিস্ফোরণ, পানি ও বরফ থেকে শুরু করে বিদ্যুৎ, মেলি, পবিত্র, ছায়া, স্ট্যাটাস, আবহাওয়া, UI এবং ক্রিটার পর্যন্ত বিস্তৃত। একষট্টিটি ইফেক্ট একটি ক্যারেক্টার ব্যবহার করে, এবং ১২টি সম্পূর্ণ মুভ আছে যা একাধিক ইফেক্টকে একসাথে চেইন করে।

আপনার ইঞ্জিনের উপর নির্ভর করে ব্যবহারের দুটি উপায়:

  • ব্রাউজার গেম: সরাসরি JavaScript কোড ব্যবহার করুন। কোনো ডিপেন্ডেন্সি নেই।
  • Godot বা অন্য ইঞ্জিন: আপনার পছন্দের ইফেক্টগুলো Aseprite-স্টাইল JSON সহ PNG স্প্রাইট শিট হিসেবে এক্সপোর্ট করুন।

রিপোতে নতুন ইফেক্ট তৈরির জন্য একটি আলাদা Claude Code স্কিলও আছে। সেই স্কিলটিই এই গাইডের বিষয়। আপনি যদি কখনো একটি স্কিল ফাইল না খুলে থাকেন, এজেন্ট স্কিল কী এবং কীভাবে একটি যাচাই করবেন পাঁচ মিনিট সময় নেয় এবং কোনো রিপো থেকে কিছু ইনস্টল করার আগে পড়া মূল্যবান।

স্কিলটি ইনস্টল করুন#

আপনার Claude Code আগে থেকেই CheapTokens-এ পয়েন্ট করা থাকতে হবে। যদি না থাকে, প্রথমে সেটি করুন: কীভাবে Claude Code-কে CheapTokens-এ সংযুক্ত করবেন-এ ঠিকানা ও ভেরিয়েবল আছে। দীর্ঘ ফাইলযুক্ত গেম কোডের জন্য DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731) ভালো মানায়: প্রতি উত্তরে ৩২,৭৬৮ টোকেন পর্যন্ত, ৩৮০K কনটেক্সট উইন্ডো, এবং যেকোনো সময়ে একই দাম। বিস্তারিত DeepSeek মডেল পেজে।

README ইনস্টল করার দুটি উপায় দেয়। প্লাগইন পথটি Claude Code-এর ভেতরে দুটি কমান্ড:

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

ম্যানুয়াল পথটি হলো রিপো থেকে skills/pixelfx ফোল্ডারটি ~/.claude/skills/-এ কপি করা।

pixelfx-এর দুটি প্লাগইন কমান্ড দেখানো টার্মিনাল
pixelfx README থেকে দুটি ইনস্টল কমান্ড, ৪ নভেম্বর ২০২৬

ক্রমে সাজান

সেটআপ সঠিক ক্রমে রাখুন

  1. Claude Code-কে আপনার CheapTokens কী-তে সংযুক্ত করুন
  2. /plugin marketplace add দিয়ে pixelfx মার্কেটপ্লেস যোগ করুন
  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 এবং Aseprite-স্টাইল JSON পাবেন; README অনুযায়ী, Godot ও Unity-র Aseprite ইমপোর্টার এটি পড়ে।

শুরুর আগে জানার মতো একটি বিষয়। শরীরে আঁকা ইফেক্টগুলো স্টক ২৪x৩৮ ডামির জন্য লেখা, তাই ভিন্ন আকারের ক্যারেক্টারের জন্য সেই ইফেক্টগুলো পুনরায় তৈরি করতে হবে।

নিজে চেষ্টা করুনচেষ্টা করুন: আপনার হিরো ৩২x৪৮ পিক্সেল। একটি বডি ইফেক্ট কি মিলবে?উত্তর দেখান

বক্সের বাইরে নয়। বডি ইফেক্টগুলো ২৪x৩৮ ডামির জন্য আঁকা, তাই Claude Code-কে আপনার ক্যারেক্টারের আকারের জন্য সেই ইফেক্টটি পুনরায় তৈরি করতে বলুন।

pixelfx README থেকে দুটি উদাহরণ প্রম্পটসহ টার্মিনাল
pixelfx README থেকে দুটি উদাহরণ প্রম্পট, ৪ নভেম্বর ২০২৬

একটি সেশনের খরচ#

এখানেই সেই অংশ যা মানুষকে অবাক করে। ইফেক্টটি নিজে একটি ছোট ফাইল। খরচ আসে এজেন্টের কাজ থেকে: প্রতিটি ধাপে Claude Code তার পড়া প্রজেক্ট ফাইল, স্কিল টেক্সট এবং এখন পর্যন্ত কথোপকথন পুনরায় পাঠায়।

দ্রুত যাচাই

Claude Code সেশনের কোন দিকটি সাধারণত সবচেয়ে বেশি টোকেন ধারণ করে?

উত্তর দেখান

উত্তর: প্রতিটি ধাপে পুনরায় পাঠানো ইনপুট

প্রতিটি ধাপে পুরো কার্যক্ষেত্র কনটেক্সট বহন করে, তাই ইনপুট দ্রুত বাড়ে, অথচ প্রতিটি উত্তর অনেক ছোট (নিচের উদাহরণে, ৩০,০০০-এর বিপরীতে ১,৫০০ টোকেন)।

এখানে একটি অনুমান যা আপনি আপনার নিজের প্রজেক্টের জন্য বদলাতে পারেন: ধরা যাক সেশনটিতে ২০টি ধাপ লাগে, প্রতিটি ধাপে প্রায় ৩০,০০০ টোকেন ইনপুট (ফাইল, স্কিল টেক্সট ও ইতিহাস) পাঠায় এবং মডেল প্রায় ১,৫০০ টোকেন লেখে। DeepSeek-V4-Flash-এ, এমন একটি ধাপের খরচ $0.0006, এবং পুরো ২০-ধাপের সেশনটি টেবিলে আছে। এটি প্রতিটি মডেলের জন্য আমাদের দামের পাশে OpenRouter-ও দেখায়, ইনপুট ও আউটপুট একসাথে মোট হিসেবে গণনা করা।

মডেল প্রতি অনুরোধে ২০টি অনুরোধ OpenRouter, ২০টি অনুরোধ
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

প্রতি অনুরোধে ৩০,০০০ ইনপুট এবং ১,৫০০ আউটপুট টোকেন। প্রতি 1M টোকেনের দাম বর্তমান এবং আমাদের ট্যারিফের সাথে পরিবর্তিত হয়; OpenRouter কলামটি একই ওয়ার্কলোডের জন্য রেফারেন্স মূল্য দেখায়।

এই মুহূর্তে প্রতি ১M টোকেনের দাম: ইনপুট $0.015, আউটপুট $0.10। ইতিমধ্যে বিদ্যমান একটি ইফেক্টে ছোট টুইকের জন্য, GLM-5.3-Flash-এ ৩৯০K কনটেক্সট এবং প্রতি উত্তরে ৮,১৯২ টোকেন পর্যন্ত, যা রং বা টাইমিং সমন্বয়ের জন্য যথেষ্ট।

এজেন্টসহ দীর্ঘ দিন কীভাবে বাড়ে তা দেখতে, কীভাবে Claude Code সস্তা করবেন ইনপুট কমানোর অভ্যাসগুলো নিয়ে আলোচনা করে।

শিপ করার আগে#

কোড ও ইফেক্টগুলো MIT-লাইসেন্সযুক্ত। gallery/fonts-এ থাকা Patch Pixel ফন্ট MIT-এর আওতায় নয় (রিপোতে NOTICE.md দেখুন), এবং কিছু ইফেক্ট Hugo Duprez ও Hollow Crown-এর MIT কোড অভিযোজিত। আপনার গেম যদি ফন্টটি শিপ করে, প্রথমে NOTICE.md পড়ুন।

আপনার নিজের কী ও মডেল তালিকা দিয়ে শুরু করতে, CheapTokens ডকস এবং লাইভ প্রাইসিং পেজ দেখুন।