ডেভেলপার ছাড়া কীভাবে প্লেয়েবল অ্যাড বানাবেন

মূল কথা - প্লেয়েবল অ্যাড বানানো মূলত একটি ডিজাইন সিদ্ধান্ত: কোনো টুল ছোঁয়ার আগেই একটি মেকানিক, একটি লক্ষ্য এবং একটি সমাপ্তি বেছে নিন। - প্রথম কয়েক সেকেন্ডের স্ক্রিপ্ট কাগজে লিখুন। অপরিচিত কেউ যদি লেখা ছাড়া বুঝতে না পারে কী করতে হবে, তাহলে মেকানিকটি সহজ করুন। - প্লেয়েবল অ্যাড মেকার বা ভিজ্যুয়াল ইঞ্জিনের এক্সপোর্ট ব্যবহার করে ডেভেলপার ছাড়াই বিল্ড করা যায়, তবে চূড়ান্ত ফাইল আসল ফোনে টেস্ট করতেই হবে। - এন্ড কার্ড ও স্টোর বোতাম অ্যাডেরই অংশ, পরে ভাবার বিষয় নয়। প্রতিটি আপলোডের আগে এগুলো যাচাই করুন। - প্যাকেজিংয়ের ক্ষেত্রে প্রতিটি নেটওয়ার্কের বর্তমান স্পেককেই চূড়ান্ত নির্ভরযোগ্য উৎস ধরুন, এবং যে ফাইলটি পাঠাবেন ঠিক সেটির ওপর QA করুন।

প্লেয়েবল অ্যাড আসলে কী

প্লেয়েবল অ্যাড হলো একটি ছোট ইন্টারঅ্যাক্টিভ অভিজ্ঞতা, সাধারণত HTML5-ভিত্তিক, যা অ্যাড স্লটের ভেতরে চলে। ব্যবহারকারী আপনার গেম বা অ্যাপের একটি ছোট অংশ দেখেন, তার সঙ্গে ইন্টারঅ্যাক্ট করেন, এবং তারপর একটি এন্ড কার্ডে পৌঁছান যা তাঁকে স্টোরে পাঠায়।

এটি ডেমো বিল্ড নয়, ট্যাপ প্রম্পটসহ ট্রেলারও নয়। এটি একটি উদ্দেশ্য নিয়ে বানানো লুপ, যা মানুষকে প্রোডাক্ট ছুঁয়ে বুঝতে সাহায্য করে। এই দৃষ্টিভঙ্গি গুরুত্বপূর্ণ, কারণ এটাই বলে দেয় কী বাদ দিতে হবে: প্রায় সবকিছু।

প্রযুক্তিগতভাবে প্লেয়েবল একটি ওয়েব পেজ। এটি HTML, JavaScript, ছবি এবং কখনো কখনো অডিও দিয়ে তৈরি, যা ক্যানভাস বা DOM-এ আঁকা হয়। ভেতরের ব্যাপারটা জানতে চাইলে MDN-এর Canvas API ডকুমেন্টেশন একটি ভালো শুরু। প্লেয়েবল বানাতে এটি পড়া জরুরি নয়, তবে সহজ রাখলে প্লেয়েবল কেন ছোট ও দ্রুত হতে পারে, তা এটি ব্যাখ্যা করে।

ধাপ ১: খেলার মতো একটি মেকানিক বেছে নিন

আপনার গেম বা অ্যাপ খুলে নিজেকে জিজ্ঞেস করুন: কোন একটি কাজ মানুষকে বলায় "ও, বুঝে গেছি"?

• ম্যাচ-৩ গেমে এটি হলো দুটি পিস অদলবদল করে ক্যাসকেড দেখা।
• হাইপার-ক্যাজুয়াল রানারে এটি হলো বাধা এড়াতে ডানে-বামে ঘোরানো।
• মার্জ গেমে এটি হলো দুটি একই রকম আইটেম টেনে এক করা।
• ফাইন্যান্স বা ফিটনেস অ্যাপে এটি হতে পারে এমন একটি ইন্টারঅ্যাকশন যা ফলাফল দেখায়, যেমন স্লাইডার সরিয়ে সংখ্যা বদলাতে দেখা।

এমনটি বেছে নিন যা কোনো শব্দ ছাড়া বোঝা সবচেয়ে সহজ এবং সঙ্গে সঙ্গে ফিডব্যাক দেয়। প্রগ্রেশন, শপ বা সোশ্যাল ফিচার দেখানোর ইচ্ছা দমন করুন। এগুলো খেলা চালিয়ে যাওয়ার কারণ, শুরু করার কারণ নয়।

একটি কাজের পরীক্ষা: প্লেয়েবলটি এক বাক্যে বর্ণনা করুন। "মিলে যাওয়া ব্লকগুলো টেনে বোর্ড পরিষ্কার করুন" চলে। "আপনার বেস বানান, তারপর লড়াই করুন, তারপর আপগ্রেড করুন" চলে না।

ধাপ ২: কাগজে সেশনের স্ক্রিপ্ট লিখুন

বিল্ড করার আগে প্লেয়েবলটিকে ছোট কিছু বিটের ক্রম হিসেবে লিখুন। আপনি আসলে একটি অতি ছোট গল্প ডিজাইন করছেন।

1. হুক। প্রথম মুহূর্তে খেলোয়াড় কী দেখেন? এটি আপনার গেমের মূল ভিজ্যুয়াল দেখাবে এবং স্পষ্ট করবে যে কিছু একটা ইন্টারঅ্যাক্টিভ।
2. প্রথম ইনপুট। তাঁরা প্রথমে কী করবেন? হ্যান্ড কার্সার, হাইলাইট বা স্পন্দিত টার্গেট দিয়ে পথ দেখান। এক অনুচ্ছেদ লেখার ওপর নির্ভর করবেন না।
3. পুরস্কার। করলে কী ঘটে? মুভমেন্ট যোগ করুন, নেটওয়ার্ক অনুমতি দিলে সাউন্ড দিন, এবং এগিয়ে যাওয়ার স্পষ্ট অনুভূতি দিন।
4. ক্রমবৃদ্ধি। আরও এক-দুটি কাজ দিন যা প্রথমটির চেয়ে একটু বড় মনে হয়।
5. সমাপ্তি। শেষটা ঠিক করুন: জয়, পুনরায় চেষ্টা করতে আমন্ত্রণ জানানো অল্পের জন্য হার, অথবা সময়ভিত্তিক কাটঅফ। তারপর এন্ড কার্ড দেখান।

প্রতিটি বিট একটি রাফ ফ্রেমে স্কেচ করুন। কয়েকটি বক্সে আঁকতে না পারলে এই ফরম্যাটের জন্য সেটি বেশি জটিল।

কীভাবে হারা যায় তা ঠিক করুন

যে প্লেয়েবলে হারা যায় না, তা অর্থহীন মনে হতে পারে; আবার খুব তাড়াতাড়ি হেরে গেলে তা অন্যায্য লাগে। একটি প্রচলিত প্যাটার্ন হলো গাইড করা একটি জয়, তারপর কঠিনতর দ্বিতীয় ধাপ যেখানে হারার সম্ভাবনা আছে কিন্তু ক্ষমাশীল। রিট্রাই হবে তাৎক্ষণিক।

ধাপ ৩: কীভাবে বিল্ড করবেন তা বেছে নিন

ডেভেলপার ছাড়া তিনটি বাস্তবসম্মত পথ আছে।

পথ ক: প্লেয়েবল অ্যাড মেকার

প্লেয়েবল অ্যাড মেকার আপনার ইনপুট থেকে HTML5 তৈরি করে দেয়। যেমন PlayableRun আপনার App Store বা Google Play লিস্টিং থেকে শুরু করে একটি প্লেয়েবল তৈরি করে, যা আপনি পরিমার্জন করতে পারেন, তারপর Google Ads-এর জন্য প্রস্তুত একটি ZIP এক্সপোর্ট করে। যেসব ছোট টিমকে পাইপলাইন না বানিয়েই ভ্যারিয়েশন পাঠাতে হয়, তাদের জন্য এই পথ উপযোগী।

বিনিময়ে নিয়ন্ত্রণ কমে। আপনাকে উপলব্ধ টেমপ্লেট ও ইন্টারঅ্যাকশনের মধ্যে কাজ করতে হয়, তাই ধাপ ১-এর মেকানিক বাছার সময় তা মাথায় রাখুন।

পথ খ: গেম ইঞ্জিনের প্লেয়েবল এক্সপোর্ট

আপনার গেম যদি এমন ইঞ্জিনে বানানো হয় যেখানে প্লেয়েবল বা HTML5 এক্সপোর্ট আছে, তাহলে একজন টেকনিক্যাল ডিজাইনার প্রায়ই গেমটিকে একটি লেভেলে ছেঁটে এক্সপোর্ট করতে পারেন। এতে আপনার আসল ভিজ্যুয়াল ও অনুভূতি থাকে, কিন্তু ফাইলের ওজন এবং নেটওয়ার্ক-নির্দিষ্ট র‍্যাপার আপনাকে নিজেকেই সামলাতে হবে।

পথ গ: ফ্রিল্যান্সার বা স্টুডিও

এমন অনন্য মেকানিক দরকার হলে, যা কোনো টুল সমর্থন করে না, আউটসোর্সিং যুক্তিসংগত। তাদের অস্পষ্ট ব্রিফ নয়, ধাপ ২-এর স্ক্রিপ্ট দিন। জিজ্ঞেস করুন ডেলিভার করা ফাইলে কী কী আছে এবং স্টোর লিংক কীভাবে সামলানো হয়েছে।

যে পথই বেছে নিন, স্ক্রিপ্ট ও অ্যাসেট আপনারই কাজ। আপনার গেমের কোন অংশটি মজার, তা কোনো টুল ঠিক করে দিতে পারে না।

ধাপ ৪: অ্যাসেট প্রস্তুত করুন ও বিল্ড করুন

বিল্ড শুরুর আগে প্লেয়েবলের যা যা লাগবে তা জড়ো করুন:

• মূল আর্ট। ক্যারেক্টার, আইটেম, ব্যাকগ্রাউন্ড এবং UI অংশ, পরিচ্ছন্নভাবে এক্সপোর্ট করা, প্রয়োজনে স্বচ্ছ ব্যাকগ্রাউন্ডসহ।
• ফিডব্যাক উপাদান। পার্টিকল, স্কোর পপ, হাইলাইট এবং হ্যান্ড কার্সার।
• অডিও। ঐচ্ছিক, এবং ভালো প্লেয়েবল সাউন্ড বন্ধ থাকলেও অর্থপূর্ণ থাকা উচিত।
• এন্ড কার্ড। আপনার আইকন, এক লাইনের কপি এবং স্পষ্ট ইনস্টল বোতাম।
• স্টোর লিংক। অ্যাডটি যে হুবহু App Store বা Google Play লিস্টিং খুলবে।

বিল্ড করার সময় তিনটি নীতি মনে রাখুন।

টাচ উদার রাখুন। মানুষ ছোট স্ক্রিনে অসূক্ষ্ম বুড়ো আঙুলে খেলে। নিখুঁত কন্ট্রোলের চেয়ে বড় হিট এরিয়া এবং ক্ষমাশীল ড্র্যাগ আচরণ ভালো। কাস্টম ইনপুট বানালে MDN-এর Pointer Events ডকুমেন্টেশন ব্যাখ্যা করে কীভাবে একই কোড পথে টাচ ও মাউস দুটোই সামলানো যায়।

তাৎক্ষণিক সাড়া দিন। প্রতিটি ট্যাপে দৃশ্যমান প্রতিক্রিয়া থাকতে হবে। সামান্য দেরিও মনে করায় অ্যাডটি ভাঙা, আর মানুষ চলে যায়।

হালকা রাখুন। ভারী অ্যাসেট লোড ধীর করে, আর ধীরে লোড হওয়া প্লেয়েবল মানুষ দেখারই আগে হারিয়ে ফেলে। ছবি কম্প্রেস করুন, অপ্রয়োজনীয় অডিও এড়ান, এবং স্ক্রিপ্টে নেই এমন ফিচার বাদ দিন। প্রতিটি নেটওয়ার্কের নিজস্ব ফাইল সীমা আছে, তাই স্মৃতির ওপর নির্ভর না করে যে নেটওয়ার্কে চালাবেন তার বর্তমান স্পেক দেখে নিন।

ধাপ ৫: আসল ডিভাইসে টেস্ট করুন

ডেস্কটপ প্রিভিউ সমস্যা লুকিয়ে রাখে। আপলোডের আগে অন্তত কয়েকটি আসল ফোনে ফাইলটি খুলুন, আদর্শভাবে একটি পুরোনো ও একটি নতুন, এবং নিচের বিষয়গুলো দেখুন।

• মোবাইল কানেকশনে কি দ্রুত লোড হয়?
• টাচ ইনপুট কি আপনার প্রিভিউয়ের মতোই কাজ করে?
• নেটওয়ার্ক দুটোই সমর্থন করলে লেআউট কি পোর্ট্রেট ও ল্যান্ডস্কেপ দুটোতেই ঠিকঠাক বসে?
• হারের পরে বা টাইমআউটের পরেও কি প্রতিবার এন্ড কার্ড আসে?
• ইনস্টল বোতাম কি প্লেসহোল্ডার নয়, সঠিক স্টোর লিস্টিং খোলে?
• খেলোয়াড় যদি এলোমেলোভাবে, দ্রুত ট্যাপ করেন বা কিছুই না করেন, তাহলে কি কিছু ভেঙে যায়?

শেষ প্রশ্নটি অনেক কিছু ধরে ফেলে। আসল মানুষ আপনার স্ক্রিপ্ট মেনে চলে না। তারা অ্যানিমেশনের মধ্যে ট্যাপ করে, হ্যান্ড কার্সার উপেক্ষা করে, আর স্ক্রল করার চেষ্টা করে। আপনার প্লেয়েবলকে তা সামলাতে হবে।

আরও সম্পূর্ণ তালিকার জন্য প্রতিটি রিলিজের আগে প্লেয়েবল HTML5 QA চেকলিস্ট ব্যবহার করুন।

ধাপ ৬: এক্সপোর্ট ও আপলোড

প্যাকেজিংয়ের জায়গাতেই অন্যথায় ভালো প্লেয়েবল রিজেক্ট হয়। স্টোর লিংক কীভাবে ট্রিগার করতে হবে, কোন ফাইল অনুমোদিত, এবং বান্ডেল কেমন হওয়া উচিত, তা নেটওয়ার্কভেদে আলাদা।

বিশেষ করে Google Ads-এর ক্ষেত্রে ZIP কাঠামো এবং পলিসি চেকের খুঁটিনাটি রয়েছে Google Ads-এ HTML5 ZIP কীভাবে আপলোড করবেন লেখায়। App campaign চালালে ক্লিক-আউট কীভাবে সংযুক্ত করতে হবে তা বুঝতে App campaign-এ ExitApi পড়ুন।

যে ফাইলটি আপলোড করতে যাচ্ছেন ঠিক সেটির ওপর চূড়ান্ত যাচাই করুন, আগের কোনো বিল্ডে নয়। এক ভার্সন টেস্ট করে আরেক ভার্সন পাঠিয়ে দেওয়া আশ্চর্যজনকভাবে সাধারণ ঘটনা।

এড়িয়ে চলার মতো সাধারণ ভুল

• বেশি কিছু দেখানো। প্লেয়েবল টিউটোরিয়াল নয়। লম্বা ব্যাখ্যা লাগলে মেকানিক ছোট করুন।
• নকল গেমপ্লে। প্লেয়েবল আসল প্রোডাক্টের মতো না দেখালে মানুষ প্রতারিত বোধ করে, এবং কেউ কেউ সঙ্গে সঙ্গে আনইনস্টল করে। আপনি যা সত্যিই দেন, তা-ই দেখান।
• কল টু অ্যাকশন লুকিয়ে রাখা। এন্ড কার্ড হতে হবে সুস্পষ্ট। বোতাম খুঁজে বের করতে মানুষকে বাধ্য করবেন না।
• ফেইল স্টেট বাদ দেওয়া। স্ক্রিপ্ট করা জয় একঘেয়ে লাগে। হারার ছোট সুযোগ এবং তারপর সহজ রিট্রাই সাধারণত মনোযোগ ধরে রাখে।
• শুধু ব্রাউজারে টেস্ট করা। আসল ডিভাইসে টাচ, অডিও ও লেআউটের যেসব সমস্যা ধরা পড়ে, ডেস্কটপে তা কখনো পড়বে না।
• মাত্র একটি ভার্সন পাঠানো। প্রথম প্লেয়েবল কাজ করলে একবারে একটি জিনিস বদলান, যেমন হুক, প্রথম ইনপুট বা এন্ড কার্ড, যাতে বোঝা যায় কোনটি গুরুত্বপূর্ণ।

একটি বাস্তবসম্মত প্রথম প্রজেক্ট

এটি আপনার প্রথম প্লেয়েবল হলে পরিসর ছোট রাখুন। একটি মেকানিক বেছে নিন, তার একটি লেভেল বানান, স্পষ্ট এন্ড কার্ড যোগ করুন, কয়েকটি ফোনে টেস্ট করুন, এবং একটি নেটওয়ার্কে আপলোড করুন। নিখুঁত ভ্যারিয়েশনের সেট পরিকল্পনা করার চেয়ে একটি আসল ক্যাম্পেইন থেকে আপনি বেশি শিখবেন।

প্রস্তুত হলে সম্পূর্ণ প্লেয়েবল কেমন দেখায় তা দেখতে PlayableRun ডেমো পেজে উদাহরণ দেখতে পারেন, অথবা একটি বিনামূল্যের অ্যাকাউন্ট খুলে নিজের স্টোর লিস্টিং থেকে প্রথমটি বানাতে পারেন।