क्या HTML5 स्मार्टफोन पर काम करने वाला गेम लिखा जाएगा?

Question

मैं एक गेम लिखना चाहूंगा जो स्मार्ट फोन पर खेला जा सकता है और सोच रहा था कि क्या एचटीएमएल 5 स्मार्ट फोन की एक विस्तृत चयन पर काम करने के लिए गेम लिखने का एक तरीका हो सकता है।

Answer 1

मैंने अभी HTML5 परीक्षण चलाया :

• आईओएस 3.1.3 स्कोर के साथ मेरा आईपॉड टच 2 पीढ़ी 125 और सफारी में 300 में से 7 बोनक्स अंक। खेल के विकास के लिए विशेष ध्यान दें:
  • कैनवस में पूर्ण अंक! गेम रेंडरिंग के लिए बढ़िया।
  • MPEG-4 और H.264 प्रारूपों के साथ वीडियो तत्व का समर्थन करता है
  • पीसीएम, एमपी 3 और एएसी प्रारूपों के साथ ऑडियो तत्व का समर्थन करता है (बीजीएम और ध्वनियों के लिए महान!)
  • वेब SQL डेटाबेस के रूप में सत्र और स्थानीय भंडारण का समर्थन किया जाता है! (गेम सेव फाइल्स?)
  • आवेदन कैश समर्थित है; मुझे लगता है कि यह सुविधा आपको तेजी से लोड करने के लिए डेटा फ़ाइलों (छवियों और इस तरह) को कैश करने देगी। मुझे बहुत अच्छा लगता है!
  • कोई WebGL सपोर्ट नहीं।
  • कोई वेबसॉकेट भी नहीं; मल्टीप्लेयर गेम को AJAX मतदान जैसे कुछ और उपयोग करने की आवश्यकता होगी।
• एंड्रॉइड ओएस 2.1 (+ सेंस यूआई) के साथ मेरा ड्रॉयड इनक्रेडिबल 151 स्कोर करता है और इसके अंतर्निहित ब्राउज़र पर 300 में से कोई बोनस अंक नहीं है। फिर से, विशेष ध्यान दें:
  • फुल कैनवस सपोर्ट
  • वीडियो तत्व ने समर्थन किया लेकिन सभी चार कोडेक्स ने उन पर एक्स। मुझे आश्चर्य है कि यह किस प्रारूप में खेल सकता है?
  • ऑडियो तत्व, वीडियो के रूप में एक ही चीज़ - समर्थित लेकिन सभी में एक्स का प्रारूप है।
  • सत्र और स्थानीय भंडारण और वेब एसक्यूएल डेटाबेस सभी का समर्थन किया
  • आवेदन कैश समर्थित है
  • कोई WebGL या WebSocket नहीं
  • वेब कर्मचारी समर्थित हैं, जो मेरे iPod पर समर्थित नहीं थे; ये समानांतर में काम करने वाली चीजों के लिए खेल के विकास में एक अच्छी बात हो सकती है - शायद एआई?
• 2011/1/18 को संपादित करें: मेरे Droid अतुल्य में अब Android 2.2 है और 300 में से 176 स्कोर करता है। Tchalvak (टिप्पणियों में) को अपने Droid 2 के साथ समान स्कोर मिला, इसलिए यह Android 2.2 ब्राउज़र के लिए सामान्य प्रतीत होता है। मैंने ओपेरा मोबाइल ब्राउज़र की भी कोशिश की, जिसमें 300 में से एक भयानक 72 (कोई बोनस अंक नहीं) मिला, लेकिन पूरी तरह से कैनवास का समर्थन करता है!

तो जैसा कि आप देख सकते हैं, iPod / iPhone और Android बहुत अधिक गर्दन और गर्दन हैं और HTML5 सुविधाओं की एक सभ्य श्रेणी का समर्थन करते हैं। कैनवास 2 डी ब्राउज़र ग्राफिक्स के लिए बहुत अच्छा है और ऑडियो तत्व संभवतः पृष्ठभूमि ध्वनियों और संगीत खेलने के लिए बहुत अच्छा होगा, और यह देखने के लिए वास्तव में अच्छा है कि दोनों प्लेटफ़ॉर्म भंडारण का समर्थन करते हैं (हालांकि आप हमेशा केवल कुकीज़ का उपयोग कर सकते हैं, आकार के आधार पर। एक खेल बचाओ)। तो कुल मिलाकर मैं कहूंगा कि आपको इसके लिए जाना चाहिए। संख्याएं सब कुछ नहीं हैं; जैसा कि wkerslake ने कहा कि "इनमें से कोई भी संख्या आत्मविश्वास को प्रेरित नहीं करती है" लेकिन अगर आप उस चीज़ के माध्यम से देखते हैं जो समर्थित है, तो यह वह सब कुछ है जो आपको चाहिए!

मेरा कहना है कि इसे कर ही दो! तुम्हें मेरी ओर से हार्दिक शुभेच्छा।

वैसे, आप वानथिया के लिए देखना चाह सकते हैं । यह एक ब्राउज़र गेम है जो कुशल ड्राइंग के लिए कैनवास का उपयोग करता है। मुझे बंद बीटा खेलने के लिए मिला और यह निश्चित रूप से साथ आ रहा था! डेवलपर ने अब आधे से अधिक वर्षों के लिए बहुत कम कहा है, सिवाय इसके कि वह निश्चित रूप से इसे विकसित कर रहा है लेकिन चीजों को कुछ हद तक गुप्त रखता है।

आप Google के हालिया Pacman इंटरैक्टिव लोगो के कुछ विचार भी प्राप्त कर सकते हैं । यह बहुत HTML5 नहीं था, लेकिन यह सुनिश्चित था कि यह कार्यात्मक था! यह दर्शाता है कि आपको ब्राउज़र गेम बनाने के लिए वास्तव में एचटीएमएल 5 की आवश्यकता नहीं है (और मुझे लगता है कि एचटीएमएल 5 को बहुत ज्यादा दूर के रूप में चारों ओर फेंका जा रहा है, जैसे कि AJAX था या अभी भी है)। नहीं है एक GitHub परियोजना स्रोत आप के माध्यम से देख सकते हैं और साथ खेल सकते हैं इस बात का एक deobfuscated, साफ संस्करण के साथ।

Comments

मेरे droid 2 ग्लोबल ने html5test पर 176 (आउट) किया। कैनवास के लिए पूर्ण अंक।

— कजकाई

आह वास्तव में, मेरे Droid अतुल्य जो अब Android 2.2 भी स्कोर 176 है और 300 से बाहर कोई बोनस अंक। मैं इसे जवाब में जोड़ देंगे।

— Ricket

वेन्थिया की स्थिति पर भी अपडेट करें, डेवलपर लगभग चुप रहता है, लेकिन यह देखते हुए कि उसने खेल के लिए अपनी नौकरी छोड़ दी है, मैं केवल यह मान सकता हूं कि वह इन दिनों की एक बड़ी रिलीज के साथ हम सभी को आश्चर्यचकित करेगा। मैं बस चाहता हूं कि वह इसके बारे में और अधिक खुले।

— Ricket

Answer 2

HTML5 वेब ब्राउज़र में पीसी पर बहुत कम फोन में भी सर्वव्यापी रूप से समर्थित होने का एक लंबा रास्ता है।

ये नंबर html5test पर आधारित हैं

• पीसी पर IE8 = 27/300
• PC = 197/300 पर क्रोम 5.0.375.125
• पीसी पर सफारी 4.0.4 = 207/300
• IPhone4 = 185/300 पर सफारी

उनमें से कोई भी संख्या आत्मविश्वास को प्रेरित नहीं करती है

Comments

यह उत्तर अधिक उपयोगी होगा यदि इसका प्रश्न से कोई लेना देना हो।

— जेसन ओरेंडोर्फ

मुझे और विशिष्ट होना चाहिए। मैं यह नहीं देखता कि IE8 का सवाल से क्या लेना-देना है। और मुझे नहीं लगता कि अखंड html5test योग वैसे भी मददगार हैं। सवाल यह है कि जिन हिस्सों को लागू किया गया है, वे खेलों के लिए अच्छे हैं (उत्तर हाँ लगता है) और क्या उन खेलों से वास्तव में विभिन्न प्रकार के फोन पर चलने की उम्मीद की जा सकती है (मुझे लगता है कि हाँ फिर से)।

— जेसन ऑरेन्डोर्फ

HTML से संबंधित किसी भी चीज़ के साथ मेरा अनुभव यह है कि विभिन्न ब्राउज़र हमेशा चीजों को थोड़ा अलग तरीके से करते हैं। यहां तक ​​कि जब वे सभी सिद्धांत में एक सुविधा का समर्थन करते हैं, तो वे इसे थोड़ा अलग तरीके से समर्थन कर सकते हैं। HTML5test प्लेटफार्मों पर समर्थन की असमानता को देखने के लिए उपयोगी मार्गदर्शिका है। जब तक आप उन सभी ब्राउज़रों द्वारा समर्थित विकल्पों के एक छोटे उपसमूह से चिपके रहते हैं, जिनके साथ आप काम करना चाहते हैं, तब एक गेम बस काम कर सकता है। मुझे इन मानकों के समर्थन को ठीक से बनाने और / या बनाए रखने के लिए ब्राउज़र में बहुत अधिक विश्वास नहीं है। (देखें क्रोम अपने मौजूदा H264 समर्थन को छोड़ रहा है)

— wkerslake

आज: क्रोम 10.0.648.205 ... 288 अंक और 13 बोनस।

— बेरग्रीनडीके

Answer 3

यह थोड़ा देर से लग सकता है लेकिन मैं एचटीएमएल 5 और मोबाइल ब्राउज़रों के लिए स्थिति पर एक अपडेट प्रदान करना चाहता हूं जो कि कुछ समय बीत चुका है। हाल ही में, काफी कुछ गेम इंजन विकसित किए गए हैं जो एचटीएमएल 5 संगत गेम का उत्पादन करेंगे (देखें: निर्माण 2 और गेम मेकर स्टूडियो )। दोनों ही ओके प्रदर्शन का निर्माण करते हैं लेकिन कुछ प्लेटफार्मों पर भौतिकी विस्तार और तेजी से आगे बढ़ने वाली वस्तुओं के साथ उल्लेखनीय मुद्दे हैं। iOS अभी भी प्रदर्शन में आने के बाद आगे बढ़ता है लेकिन नवीनतम क्रोम बिल्ड के साथ एंड्रॉइड ने एक लंबा सफर तय किया है। यह ध्यान दिया जाना चाहिए कि एंड्रॉइड पर डॉल्फिन ब्राउज़र एचटीएमएल 5 प्रदर्शन में भी 100% वृद्धि करता है, साथ ही साथ! आप नीचे दिए गए परीक्षण के लिए एक त्वरित तुलना देख सकते हैं :

यदि आप मैन्युअल अनुकूलन करना चाहते हैं, तो यहाँ कुछ बढ़िया सलाह दी गई हैं । इसके अलावा, एचटीएमएल 5 गेम तेजी से लोकप्रिय हो रहे हैं और कोंग्रेगेट और पहले के अन्य फ़्लैश अनन्य गेम पोर्टल जैसी साइटों पर अनुमति दी गई है - मोबाइल डिवाइस के लिए अब एचटीएमएल 5 आधारित गेम लिखने से डरने का कोई कारण नहीं है।

कुछ पुस्तकालयों में मोबाइल पर उपयोग में आसान चीजों को रखने के लिए मौजूद है, मैंने नीचे एक जोड़े को सूचीबद्ध किया है:

KineticJS

EaselJS

QuarkJS

Answer 4

जुलाई 2012 तक, आप सुचारू मोबाइल एचटीएमएल 5 गेम बना सकते हैं। इस वीडियो को देखें

Answer 5

तकनीकी दृष्टि से यह निश्चित रूप से उल्लेखनीय है। हालांकि कुछ समस्याएं / नुकसान हैं:

• बाहर खुले में बहुत सारे ढांचे नहीं हैं, इसलिए आपको मूल रूप से खरोंच से सब कुछ लिखना होगा। रेंडरर से, साउंड-हैंडलिंग, टकराव का पता लगाने के लिए। यह बहुत काम हो सकता है, इस पर निर्भर करता है कि आप क्या करने की कोशिश कर रहे हैं।
• आपको जावास्क्रिप्ट की बहुत अच्छी समझ होनी चाहिए। इस भाषा का उपयोग करते समय कुछ सामान्य OOP अभ्यास काम नहीं करेंगे। यह कोड की भारी मात्रा के साथ एक खेल के लिए शायद सबसे अच्छा विकल्प नहीं है :)
• प्रदर्शन के बारे में मत भूलना। स्मार्टफ़ोन एक विशिष्ट डेस्कटॉप-पीसी के प्रदर्शन से दूर हैं। आपको विभिन्न उपकरणों पर ध्यान से प्रदर्शन का परीक्षण करना होगा। यह डिवाइस पर स्थापित जावास्क्रिप्ट-इंजन (ब्राउज़र) पर भी निर्भर हो सकता है। यह HTML5 केवल पाठ्यक्रम का मुद्दा नहीं है।
• खेल के लिए आवश्यक बैंडविड्थ को कम करने की कोशिश करें। मोबाइल-उपकरणों में धीमे कनेक्शन होते हैं और कभी-कभी लोग उनके द्वारा उपयोग किए जाने वाले बैंडविड्थ के लिए भुगतान करते हैं। जब भी संभव हो कैशिंग का उपयोग करने का प्रयास करें।

Answer 6

IPad और HTML5 के बारे में एक अच्छी पोस्ट मिली: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

इसके अलावा, मैं iPad पर भारी कैनवास खींचने से बचूंगा, किसी कारण से यह बहुत धीमी गति से लगता है।

Answer 7

आप PhoneGap बिल्ड का उपयोग कर सकते हैं :

बस HTML5 कोड के साथ एक ज़िप फ़ाइल अपलोड करें और यह आपको इसके लिए आवेदन देगा: Android, iOS, winphone, Blackbarry, सिम्बियन ..सेक ..

Comments

तुम इस पर थोड़ी देर हो गई। ;)

— कैमरून फ्रेडमैन

@CameronFredman क्योंकि HTML5 अगस्त 2010 में समाप्त हो गया था या क्योंकि मध्यस्थों ने इसी तरह के सवालों को बंद कर दिया था?

— डेन