ડેવલપર વિના પ્લેયેબલ એડ કેવી રીતે બનાવવી

મુખ્ય મુદ્દાઓ - પ્લેયેબલ એડ બનાવવી મોટે ભાગે ડિઝાઇનનો નિર્ણય છે: કોઈ ટૂલને હાથ લગાવતા પહેલા એક મિકેનિક, એક ધ્યેય અને એક અંત પસંદ કરો. - શરૂઆતની થોડી સેકન્ડોની સ્ક્રિપ્ટ કાગળ પર લખો. જો કોઈ અજાણી વ્યક્તિ લખાણ વિના શું કરવું તે સમજી ન શકે, તો મિકેનિક સરળ બનાવો. - પ્લેયેબલ એડ મેકર અથવા વિઝ્યુઅલ એન્જિનના એક્સપોર્ટથી તમે ડેવલપર વિના બિલ્ડ કરી શકો છો, પણ અંતિમ ફાઇલ વાસ્તવિક ફોન પર ટેસ્ટ કરવી જ પડશે. - એન્ડ કાર્ડ અને સ્ટોર બટન એડનો ભાગ છે, પાછળથી યાદ આવેલી બાબત નથી. દરેક અપલોડ પહેલા તેમને ચકાસો. - પેકેજિંગ માટે દરેક નેટવર્કના વર્તમાન સ્પેકને આધારભૂત માનો, અને જે ફાઇલ મોકલવાની છે તેના પર જ QA કરો.

પ્લેયેબલ એડ ખરેખર શું છે

પ્લેયેબલ એડ એક નાનો ઇન્ટરેક્ટિવ અનુભવ છે, સામાન્ય રીતે HTML5માં, જે એડ સ્લોટની અંદર ચાલે છે. વ્યક્તિ તમારી ગેમ અથવા એપનો ટૂંકો હિસ્સો જુએ છે, તેની સાથે ઇન્ટરેક્ટ કરે છે, અને પછી એન્ડ કાર્ડ પર પહોંચે છે જે તેને સ્ટોર પર લઈ જાય છે.

તે ડેમો બિલ્ડ નથી, અને ટેપ પ્રોમ્પ્ટ સાથેનું ટ્રેલર પણ નથી. તે ખાસ હેતુથી બનાવેલો લૂપ છે જે વ્યક્તિને તમારા પ્રોડક્ટને સ્પર્શીને સમજાવે છે. આ દૃષ્ટિકોણ મહત્વનો છે, કારણ કે તે જણાવે છે કે શું કાપવું: લગભગ બધું.

ટેક્નિકલ રીતે, પ્લેયેબલ એક વેબ પેજ છે. તે HTML, JavaScript, ઇમેજ અને ક્યારેક ઓડિયોથી બનેલું હોય છે, જે canvas અથવા DOM પર દોરાય છે. અંદર શું ચાલે છે તે જાણવા માગતા હો તો MDN પરનું Canvas API દસ્તાવેજીકરણ સારી શરૂઆત છે. તેને બનાવવા માટે તે વાંચવું જરૂરી નથી, પરંતુ સાદગી જાળવવામાં આવે ત્યારે પ્લેયેબલ નાનું અને ઝડપી કેમ રહી શકે છે તે તેમાંથી સમજાય છે.

સ્ટેપ 1: રમવા લાયક એક મિકેનિક પસંદ કરો

તમારી ગેમ અથવા એપ ખોલો અને પૂછો: એવી કઈ એક ક્રિયા છે જે લોકોને "ઓહ, સમજાઈ ગયું" કહેવડાવે?

• મેચ-3 ગેમમાં, તે બે પીસની અદલાબદલી કરીને કાસ્કેડ જોવાનું છે.
• હાઇપર-કેઝ્યુઅલ રનરમાં, તે અવરોધોથી બચવા ડાબે-જમણે વાળવાનું છે.
• મર્જ ગેમમાં, તે બે સમાન વસ્તુઓને ખેંચીને ભેગી કરવાનું છે.
• ફાઇનાન્સ અથવા ફિટનેસ એપમાં, તે પરિણામ બતાવતી એક ઇન્ટરેક્શન હોઈ શકે, જેમ કે સ્લાઇડર ખસેડીને આંકડો બદલાતો જોવો.

એવું મિકેનિક પસંદ કરો જે શબ્દો વિના સમજવું સૌથી સરળ હોય અને તરત ફીડબેક આપે. પ્રોગ્રેશન, શોપ કે સોશિયલ ફીચર્સ બતાવવાની લાલચ ટાળો. તે રમતા રહેવાના કારણો છે, શરૂ કરવાના નહીં.

એક ઉપયોગી ટેસ્ટ: પ્લેયેબલનું એક વાક્યમાં વર્ણન કરો. "બોર્ડ સાફ કરવા મેળ ખાતા બ્લોક્સ ખેંચો" ચાલે. "તમારો બેઝ બનાવો, પછી લડો, પછી અપગ્રેડ કરો" ન ચાલે.

સ્ટેપ 2: સેશનની સ્ક્રિપ્ટ કાગળ પર લખો

બિલ્ડ કરતા પહેલા, પ્લેયેબલને ટૂંકા બીટ્સના ક્રમ તરીકે લખો. તમે એક ખૂબ નાની વાર્તા ડિઝાઇન કરી રહ્યા છો.

1. હૂક. પહેલી ક્ષણે પ્લેયર શું જુએ છે? તે તમારી ગેમનું મુખ્ય વિઝ્યુઅલ બતાવે અને કંઈક ઇન્ટરેક્ટિવ છે તે સ્પષ્ટ કરે.
2. પહેલું ઇનપુટ. તેઓ સૌથી પહેલા શું કરે છે? તેને હેન્ડ કર્સર, હાઇલાઇટ અથવા ધબકતા ટાર્ગેટથી માર્ગદર્શન આપો. લખાણના આખા ફકરા પર આધાર ન રાખો.
3. રિવોર્ડ. તેઓ તે કરે ત્યારે શું થાય છે? મોશન ઉમેરો, નેટવર્ક મંજૂરી આપે તો સાઉન્ડ ઉમેરો, અને પ્રગતિનો સ્પષ્ટ અનુભવ આપો.
4. એસ્કેલેશન. તેમને એક કે બે વધુ ક્રિયાઓ આપો જે પહેલી કરતાં થોડી મોટી લાગે.
5. અંત. તે કેવી રીતે પૂરી થશે તે નક્કી કરો: જીત, ફરી પ્રયાસ માટે આમંત્રણ આપતી નજીકની હાર, અથવા સમય આધારિત કટઓફ. પછી એન્ડ કાર્ડ બતાવો.

દરેક બીટને રફ ફ્રેમ તરીકે સ્કેચ કરો. જો તમે તેને થોડા બોક્સમાં દોરી ન શકો, તો આ ફોર્મેટ માટે તે ખૂબ જટિલ છે.

તે કેવી રીતે નિષ્ફળ જઈ શકે તે નક્કી કરો

જે પ્લેયેબલમાં હારી ન શકાય તે અર્થહીન લાગી શકે, અને જેમાં ખૂબ ઝડપથી હારી જવાય તે અન્યાયી લાગે. સામાન્ય પેટર્ન એ છે કે માર્ગદર્શિત જીત પછી વધુ અઘરું બીજું સ્ટેપ આવે, જેમાં નિષ્ફળતા શક્ય છે પણ માફ કરનારી છે. રિટ્રાય તરત થવું જોઈએ.

સ્ટેપ 3: તેને કેવી રીતે બનાવશો તે પસંદ કરો

સમર્પિત ડેવલપર વિના તમારી પાસે ત્રણ વ્યવહારુ માર્ગો છે.

માર્ગ A: પ્લેયેબલ એડ મેકર

પ્લેયેબલ એડ મેકર તમારા ઇનપુટ પરથી તમારા માટે HTML5 બનાવે છે. ઉદાહરણ તરીકે PlayableRun તમારા App Store અથવા Google Play લિસ્ટિંગથી શરૂ કરે છે અને એક પ્લેયેબલ બનાવે છે જેને તમે સુધારી શકો, પછી Google Ads માટે તૈયાર ZIP એક્સપોર્ટ કરે છે. આ માર્ગ એવી નાની ટીમોને અનુકૂળ છે જેમને પાઇપલાઇન બનાવ્યા વિના વેરિએશન્સ શિપ કરવા હોય.

તેનો બદલો નિયંત્રણમાં ચૂકવવો પડે છે. તમે ઉપલબ્ધ ટેમ્પ્લેટ્સ અને ઇન્ટરેક્શન્સની અંદર કામ કરો છો, તેથી સ્ટેપ 1નું મિકેનિક તે ધ્યાનમાં રાખીને પસંદ કરો.

માર્ગ B: ગેમ એન્જિનનું પ્લેયેબલ એક્સપોર્ટ

જો તમારી ગેમ એવા એન્જિનમાં બનેલી હોય જેમાં પ્લેયેબલ અથવા HTML5 એક્સપોર્ટ હોય, તો ટેક્નિકલ ડિઝાઇનર ઘણીવાર ગેમને એક જ લેવલ સુધી ઘટાડીને એક્સપોર્ટ કરી શકે છે. આનાથી તમારા વાસ્તવિક વિઝ્યુઅલ્સ અને અનુભવ જળવાય છે, પરંતુ ફાઇલનું વજન અને નેટવર્ક-વિશિષ્ટ રેપર્સ તમારે જાતે સંભાળવા પડશે.

માર્ગ C: ફ્રીલાન્સર અથવા સ્ટુડિયો

જો તમને એવું અનોખું મિકેનિક જોઈએ જેને કોઈ ટૂલ સપોર્ટ કરતું નથી, તો આઉટસોર્સિંગ વાજબી છે. તેમને અસ્પષ્ટ બ્રીફ નહીં, પણ સ્ટેપ 2ની તમારી સ્ક્રિપ્ટ આપો. પૂછો કે ડિલિવર થયેલી ફાઇલમાં શું છે અને તે સ્ટોર લિંકને કેવી રીતે સંભાળે છે.

તમે ગમે તે માર્ગ પસંદ કરો, સ્ક્રિપ્ટ અને એસેટ્સ તમારું કામ છે. તમારી ગેમમાં શું મજાનું છે તે ટૂલ નક્કી કરી શકતું નથી.

સ્ટેપ 4: એસેટ્સ તૈયાર કરો અને બિલ્ડ કરો

બિલ્ડ શરૂ કરતા પહેલા પ્લેયેબલને જે જોઈએ તે ભેગું કરો:

• મુખ્ય આર્ટ. પાત્રો, વસ્તુઓ, બેકગ્રાઉન્ડ અને UI ભાગો, જરૂર હોય ત્યાં પારદર્શક બેકગ્રાઉન્ડ સાથે સ્વચ્છ રીતે એક્સપોર્ટ કરેલા.
• ફીડબેક તત્વો. પાર્ટિકલ્સ, સ્કોર પોપ, હાઇલાઇટ્સ અને હેન્ડ કર્સર.
• ઓડિયો. વૈકલ્પિક, અને સારું પ્લેયેબલ સાઉન્ડ બંધ હોય તો પણ સમજાવું જોઈએ.
• એન્ડ કાર્ડ. તમારું આઇકન, કૉપીની ટૂંકી લાઇન અને સ્પષ્ટ ઇન્સ્ટોલ બટન.
• સ્ટોર લિંક. એડે જે App Store અથવા Google Play લિસ્ટિંગ ખોલવું જોઈએ તે ચોક્કસ લિંક.

બિલ્ડ કરતી વખતે ત્રણ સિદ્ધાંતો ધ્યાનમાં રાખો.

ટચને ઉદાર રાખો. લોકો નાની સ્ક્રીન પર અચોક્કસ અંગૂઠાથી રમે છે. મોટા હિટ એરિયા અને ક્ષમાશીલ ડ્રેગ વર્તન ચોક્કસ કંટ્રોલ્સ કરતાં સારા રહે છે. જો તમે કસ્ટમ ઇનપુટ બનાવતા હો, તો MDN પરનું Pointer Events દસ્તાવેજીકરણ સમજાવે છે કે એક જ કોડ પાથ ટચ અને માઉસ બંનેને કેવી રીતે સંભાળી શકે.

તરત પ્રતિભાવ આપો. દરેક ટેપ દૃશ્યમાન પ્રતિક્રિયા આપવી જોઈએ. થોડી ક્ષણનો વિલંબ પણ એવું લાગે છે કે એડ તૂટેલી છે, અને લોકો નીકળી જાય છે.

તેને હળવું રાખો. ભારે એસેટ્સ લોડ ધીમું કરે છે, અને ધીમું લોડ થતું પ્લેયેબલ લોકો તેને જુએ તે પહેલા જ તેમને ગુમાવી દે છે. ઇમેજ કમ્પ્રેસ કરો, બિનજરૂરી ઓડિયો ટાળો, અને તમારી સ્ક્રિપ્ટમાં ન હોય તેવું દરેક ફીચર કાપી નાખો. દરેક નેટવર્ક પોતાની ફાઇલ મર્યાદા નક્કી કરે છે, તેથી યાદશક્તિ પર આધાર રાખવાને બદલે જે નેટવર્કને ટાર્ગેટ કરો છો તેનું વર્તમાન સ્પેક તપાસો.

સ્ટેપ 5: વાસ્તવિક ડિવાઇસ પર ટેસ્ટ કરો

ડેસ્કટોપ પ્રીવ્યૂ સમસ્યાઓ છુપાવે છે. અપલોડ કરતા પહેલા, ઓછામાં ઓછા બે વાસ્તવિક ફોન પર ફાઇલ ખોલો, આદર્શ રીતે એક જૂનો અને એક નવો, અને નીચેની બાબતો તપાસો.

• શું તે મોબાઇલ કનેક્શન પર ઝડપથી લોડ થાય છે?
• શું ટચ ઇનપુટ તમારા પ્રીવ્યૂ જેવું જ વર્તે છે?
• જો નેટવર્ક બંનેને સપોર્ટ કરતું હોય, તો શું લેઆઉટ પોર્ટ્રેટ અને લેન્ડસ્કેપ બંનેમાં બેસે છે?
• શું એન્ડ કાર્ડ દર વખતે દેખાય છે, નિષ્ફળતા કે ટાઇમઆઉટ પછી પણ?
• શું ઇન્સ્ટોલ બટન પ્લેસહોલ્ડર નહીં પણ સાચું સ્ટોર લિસ્ટિંગ ખોલે છે?
• જો પ્લેયર રેન્ડમ રીતે, ઝડપથી ટેપ કરે અથવા કંઈ જ ન કરે, તો શું કંઈ તૂટે છે?

છેલ્લો પ્રશ્ન ઘણું પકડી પાડે છે. વાસ્તવિક લોકો તમારી સ્ક્રિપ્ટને અનુસરતા નથી. તેઓ એનિમેશન દરમિયાન ટેપ કરે છે, હેન્ડ કર્સરને અવગણે છે, અને સ્ક્રોલ કરવાનો પ્રયાસ કરે છે. તમારું પ્લેયેબલ તે ટકાવી શકે તેવું હોવું જોઈએ.

વધુ સંપૂર્ણ યાદી માટે, દરેક રિલીઝ પહેલા પ્લેયેબલ HTML5 QA ચેકલિસ્ટ નો ઉપયોગ કરો.

સ્ટેપ 6: એક્સપોર્ટ કરો અને અપલોડ કરો

પેકેજિંગ એવી જગ્યા છે જ્યાં બાકી રીતે સારા પ્લેયેબલ્સ રિજેક્ટ થાય છે. સ્ટોર લિંક કેવી રીતે ટ્રિગર કરવી, કઈ ફાઇલો માન્ય છે, અને બંડલ કેવું દેખાવું જોઈએ તેમાં નેટવર્ક્સ અલગ હોય છે.

ખાસ કરીને Google Ads માટે, ZIP સ્ટ્રક્ચર અને પોલિસી ચેક્સની વિગતો Google Ads પર HTML5 ZIP કેવી રીતે અપલોડ કરવી માં આવરી લેવામાં આવી છે. જો તમે App campaigns ચલાવતા હો, તો ક્લિક-આઉટ કેવી રીતે જોડવું જોઈએ તે સમજવા App campaigns માં ExitApi વાંચો.

જે ફાઇલ અપલોડ કરવાની છો તેના પર જ અંતિમ તપાસ કરો, પહેલાના બિલ્ડ પર નહીં. એક વર્ઝન ટેસ્ટ કરીને બીજું શિપ કરી દેવું આશ્ચર્યજનક રીતે સામાન્ય છે.

ટાળવા જેવી સામાન્ય ભૂલો

• ખૂબ વધારે બતાવવું. પ્લેયેબલ ટ્યુટોરિયલ નથી. જો તેને લાંબી સમજૂતી જોઈએ, તો મિકેનિક ઘટાડો.
• નકલી ગેમપ્લે. જો પ્લેયેબલ વાસ્તવિક પ્રોડક્ટ જેવું બિલકુલ ન દેખાય, તો લોકોને છેતરાયાનો અનુભવ થાય છે, અને કેટલાક તરત અનઇન્સ્ટોલ કરી દે છે. જે તમે ખરેખર આપો છો તે જ બતાવો.
• કૉલ ટુ એક્શન છુપાવવું. એન્ડ કાર્ડ સ્પષ્ટ હોવું જોઈએ. લોકોને બટન શોધવું ન પડે.
• ફેલ સ્ટેટ છોડી દેવું. સ્ક્રિપ્ટેડ જીત ફીકી લાગે છે. હારવાની નાની શક્યતા અને પછી સરળ રિટ્રાય ધ્યાન જાળવી રાખે છે.
• ફક્ત બ્રાઉઝરમાં ટેસ્ટ કરવું. વાસ્તવિક ડિવાઇસ ટચ, ઓડિયો અને લેઆઉટની સમસ્યાઓ ખુલ્લી પાડે છે જે ડેસ્કટોપ ક્યારેય નહીં પાડે.
• ફક્ત એક જ વર્ઝન શિપ કરવું. પહેલું પ્લેયેબલ ચાલે પછી, એક સમયે એક જ વસ્તુ બદલો, જેમ કે હૂક, પહેલું ઇનપુટ અથવા એન્ડ કાર્ડ, જેથી તમે શીખો કે શું મહત્વનું છે.

એક વાસ્તવિક પહેલો પ્રોજેક્ટ

જો આ તમારું પહેલું પ્લેયેબલ હોય, તો સ્કોપ નાનો રાખો. એક જ મિકેનિક પસંદ કરો, તેનું એક લેવલ બનાવો, સ્પષ્ટ એન્ડ કાર્ડ ઉમેરો, થોડા ફોન પર ટેસ્ટ કરો, અને એક નેટવર્ક પર અપલોડ કરો. વેરિએશન્સનો સંપૂર્ણ સેટ આયોજન કરવા કરતાં એક વાસ્તવિક કેમ્પેઇનમાંથી તમે વધુ શીખશો.

જ્યારે તમે અજમાવવા તૈયાર હો, ત્યારે તૈયાર પ્લેયેબલ કેવું દેખાય છે તે જોવા માટે PlayableRun ડેમો પેજ પરના ઉદાહરણો જોઈ શકો છો, અથવા મફત એકાઉન્ટ બનાવો અને તમારા પોતાના સ્ટોર લિસ્ટિંગમાંથી પહેલું પ્લેયેબલ બનાવો.