Qt 5.2, Google Play की इच्छा से

नमस्कार साथियों!



ऐसा हुआ कि मुझे Qt5.2 के बारे में बताया गया और एंड्रॉइड और आईओएस के लिए क्रॉस-प्लेटफ़ॉर्म एप्लिकेशन को जल्दी और आसानी से बनाने की इसकी नई क्षमता। मैं लंबे समय से क्यूटी से परिचित हूं, लेकिन हाल ही में काम अन्य तकनीकों से जुड़ा हुआ है और मैंने इसके विकास को थोड़ा सा शुरू किया है। यह जानने के बाद, मैं क्यूटी वेबसाइट पर गया, एक सुंदर वीडियो देखा, जहां 10 मिनट में एंड्रॉइड और आईओएस के तहत हैलोवर्ल्ड एप्लिकेशन तुरंत बनाया जाता है। इंप्रेशन बहुत सकारात्मक थे।



मोबाइल विकास करने का निर्णय लिया गया। Google Play पर इसके प्रकाशन के लिए आवेदन करने की इच्छा से जाने की योजना थी। लेकिन पहले चरण में मैं इससे गुजरना चाहता था ताकि यह अफ़सोस न हो और क्या गलतियाँ हो सकती हैं। और यह सब नए Qt5.2 पर।





उसी समय के आसपास, मैंने प्रसिद्ध फ्लैपी बर्ड के बारे में सुना और उसके लेखक ने उसके आवेदन को हटाने का फैसला किया। खैर, यह पहले से ही स्पष्ट है कि अगला निर्णय इस खेल की एक और प्रतिलिपि बनाने का था, लेकिन मुख्य लक्ष्य Qt की नई विशेषताओं का प्रयास करना है।

सी ++ या जावास्क्रिप्ट चुनना

बेशक मैं सी ++ से प्यार करता हूं, लेकिन मैंने इस पर इस तरह की एक राइफल लिखने की हिम्मत नहीं की। सी ++ डेवलपर को सोच-समझकर लिखने और "अपने पैर को गोली मारने" के लिए बहुत सावधान रहने के लिए मजबूर करता है, लेकिन मैं काम करने के लिए जल्दी और सबसे महत्वपूर्ण, एक XP-शैली परियोजना बनाना चाहता था। विकल्प QML और जावास्क्रिप्ट पर गिर गया, उसी समय इन इतनी उन्नत डिगिया प्रौद्योगिकियों से निपटने का अवसर मिला।

पहला ड्राफ्ट

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

• टक्कर की जाँच कैसे करें
• कैसे विभिन्न प्रस्तावों के लिए ग्राफिक्स और भौतिकी को स्केल करें
• डिजाइन के साथ क्या करना है
• खेल ध्वनियों के साथ क्या करना है
• विमुद्रीकरण कैसे एम्बेड करें

भौतिक विज्ञान

2 से ऊपर की समस्याओं के लिए एकमात्र सही समाधान, मैंने प्रसिद्ध Box2D का उपयोग करने पर विचार किया। Qml का प्लगइन जल्दी मिल गया - github.com/qml-box2d/qml-box2d । कुछ दिनों के प्रयोग, Box2d प्रलेखन और सब कुछ फिर से लिखा गया है और महान काम करता है। लेकिन समस्याएं अभी भी आगे हैं।

ध्वनि

मैंने बैकग्राउंड म्यूज़िक को मना कर दिया क्योंकि मैं खुद इसे पसंद नहीं करता, और मैं न तो एक अच्छा विकल्प चुन सकता था, बहुत कम यह खुद किया। तो www.freesound.org पर 3 ध्वनियों को उठाया गया: पंखों का एक प्रालंब, एक टकराव और एक नया बिंदु।

ऑडियो मैनजर के साथ वी-प्ले से फ्लैपी बर्ड बनाने का एक अच्छा उदाहरण प्लेबैक के लिए इस्तेमाल किया गया था। लेकिन फाइल पूरी नहीं थी।

import QtQuick 2.2 Item { id : audioManager property QtObject effect1: Qt.createQmlObject("import QtMultimedia 5.0; SoundEffect{}", audioManager); property QtObject effect2: Qt.createQmlObject("import QtMultimedia 5.0; SoundEffect{}", audioManager); property int hit: 22 property int point: 33 property int silence: 44 property int wing: 55 property bool effectSwitcher: false; function play( sound) { var effect; if( !effectSwitcher){ effect = effect1; effectSwitcher = true; }else if( effectSwitcher){ effect = effect2; effectSwitcher = false; } if(effect == null) return; switch(sound) { case hit: effect.source = "audio/sfx_hit.wav" break case point: effect.source = "audio/sfx_point.wav" break case silence: effect.source = "audio/sfx_silence.wav" break case wing: effect.source = "audio/sfx_wing.wav" break } effect.play(); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

प्लेबैक:

 audioManager.play( audioManager.wing);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

सब कुछ डेस्कटॉप मशीन पर काम किया, फोन पर एप्लिकेशन क्रैश हो गया। इसका कारण ट्राइट हो गया, निम्नलिखित को .pro फ़ाइल में जोड़ना आवश्यक था:

QT += multimedia







क्यों दो साउंडफेक्ट हैं और क्यों sfx_silence सामने आए बग्स के विवरण में स्पष्ट हो जाएगा।

स्केलिंग

स्केलिंग मानक के रूप में की गई थी। आधार 480x800 का संकल्प था (छोटे लेकिन शायद इस समय सबसे आम)। उसके सापेक्ष, पक्षी और स्तंभों के आयाम कठोरता से निर्धारित किए गए थे। अगला, संदर्भ के सापेक्ष वर्तमान रिज़ॉल्यूशन के लिए स्केलिंग कारक की गणना बस की गई थी, और फिर स्केलिंग की आवश्यकता वाले सभी आकारों को बस इसके द्वारा गुणा किया गया था। इस उदाहरण को bitbucket.org/wearyinside/cute-plane द्वारा इन सभी के साथ बहुत मदद की गई थी, लेकिन हमेशा की तरह बहुत सारी समस्याओं का समाधान नहीं किया गया था।

  width: Screen.width height: Screen.height property int defaultWidth: 480 property int defaultHeight: 800 property double measure: Math.min(Math.min(width, height) / defaultWidth, Math.max(width, height) / defaultHeight) property double textScale: Math.sqrt( measure)
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

सभी भौतिक वस्तुओं को रैखिक रूप से मास्टर किया जाता है, लेकिन उच्च रिज़ॉल्यूशन पर इस तरह के मास्टेबलाइज़ेशन वाले पाठ ने सभी फ़्रेमों को तोड़ दिया। उसके लिए, मुझे मुख्य स्केलिंग कारक का वर्गमूल स्केलिंग करना था।

डिज़ाइन

चूंकि मैं एक प्रोग्रामर हूं, मेरे लिए डिजाइन एक घने जंगल था, लेकिन इंटरनेट सब कुछ है और इस विषय पर विभिन्न लेखों को पढ़ने के एक दिन बाद, वेक्टर ग्राफिक्स और इंकस्केप संपादक का चयन किया गया। एक कार्टून पक्षी को खींचने में केवल 1-2 दिन लगते थे। प्रारंभ में, एक स्केच कागज पर बनाया गया था और कई संभावित विकल्प तैयार किए गए थे। तब सर्वश्रेष्ठ को svg में स्थानांतरित कर दिया गया था। इसके अलावा, अन्य सभी चित्र वेक्टर प्रारूप में बनाए गए थे। .Pro फ़ाइल में qml में svg फ़ाइलों का उपयोग करने के लिए, आपको निम्नलिखित जोड़ने की आवश्यकता है:

 QT += xml svg QTPLUGIN += qsvg
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

मुद्रीकरण

मुख्य भाग लिखा गया था और विमुद्रीकरण पर सवाल खड़ा हुआ। यह परियोजना, हालांकि एक परीक्षण है, लेकिन मैं पहले से ही इसमें मुद्रीकरण से निपटना चाहता था। विज्ञापन प्रशंसा द्वारा विमुद्रीकरण को चुना गया था। और फिर पहली गंभीर समस्याएं शुरू हुईं। यह पता चला कि क्यूटी / क्यूएलएम के लिए कॉम्बो एम्बेड करने के लिए कोई प्लगइन्स नहीं हैं। एक अप्रचलित qadmob कार्यान्वयन और एक बंद V- प्ले AdMob प्लगइन कार्यान्वयन पाया गया। बादल घने हो गए और विचार बेहतर समय तक क्यूटी छोड़ने लगे। पूरे इंटरनेट को तोड़ दें, यह स्पष्ट हो गया कि आपको क्यूटी स्रोतों को खोजने और यह पता लगाने की आवश्यकता है कि यह एंड्रॉइड के लिए कैसे बनाया गया है। और खुदाई के 4 दिनों के बाद, खेल में एक परीक्षण विज्ञापन बैनर प्रदर्शित किया गया था। यहाँ यह कैसे करना है इसका एक उदाहरण है github.com/AlexMarlo/AdMob-Qt5.2-Example । सामान्य तौर पर, बैनर प्रदर्शित करने में एक सप्ताह लगता था।

कीड़े

फिर यह स्पष्ट हो गया कि सभी मुख्य भागों को बनाया गया था और बाद के लिए स्थगित किए गए मामूली कीड़े को ठीक करना आवश्यक था।

स्मृति रिसाव

मेमोरी 100 एमबी प्रति मिनट के खेल में लीक हो गई। समय-समय पर qml कोड पर टिप्पणी करने और परिणामों की जांच करने के बाद, समस्या पाई गई। यह पता चला कि स्मृति इस असाइनमेंट के साथ लीक हुई थी:

  linearVelocity.x = 220; linearVelocity.y = -420;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इस विकल्प को बदल रहा है

  var flyImpulseVelosityY = -420 * measure; var flyImpulseVelosityX = 220 * measure; var impulse; impulse = Qt.point( flyImpulseVelosityX, flyImpulseVelosityY); applyLinearImpulse( impulse, getWorldCenter());
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

लीक बंद हो गया। यह qml-box2d के साथ एक समस्या की तरह लगता है, लेकिन मैंने गहरी खुदाई नहीं की है।

ध्वनि की हानि

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

ज़ूम करने में सक्षम के साथ Box2D में मुखर पर आवेदन समाप्त

  width: Screen.width height: Screen.height property int defaultWidth: 480 property int defaultHeight: 800 property double measure: Math.min(Math.min(width, height) / defaultWidth, Math.max(width, height) / defaultHeight)
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

समस्या पहली 2 लाइनों में है। जैसा कि यह निकला, जब तक कि qml तत्व का निर्माण नहीं किया गया, जिसमें स्क्रीन, स्क्रीन। स्क्रीन और Screen.height कहलाते हैं, वे 0. होंगे। यह पता चलता है कि स्केलिंग फैक्टर शुरू में 0 है और यहां बॉक्स 2d एसेलर पर एप्लिकेशन को समाप्त कर देता है, क्योंकि भौतिक वस्तुएं शून्य आकार नहीं हो सकती हैं।

यह केवल गतिशील रूप से उस समय वस्तुओं को ठीक करना संभव था जब स्केलिंग कारक एक गैर-शून्य मान लेता है।

निष्क्रिय मात्रा पर नियंत्रण

जैसा कि यह निकला, एंड्रॉइड के लिए क्यूटी के वर्तमान संस्करण में, वॉल्यूम कंट्रोल बटन काम नहीं करते हैं। एक ही क्यूटी के मंचों पर सभी युक्तियों ने गतिविधि में इंटरप्टिंग बटन क्लिक का सुझाव दिया, जो किया गया था।

  @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if ( keyCode == KeyEvent.KEYCODE_VOLUME_UP) { AudioManager am = (AudioManager) this.getSystemService(Context.AUDIO_SERVICE); int index = am.getStreamVolume( AudioManager.STREAM_MUSIC) + 1; if( index <= am.getStreamMaxVolume( AudioManager.STREAM_MUSIC)) am.setStreamVolume( AudioManager.STREAM_MUSIC, index, 0); } if( keyCode == KeyEvent.KEYCODE_VOLUME_DOWN){ AudioManager am = (AudioManager) this.getSystemService(Context.AUDIO_SERVICE); int index = am.getStreamVolume( AudioManager.STREAM_MUSIC) - 1; if( index >= 0) am.setStreamVolume( AudioManager.STREAM_MUSIC, index, 0); } return super.onKeyDown(keyCode, event); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

विभिन्न उपकरणों और फिर बग पर परीक्षण

अगला अलग-अलग एंड्रॉइड पर परीक्षण चरण आया, यहां उपकरणों की एक अनुमानित सूची है:

• मोटोरोला Droid Razr
• एक नेक्सस
• सैमसंग गैलेक्सी एस डुओस
• नेक्सस एस
• नेक्सस 7 पहली जीन
• Nexus 7 2nd जीन
• नेक्सस ५
• सोन एक्सपीरिया रे
• सैमसंग गैलेक्सी एस 3
• नेक्सस 4
• एसर आईकोनिया टैब A510
• गैलेक्सी एस प्लस
• अल्काटेल वनटच M'POP 5020D
• सैमसंग गैलेक्सी फेम GT-S6810
• ASUS ट्रांसफार्मर पैड TF300TG

सैमसंग

और सभी समस्याएं सैमसंग पर बाहर हो गईं, और फोन जितना बेहतर बग दिखाई दिया, और इन आंकड़ों को देखते हुए www.appbrain.com/stats/top-android-phones, सैमसंग पर बग को छोड़ना असंभव है।

पहली ध्वनि बजाने पर लगें

किसी कारण के लिए, साउंडफेक्ट के माध्यम से पहली ध्वनि प्लेबैक लटका और फिर सब कुछ ठीक काम किया। यह विशेष रूप से सैमसंग गैलेक्सी एस 3 पर स्पष्ट था, अन्य सैमसंग पर यह था, लेकिन इतना ध्यान देने योग्य नहीं था। अन्य निर्माताओं के उपकरणों पर यह समस्या नहीं थी। यहाँ sfx_silence.wav दिखाई दिया। यह अनिवार्य रूप से एक खाली ध्वनि फ़ाइल है जो गेम लोड होने पर खेलती है।

Lag जब गतिशील रूप से Box2D ऑब्जेक्ट बना रहा है

अगली समस्या इस तथ्य के कारण थी कि बॉक्स 2 डी वस्तुओं को सही स्केलिंग के लिए गतिशील रूप से बनाया गया था और यह निर्माण सैमसंग पर, विशेष रूप से समान सैमसंग गैलेक्सी एस 3 पर बहुत धीमा था।

भूमि वस्तुओं का निर्माण:

एक नेक्सस	97 मि
सैमसंग गैलेक्सी एस डुओस	986 मि

अंतर परिमाण का एक क्रम है, लेकिन मैं खुद qml-box2d और Box2D के कार्यान्वयन की बारीकियों को नहीं समझता था, लेकिन खेल के लोड होने के समय बस पूरी रचना को स्थानांतरित कर दिया। इसे लोड करने में अधिक समय लगता है, लेकिन खेल के दौरान ब्रेक नहीं लगते हैं।

निष्कर्ष:

एंड्रॉइड के लिए क्यूटी, बहुत सारे अस्पष्ट बग और कमियों के बावजूद, विकास के लिए काफी उपयुक्त है। खासकर यदि आप पहले से ही क्यूटी से परिचित हैं। लेकिन आपको इस तथ्य के लिए तैयार रहना होगा कि आप उन समस्याओं का सामना करेंगे जिनके लिए नेटवर्क पर कोई जवाब नहीं है।



जिन मंत्रालयों को हल नहीं किया जा सका उनमें से एक आवेदन का बड़ा आकार था:

• apk ~ 10 एमबी
• स्थापित आवेदन ~ 38 एमबी

सबसे दुखद बात यह है कि लगभग 70% क्यूटी के ही पुस्तकालय हैं और इस पर विचार करना होगा। दूसरी ओर, आधुनिक उपकरणों के लिए, यह आकार इतना महत्वपूर्ण नहीं है।



पुनश्च:

परिणाम का स्क्रीनशॉट: