QuickTiGame2d पर Appcelerator Titanium में खेलें। भाग 1

वर्तमान में, प्रोग्रामिंग में एक बहुत आशाजनक दिशा क्रॉस-प्लेटफॉर्म विकास है। विभिन्न साधनों (Appcelerator Titanium, PhoneGap, moSync) से परिचित होने के बाद, मैं फिर भी Appcelerator Titanium को वरीयता देता हूं।

टाइटेनियम आपको जावास्क्रिप्ट में Android और iOS एप्लिकेशन बनाने की अनुमति देता है। वर्तमान में, आधिकारिक वेबसाइट का दावा है कि इस मंच पर डेवलपर्स की संख्या 300,000 तक पहुंच जाती है।

एक दिलचस्प बात यह है कि टाइटेनियम पर आप न केवल एप्लिकेशन बना सकते हैं, बल्कि मोबाइल उपकरणों के लिए पूर्ण-गेम भी बना सकते हैं।

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

सबसे पहले चीजें, आपको यहां नवीनतम पुस्तकालयों को डाउनलोड करना चाहिए: एक एंड्रॉइड के लिए, एक आईओएस के लिए। इस लेखन के समय, नवीनतम संस्करण 1.2 था (हाल ही में जारी किया गया 1.3)।

इन पुस्तकालयों को जोड़ने के लिए, उन्हें उपयुक्त निर्देशिका में रखें। मैक ओएस पर, यह इस तरह दिखता है:

/Users/username/Library/Application Support/Titanium/modules/ 

यहाँ दो फोल्डर हैं: android, iphone। सब कुछ बहुत सरल है: आपको उनमें से प्रत्येक में संबंधित पुस्तकालय को कॉपी करने की आवश्यकता है।

इसके बाद, एक नया प्रोजेक्ट बनाएं। Tiapp.xml खोलें और उपयुक्त कोड जोड़ें:

 <modules> <module platform="iphone" version="1.2">com.googlecode.quicktigame2d</module> <module platform="android" version="1.2">com.googlecode.quicktigame2d</module> </modules> 

मैं ऐसे उदाहरणों से मिला जहाँ इसे इस तरह लिखा गया था:

 <module version="1.2">com.googlecode.quicktigame2d</module> 

मेरे अनुभव में, पुस्तकालयों को जोड़ने का यह तरीका काम नहीं आया।

यही है और जाने के लिए तैयार है। आइए उन मूल तत्वों को देखें जो इस काम में उपयोगी हैं। पहला कदम एक "विंडो" बनाना है और QuickTiGame2d को कनेक्ट करना है, फिर एक गेम स्क्रीन बनाना है। सभी क्रम में:

 var window = Ti.UI.createWindow({ backgroundColor : 'black' }); var quicktigame2d = require('com.googlecode.quicktigame2d'); var game = quicktigame2d.createGameView(); 

परियोजना के लिए आवश्यक जेएस फाइलें इस तरह से जुड़ी हैं:

 Ti.include('loadingScene.js'); 

एक महत्वपूर्ण कारक खेल के दौरान स्क्रीन का स्थान है। इस स्थान का वर्णन करने के लिए, आपको प्रत्येक प्लेटफ़ॉर्म को अलग से संदर्भित करना चाहिए:

 if (Titanium.Platform.osname === 'android') { game.orientation = Ti.UI.LANDSCAPE_LEFT; window.orientationModes = [Titanium.UI.LANDSCAPE_LEFT]; }else { game.orientation = Ti.UI.LANDSCAPE_RIGHT; window.orientationModes = [Titanium.UI.LANDSCAPE_RIGHT]; } 

आप स्क्रीन का रंग बदल सकते हैं:

 game.color(0, 0, 0); 

उदाहरण के लिए, इसमें इवेंट हैंडलर जोड़ें:

 game.addEventListener('onload', function(e) { ... LoadingScene.init(); game.pushScene(LoadingScene.scene); game.start(); }); 

आइए घटना पर घटनाओं को अधिक विस्तार से देखें। आप मुख्य हैंडलर को हाइलाइट कर सकते हैं, जैसे:

 this.scene.addEventListener('activated', activated); this.scene.addEventListener('deactivated', deactivated); this.scene.addEventListener('onloadsprite', onloadsprite); 

जहाँ सक्रिय है, उदाहरण के लिए, कुछ इस तरह दिखेगा:

 var activated = (function(self) { return function(e) { ... }; })(this); 

मेरी राय में, कोड खुद को समझाता है: हम उन घटनाओं को निर्धारित करते हैं जो तब होती हैं जब दृश्य सक्रिय होता है, निष्क्रिय होता है, और जब लोडिंग दृश्य पर छिड़कता है।

बहुत उपयोगी स्क्रीन दोहन घटनाएँ:

 game.addEventListener('touchstart', touchstart); game.addEventListener('touchend', touchend); 

चलिए जारी रखते हैं।

मत भूलो कि आपको सभी तत्वों की तरह एक गेम स्क्रीन जोड़ने की आवश्यकता है, और गेम विंडो भी खोलें:

 window.add(game); window.open({fullscreen:true, navBarHidden:true}); 

आइए मंच पर ग्राफिक और पाठ्य सामग्री के विचार पर आगे बढ़ते हैं।

शुरुआत के लिए, एक पाठ तत्व जोड़ने का एक सरल उदाहरण:

 var scoreTextSprite = quicktigame2d.createTextSprite({ text : score, fontSize : 64 }); scoreTextSprite.color(1, 0, 0); scoreTextSprite.x = game.screen.width*0.4; self.scene.add(scoreTextSprite); 

यहां स्प्राइट टेक्स्ट बनाया गया है, x अक्ष के साथ फ़ॉन्ट आकार, रंग और उसका स्थान निर्धारित किया गया है।

एक ग्राफिक स्प्राइट बनाना इस प्रकार है:

 var sprite = quicktigame2d.createSprite({image:'images/sprite.png'}); 

आप स्प्राइट के साथ विभिन्न जोड़तोड़ कर सकते हैं:

1. छिपाएँ और दिखाएँ

 sprite.hide(); sprite.show(); 

2. घुमाएँ

 sprite.rotate(180); 

3. हटो

 sprite.move(300, 500); 

4. पैमाने को बदलें (दोनों एक साथ दो कुल्हाड़ियों पर, और प्रत्येक पर अलग से)

 sprite.scale(5); sprite.scaleBy(2, 3); 

एक दूसरे के ऊपर स्प्राइट की व्यवस्था करने के लिए, एक विशेष मूल्य z = 0..99 है:

 sprite.z = 1; newSprite.z = 2; 

खैर, मुझे लगता है कि यह एक शुरुआत के लिए पर्याप्त होगा। मुझे उम्मीद है कि यह लेख क्रॉस-प्लेटफ़ॉर्म गेम के विकास के लिए उत्साह को जागृत करता है और इन प्रयासों में मदद करता है। इस स्तर पर, हमारे पास अभी भी एक खेल नहीं है, लेकिन अगले लेख में हम इसके निर्माण के बारे में बात करेंगे।