विंडोज फोन 7 "मैंगो" के लिए प्रोग्राम XNA गेम्स सीखना - शुरू करना

रूसी बाजार में विंडोज फोन 7 "मैंगो" फोन के आसन्न स्वरूप के बारे में एचटीसी द्वारा हाल ही में घोषणा के आलोक में, विंडोज फोन के लिए अनुप्रयोगों का विकास विशेष रूप से प्रासंगिक हो रहा है - क्योंकि अभी उन अनुप्रयोगों के लिए विंडोज फोन मार्केटप्लेस को संतृप्त करने का अवसर है जो हमारे रूसी दिल के करीब हैं। यह एक कारण है कि हम आज (5 सितंबर) को विंड्स फोन 7 कैंप की मेजबानी कर रहे हैं और आपसे आग्रह करते हैं कि आप ऑनलाइन प्रसारण देखें और अभी विजुअल स्टूडियो उठाएं।



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


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

सबसे पहले, XNA के बारे में कुछ शब्द। XNA पुस्तकालयों का एक समूह है जो Microsoft .NET के शीर्ष पर, फोन और अन्य उपकरणों पर चलता है: एक पूर्ण व्यक्तिगत कंप्यूटर, XBox 360 और Zune। इसके अलावा, इन सभी उपकरणों के लिए गेम कोड बहुत कम भिन्न हो सकते हैं - गेम को कैसे नियंत्रित किया जाता है और विभिन्न स्क्रीन रिज़ॉल्यूशन में अंतर को देखते हुए। अन्य पहलू - ग्राफिक्स, ध्वनि उत्पादन, खेल संरक्षण, आदि। - सभी उपकरणों के लिए सबसे एकीकृत। इसके अलावा, XNA उपलब्ध .NET प्लेटफॉर्म के शीर्ष पर चलता है (यह कंप्यूटर पर पूर्ण .NET 4.0 है, और अन्य उपकरणों पर .NET कॉम्पैक्ट फ्रेमवर्क है), इसलिए आप अन्य प्लेटफ़ॉर्म सुविधाओं (उदाहरण के लिए, नेटवर्किंग टूल) का उपयोग कर सकते हैं। सैद्धांतिक रूप से, एक्सएनए का उपयोग न केवल गेम बनाने के लिए किया जा सकता है, बल्कि गतिशील समृद्ध ग्राफिक अनुप्रयोगों की एक विस्तृत श्रृंखला के लिए भी किया जा सकता है - उदाहरण के लिए, वैज्ञानिक दृश्य के लिए।

XNA एप्लिकेशन की वास्तुकला क्लासिक विंडोज या वेब एप्लिकेशन से बहुत अलग है। यह इवेंट मॉडल का उपयोग नहीं करता है, क्योंकि यह वास्तविक समय के कार्यों को हल करने के लिए बहुत उपयुक्त नहीं है - और हम चाहते हैं कि खेल वास्तविक समय में हमारी आंखों के सामने प्रकट हो, 25 सेकंड प्रति सेकंड से कम नहीं की गति से! इसलिए, खेल में एक बहुत ही सरल प्रोग्रामिंग मॉडल है - खेल चक्र । गेम (या गेम स्तर) की शुरुआत में, विशेष लोडकॉन्टेंट फ़ंक्शन को मुख्य संसाधनों (ग्राफिक और ध्वनि तत्वों) को लोड करने के लिए कहा जाता है, फिर अपडेट तरीके (इनपुट डिवाइस के साथ उपयोगकर्ता के कार्यों के आधार पर गेम स्थिति को अपडेट करने के लिए) और ड्रा (राज्य को प्रस्तुत करने के लिए) को वैकल्पिक रूप से लूप में कहा जाता है। स्क्रीन पर खेल)। इस प्रकार, एक खेल लिखने के लिए, आपको कई बुनियादी कार्य करने होंगे:

1. गेम के लिए ग्राफिक और साउंड डिज़ाइन एलिमेंट्स बनाएं और उन्हें प्रोजेक्ट में लगाएं। Microsoft अभिव्यक्ति उपकरण ग्राफ़िक तत्व बनाने के लिए अच्छी तरह से काम करते हैं। ग्राफिक तत्व दो आयामी स्प्राइट और तीन आयामी मॉडल हो सकते हैं।
2. सभी आवश्यक तत्वों को संग्रहीत करने के लिए चर का वर्णन करें और उन्हें मेमोरी में लोड करने के लिए लोडकॉन्टेंट विधि को ओवरराइड करें।
3. समझें कि खेल की स्थिति क्या होगी - जैसे चर और डेटा संरचनाओं का एक सेट जो किसी भी समय खेल का वर्णन करेगा। राज्य बहुत सरल हो सकता है (जैसा कि हमारे उदाहरण में, जहाज और शेल के निर्देशांक), या अपनी स्वयं की बुद्धिमत्ता और तर्क के साथ कई स्वतंत्र बातचीत करने वाले ऑब्जेक्ट्स या एजेंटों से मिलकर।
4. इनपुट डिवाइस के साथ उपयोगकर्ता की क्रियाओं को प्रोसेस करें और अपडेट विधि में गेम की स्थिति बदलने का तर्क दें।
5. ड्रा विधि में स्क्रीन पर राज्य के प्रदर्शन को प्रोग्राम करें। यहां फिर से, 2 डी या 3 डी ग्राफिक्स का उपयोग किया जा सकता है, जो खेल की शैली पर निर्भर करता है।
6. यदि खेल अधिक जटिल है, तो कई स्तर होते हैं, आदि। - प्रत्येक स्तर को एक अलग वर्ग में अलग करने के लिए ऑब्जेक्ट मॉडल में सुधार करना उपयोगी हो सकता है - फिर प्रत्येक स्तर के लिए आपको ऊपर वर्णित चरणों को आंशिक रूप से दोहराना होगा
7. खेल का आनंद लें, दूसरों के साथ खेल को साझा करें (इसमें इंस्टॉलर बनाने जैसे कदम शामिल हैं, विंडोज मोबाइल मार्केटप्लेस, एक्सबॉक्स इंडी गेम्स, आदि के माध्यम से खेल को वितरित करना)।

हमारे विकास के लिए, हमें विजुअल स्टूडियो 2010 की आवश्यकता है (मैं आपको याद दिलाता हूं कि छात्र इसे मुफ्त में ड्रीमस्पार्क प्रोग्राम का उपयोग करके प्राप्त कर सकते हैं) और एक्सएनए गेम स्टूडियो , जो विंडोज फोन डेवलपर टूल्स का हिस्सा है। यह सब स्थापित करने के बाद, आपको एक नया प्रोजेक्ट बनाने में सक्षम होना चाहिए जैसे कि विंडोज फोन गेम (4.0) , जो कि ऊपर वर्णित विधियों से युक्त एक गेम फ्रेम होगा, और जो शुरू होने पर एक रिक्त बैंगनी स्क्रीन के साथ एक गेम का उत्पादन करेगा। गेम को सामग्री से भरने के लिए, हम ऊपर वर्णित चरणों (1-5) के माध्यम से जाएंगे, क्योंकि एक सरल गेम के लिए चरण 6 और 7 से कोई मतलब नहीं है)। जब विजुअल स्टूडियो आपसे फोन के किस संस्करण के लिए पूछता है - 7.0 या 7.1 मैंगो - आपको गेम विकसित करना चाहिए, 7.1 चुनने के लिए स्वतंत्र महसूस करें - इसलिए आपके पास नई सुविधाओं तक पहुंच होगी, जैसे कि अतिरिक्त सेंसर, त्वरित अनुप्रयोग स्विचिंग, आदि।

शुरू करने के लिए, हम फ़ोन को ठीक से उन्मुख करने के लिए एक महत्वपूर्ण कदम उठाएंगे। डिफ़ॉल्ट रूप से, गेम स्क्रीन को लंबवत या क्षैतिज रूप से घुमाया जा सकता है। यदि हमें किसी विशिष्ट अभिविन्यास की आवश्यकता है, तो गेम 1 वर्ग के निर्माता में हम वांछित स्क्रीन रिज़ॉल्यूशन को निम्नानुसार सेट कर सकते हैं:

graphics.PreferredBackBufferWidth = 480;
graphics.PreferredBackBufferHeight = 800;

* This source code was highlighted with Source Code Highlighter .

कृपया ध्यान दें कि बनाए गए समाधान में दो परियोजनाएं हैं: खेल ही, और खेल संसाधन (सामग्री) - चित्र, ध्वनि, आदि। खेल में ही दो कक्षाएं हैं - गेम शुरू करने के लिए Program.cs की आवश्यकता है, और Game1.cs में गेम का मुख्य तर्क (लोडकंट / अपडेट / ड्रा फ़ंक्शन) शामिल है, और हम इसे संशोधित करेंगे।

हमारे मामले में ग्राफिक सामग्री में तीन तत्व शामिल होंगे - जहाज की छवि और विस्फोट, जिसे हम माइक्रोसॉफ्ट ऑफिस क्लिपआर्ट संग्रह से लेंगे, और प्रक्षेप्य की छवि - एक लाल रेखा जो पेंट में खींची जा सकती है। हम प्राप्त ग्राफिक फ़ाइलों को अपने गेम के कंटेंट-प्रोजेक्ट में जोड़ेंगे (मौजूदा आइटम जोड़ें का उपयोग करें) - इसका परिणाम ऊपर की आकृति में देखा जा सकता है।

अगला, हम खेल की स्थिति के लिए जिम्मेदार चरों का वर्णन करते हैं। हमें जहाज, रॉकेट और विस्फोट की ग्राफिक छवियों को संग्रहीत करने की आवश्यकता होगी - वे टेक्सचर 2 डी प्रकार के होंगे, जहाज के निर्देशांक और गति (दिशा निर्धारित करने के लिए गति की आवश्यकता होती है), साथ ही रॉकेट के निर्देशांक - ये वेक्टर 2 प्रकार की वस्तुएं होंगी। इसके अतिरिक्त, विस्फोट को आकर्षित करने के लिए, आपको चर विस्फोट की आवश्यकता है - यह फ्रेम की संख्या की गणना करेगा जिसके दौरान जहाज के बजाय एक विस्फोट दिखाया गया है।

Texture2D ship, rocket, explosion;
Vector2 ship_pos = new Vector2(100, 100);
Vector2 ship_dir = new Vector2(3, 0);
Vector2 rock_pos = Vector2.Zero;

int explode = 0;

* This source code was highlighted with Source Code Highlighter .

खेल की सामग्री लोड करने के लिए लोडकॉन्टेंट विधि काफी सरल दिखाई देगी (परियोजना का निर्माण करते समय फ़ंक्शन और पहली पंक्ति का विवरण स्वचालित रूप से उत्पन्न हुआ था, हमें केवल हमारे द्वारा वर्णित संसाधनों को लोड करने के लिए तीन लाइनें जोड़ने की आवश्यकता थी):

protected override void LoadContent()
{
spriteBatch = new SpriteBatch(GraphicsDevice);
ship = Content.Load<Texture2D>( "Ship" );
rocket = Content.Load<Texture2D>( "Rocket" );
explosion = Content.Load<Texture2D>( "Explode" );

}

* This source code was highlighted with Source Code Highlighter .

रेंडरिंग विधि भी काफी सरल है:

protected override void Draw(GameTime gameTime)
{
GraphicsDevice.Clear(Color.White);
spriteBatch.Begin();
if (explode > 0) spriteBatch.Draw(explosion, ship_pos, Color.White);
else spriteBatch.Draw(ship, ship_pos,Color.White);
if (rock_pos != Vector2.Zero){ spriteBatch.Draw(rocket, rock_pos, Color.Red); }
spriteBatch.End();
base .Draw(gameTime);
}

* This source code was highlighted with Source Code Highlighter .

एक सूक्ष्मता को यहां ध्यान दिया जाना चाहिए - जब स्क्रीन पर स्प्राइट्स खींचते हैं, तो हम "बैचेस" में चित्र बनाते हैं जिन्हें स्प्राइटबच कहते हैं। तदनुसार, हम spriteBatch.Begin (), और spriteBatch.End (), जिसके बीच spriteBatch.Draw () या DrawString (..) कॉल स्थित हैं, के साथ एक "ड्राइंग लेनदेन" खोलते हैं। हमारे मामले में, हम या तो एक जहाज या एक विस्फोट की तस्वीर खींचते हैं - चर विस्फोट पर निर्भर करता है, और एक रॉकेट भी प्रदर्शित करता है अगर इसे लॉन्च किया जाता है और जहाज के लिए उड़ान भरता है - यह रॉक_पॉप रॉकेट निर्देशांक वेक्टर के गैर-शून्य मान से निर्धारित होता है।

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

protected override void Update(GameTime gameTime)
{
if (explode > 0)
{
explode--;
if (explode == 0)
{
ship_pos.X = 0;
ship_dir.X = 3;
}
base .Update(gameTime);
return ;
}
....
base .Update(gameTime);
}

* This source code was highlighted with Source Code Highlighter .

ध्यान दें कि अद्यतन विधि के अंत में, आधार वर्ग का अद्यतन विधि कहा जाता है।

जहाज को बाएं-दाएं ले जाने के लिए निम्न कोड टुकड़ा जिम्मेदार है:

ship_pos += ship_dir;
if (ship_pos.X + ship.Width >= 480 || ship_pos.X <= 0)
{
ship_dir = -ship_dir;
}

* This source code was highlighted with Source Code Highlighter .

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

अगला, हम उपयोगकर्ता के कार्यों को संसाधित करेंगे - हमारे मामले में, स्क्रीन को छूते हुए। TouchPanel.GetState () आपको फोन पैनल की स्थिति प्राप्त करने की अनुमति देता है, जो बदले में एक साथ कई टच (मल्टीटच समर्थन) के बारे में जानकारी शामिल कर सकता है। हम केवल एक (पहले) स्पर्श की प्रक्रिया करेंगे, और अगर ऐसा कोई स्पर्श होता है, तो हम एक ऐसे बिंदु से एक रॉकेट लॉन्च करेंगे, जिसका एक्स-समन्वय स्पर्श के साथ मेल खाता है, और ऊर्ध्वाधर समन्वय स्क्रीन के नीचे कहीं तय है:

var tc = TouchPanel.GetState();
if (tc.Count>0)
{
rock_pos.X = tc[0].Position.X;
rock_pos.Y = 750;
}

* This source code was highlighted with Source Code Highlighter .

निम्नलिखित रॉकेट के आंदोलन और जहाज के साथ रॉकेट की टक्कर के विकास के लिए जिम्मेदार कोड है:

if (rock_pos != Vector2.Zero)
{
rock_pos += new Vector2(0, -7);
if (rock_pos.Y >= 0 && rock_pos.Y <= ship_pos.Y + ship.Height &&
rock_pos.X >= ship_pos.X && rock_pos.X <= ship_pos.X + ship.Width)
{
explode = 20;
ship_pos.X = rock_pos.X - explosion.Width / 2;
rock_pos = Vector2.Zero;
}
if (rock_pos.Y == 0) rock_pos = Vector2.Zero;
}

* This source code was highlighted with Source Code Highlighter .

रॉकेट मूवमेंट के लिए, हम गेम के प्रत्येक चक्र पर दो-आयामी वेक्टर के रूप में गति मान जोड़ते हैं। टकराव को निर्देशांक द्वारा "मैन्युअल रूप से" निर्धारित किया जाता है (अधिक जटिल आंकड़ों के लिए यह XNA से अन्य चौराहे मान्यता कार्यों का उपयोग करने के लिए समझ में आता है) - एक हार के मामले में, चर विस्फोट सेट है, जिसका मतलब है कि अगले कुछ फ्रेम के लिए जहाज के बजाय एक विस्फोट दिखाया जाएगा। यदि रॉकेट स्क्रीन की ऊपरी सीमा तक पहुंच जाता है, तो इसका मूवमेंट रुक जाता है (शून्य निर्देशांक सेट हो जाते हैं)।

खेल को अंतिम विश्वसनीयता देने के लिए, यह जहाज की छवि को मामले में दर्पण करने के लिए समझ में आता है जब वह बाईं ओर तैरता है (ताकि यह "पीछे की ओर" तैर न जाए)। ऐसा करने के लिए, जहाज को प्रदर्शित करने के लिए कोड को थोड़ा संशोधित करें, दर्पण की क्षमता को जोड़ते हुए:

if (explode == 0)
{
spriteBatch.Draw(ship, ship_pos, null , Color.White,0f,
Vector2.Zero,1.0f,
ship_dir.X>0 ? SpriteEffects.FlipHorizontally : SpriteEffects.None,0f);
}
else spriteBatch.Draw(explosion, ship_pos, Color.White);

* This source code was highlighted with Source Code Highlighter .

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

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

• Create.msdn.com पर अंग्रेजी में एक महान द्वि-आयामी खेल लेखन पाठ्यक्रम
• XNA पर अंग्रेजी-भाषा की प्रयोगशालाओं का एक सेट , जिसमें 2D कैटापुल्ट वॉर गेम का विकास शामिल है, जो स्क्रीन पर गेम को संरचित करने की प्रक्रिया को दर्शाता है। इसी तरह की प्रयोगशाला का काम रूसी में स्थानीयकृत विंडोज फोन 7 प्रशिक्षण किट में उपलब्ध है
• पाठ पढ़ने के प्रेमियों के लिए, रूसी में चार्ल्स पेटज़ोल्ड "प्रोग्रामिंग विंडोज 7" द्वारा एक पुस्तक है ।
• TechDays.ru पर XNA वीडियो
• XNADev.ru समुदाय एक रूसी-भाषा संसाधन है जहां आप न केवल जानकारी पा सकते हैं, बल्कि मंचों में एक प्रश्न पूछ सकते हैं और समुदाय से एक योग्य उत्तर प्राप्त कर सकते हैं।

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