🈯️ ⚓️ 🈵 वेबलॉग का उपयोग करके विंडोज स्टोर के लिए गेम बनाना 👊🏻 🛑 🏇🏽

वर्तमान में विंडोज़ स्टोर गेमिंग स्टूडियो के लिए सबसे खुला मंच है। एप्लिकेशन बनाने के लिए, आप DirectX 11 , HTML5 2d-Canvas , Cocos2D-X , Unity3D का उपयोग कर सकते हैं और विंडोज 8.1 की रिलीज़ के साथ ही WebGL के लिए भी!
यदि आपको इन तकनीकों में से कुछ में रुचि है, तो आप लेख देख सकते हैं कि विंडोज 8 आधुनिक यूआई के लिए एक गेम कैसे विकसित किया जाए , जो डायरेक्टएक्स, एचटीएमएल 5 कैनवास 2 डी और मोनोमेम प्रौद्योगिकियों पर संसाधनों की लिंक को सूचीबद्ध करता है।
मैं यह भी नोट करना चाहूंगा कि यूनिटी के लिए ऐड-ऑन जो आपको विंडोज स्टोर पर एप्लिकेशन प्रकाशित करने की अनुमति देता है, वह मुफ्त है: http://unity3d.com/pages/windows : " तो कोई भी एकता डेवलपर्स अपने 2 डी और 3 डी कंटेंट को विंडोज स्टोर और विंडोज फोन में पोर्ट कर सकते हैं। मुफ्त में 8 आप एकता स्टोर के साथ बिल्डिंग विंडोज गेम्स के साथ विंडोज स्टोर के लिए एकता विकास की खोज शुरू कर सकते हैं।
इसके अलावा, मैं यह भी नोट करना चाहूंगा कि Cocos2D-X को हाल ही में विंडोज 8 और विंडोज फोन 8 को बेहतर सपोर्ट के लिए अपडेट किया गया है: आसानी से अपने कोकोस 2 डी-एक्स गेम को विंडोज 8 और विंडोज फोन 8 में पोर्ट करें ।

लेकिन चलो WebGL पर वापस आते हैं।

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

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

इस सामग्री को पढ़ने के बाद, आप सीखेंगे कि विंडोज स्टोर के लिए वेबलॉग गेम कैसे बनाया जाए जैसा कि इस छोटे वीडियो में दिखाया गया है:

पहले से ही अब आप इस एप्लिकेशन को अपने कंप्यूटर या टैबलेट पर विंडोज स्टोर से इंस्टॉल कर सकते हैं: एस्पिलिट बेबीलोनजस डेमो।

इस ऐप को कुछ ही घंटों में बनाया गया था । जानना चाहते हैं कैसे? आइए इस एप्लिकेशन को बनाने के लिए आवश्यक आवश्यक कदमों की समीक्षा करें।

IE11 में मान्यता, WebGL इंजन चयन और VS2013 इंस्टॉलेशन

मेरी पहली अनुशंसा है कि आपका कोड Internet Explorer 11 में जाँच हो । और भी बेहतर, सुनिश्चित करें कि आपका गेम उन सभी ब्राउज़रों में काम करता है जो WebGL का समर्थन करते हैं। यह भविष्य में कुछ प्रयासों को बचाएगा और आपके आवेदन की उपलब्धता को बढ़ाएगा। किसी भी मामले में, यदि आप एक अच्छे वेब डेवलपर हैं, तो आप किसी भी तरह वेब एप्लिकेशन बनाने के सिद्धांतों से परिचित हैं जो विभिन्न ब्राउज़रों पर काम करते हैं। तो यह कोई विशेष समस्या नहीं होनी चाहिए।

IE11 में JS & रेंडर इंजन (चक्र और ट्रिडेंट) शामिल हैं, जो विंडोज स्टोर एप्लिकेशन को चलाते समय भी उपयोग किए जाते हैं। इसलिए, जब आप विंडोज 8.1 स्टोर के लिए एचटीएमएल 5 कोड बनाते हैं, तो एक तरीका या दूसरा आप कोड बनाते हैं जो IE11 में काम करेगा। इसलिए आपको यह निश्चित रूप से जांचना चाहिए कि आपका मौजूदा वेब एप्लिकेशन IE11 में काम करता है यदि आप तब विंडोज स्टोर के साथ एकीकरण करना नहीं चाहते हैं।

परीक्षण के लिए, आपको विंडोज 8.1 स्थापित के साथ एक कंप्यूटर की आवश्यकता है। IE11 विंडोज 7 के लिए भी उपलब्ध है। टेस्ट को वर्चुअल मशीन में या ब्राउजरस्टैक का उपयोग करके भी किया जा सकता है। आप http://www.modern.ie/en-us पर परीक्षण करने और BrowserStack के परीक्षण संस्करण के लिए मुफ्त वर्चुअल मशीन पा सकते हैं।

निस्संदेह, एक गेम बनाते समय आपको एक वास्तविक डिवाइस की आवश्यकता होती है, जिस पर प्रदर्शन और गेमप्ले के परीक्षण आयोजित किए जाएंगे।

मेरी दूसरी सिफारिश वेबजीएल इंजन को चुनना है और खरोंच से आपके आवेदन के लिए कोड नहीं बनाना है।

मौजूदा WebGL इंजन में से कुछ IE11 में ठीक काम करते हैं। चलो उनमें से दो पर एक त्वरित नज़र डालें। दोनों Github वेबसाइट पर स्रोत कोड के रूप में उपलब्ध हैं।

ThreeJS

सबसे प्रसिद्ध वेबजीएल इंजनों में से एक तीनजै: http://threejs.org/ है । यह अद्भुत श्री Doob द्वारा बनाया और बनाए रखा गया है। आपको थ्रीजेएस में इंटरनेट पर कई बेहतरीन शैक्षिक संसाधन मिलेंगे। फिर भी, केवल क्रोम में मौजूद क्षमताओं के आधार पर निर्मित विशिष्ट डेमो के लिए चौकस रहें। एक बार फिर, मैं आपको याद दिलाना चाहूंगा कि यदि IE11 में कोई गेम या डेमो काम नहीं करता है, तो इसका मतलब है कि वे विंडोज स्टोर में काम नहीं करेंगे।

नवीनतम गेम और डेमो में से कुछ " हैलो रन " और " हेक्सगेल ":

इन अनुप्रयोगों को कुछ ही घंटों में विंडोज स्टोर में पोर्ट किया जा सकता है, क्योंकि वे IE11 में शानदार काम करते हैं।

BabylonJS

डेविड कैटुहे , पियरे लैगार्ड , मिशेल रूसो और मैंने, विशेष रूप से गेम बनाने के लिए अपना स्वयं का ओपन-सोर्स वेबजीएल इंजन बनाया। इसे बाबुल.जेएस कहा जाता है। इस इंजन के निर्माण के दौरान किए गए मुख्य वास्तु निर्णय मुख्य रूप से गेमिंग अनुप्रयोगों और मोबाइल उपकरणों की एक नई पीढ़ी के अनुप्रयोग के उद्देश्य से हैं।

सबसे पहले, बेबीलोनजेएस दृश्य- आधारित है और इसमें ब्लेंडर का उत्कृष्ट निर्यात समर्थन है । अब कोड की कुछ लाइनों से शानदार परिणाम प्राप्त करना बहुत आसान है। अपने WebGL ब्राउज़र में दृश्य देखने का प्रयास करें: Esplit । इसे लोड करने के लिए आपको केवल जावास्क्रिप्ट की 10 लाइनों की आवश्यकता है !

बाबुल.जेएस में एक टक्कर इंजन (दीवारों के माध्यम से चलने से रोकने के लिए), कैमरा और प्रकाश स्रोत हमारे फ़ाइल प्रारूप से लोड किए गए हैं, और गुरुत्वाकर्षण समर्थित है।

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

ब्लेंडर से हमारे निर्यात में कई विशेषताएं शामिल हैं । दृश्य, रोशनी, कैमरे, सामग्री, बनावट, एनिमेशन और हड्डियां। पूरी सूची यहाँ है: ब्लेंडर से निर्यात की गई इकाइयाँ । लेकिन हमारा ऑनलाइन कन्वर्टर .FBX, .OBJ और .MBX के साथ ही काम करता है।

हमने विभिन्न दृष्टिकोणों का उपयोग करते हुए प्रदर्शन का अनुकूलन करने में बहुत समय बिताया:

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

हम सभी ब्राउज़रों पर टच इनपुट का भी समर्थन करते हैं ! जैसे-जैसे मोबाइल डिवाइस गेम के लिए तेजी से महत्वपूर्ण प्लेटफॉर्म बनते जा रहे हैं, हम बॉक्स से बाहर टच इनपुट का समर्थन करते हैं। ऐसा करने के लिए, हैंडज पॉलीफिल का उपयोग करके इवेंट पॉइंटर्स का उपयोग करें। टच इनपुट IE11, क्रोम, फ़ायरफ़ॉक्स और एंड्रॉइड और फ़ायरफ़ॉक्स ओएस उपकरणों पर काम करता है।

यदि आपके पास टच इनपुट के साथ एक WebGL सक्षम डिवाइस है, तो इस डेमो को यहां आज़माएं:

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

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

अगर मैं आपकी रुचि में कामयाब रहा, तो हमारे उदाहरण और प्रलेखन https://github.com/BabylonJS/Babylon.js पर एक नज़र डालें।

अन्य HTML5 गेम डेवलपमेंट इंजनों की एक बड़ी संख्या भी है। TechSlides ने बहुत अच्छा काम किया और http://techslides.com/html5-game-engines-and-frameworks/ पर बुनियादी जानकारी को समेकित किया। 3D अनुभाग देखें।

विजुअल स्टूडियो 2013 स्थापित करें

विंडोज स्टोर एप्लिकेशन बनाने के लिए, आपको विंडोज 8.1 पर विजुअल स्टूडियो 2013 स्थापित करना होगा। आप विंडोज 8 के लिए विजुअल स्टूडियो 2013 एक्सप्रेस का मुफ्त संस्करण डाउनलोड कर सकते हैं। टूल्स का यह सेट वेबजीएल गेम बनाने के लिए पर्याप्त है।

चरण 1. वेबलॉग गेम को "जैसा है" ब्राउज़र से एप्लिकेशन में माइग्रेट करें

इस वॉकथ्रू में, हम बेबीलोन.जेएस को एक वेबलॉग इंजन के रूप में उपयोग करेंगे। लेकिन यदि आप अन्य पुस्तकालयों का उपयोग करते हैं तो मूल अवधारणाएं समान हैं।

हम Babylon.js पर पहला एप्लिकेशन बनाते हैं

केवल 5 मिनट में एक शांत उदाहरण बनाने के लिए इन चरणों का पालन करें:

बाथिलज डाउनलोड जीथब से करें : https://github.com/BabylonJS/Babylon.js एक पैकेज चुनें जिसमें एक उदाहरण एस्पिलिट दृश्य शामिल है।
डाउनलोड हैंड.जेएस पॉलीफ़िल: http://handjs.codeplex.com/
अपने परिचित उपकरणों का उपयोग करके एक वेब प्रोजेक्ट बनाएं। "लिपि" फ़ोल्डर में babylon.js और hand.js कॉपी करें और "एस्पिलिट" दृश्य को उसी "एस्पिलिट" फ़ोल्डर में कॉपी करें।

अपने वेब सर्वर में अतिरिक्त माइम प्रकारों के लिए समर्थन जोड़ें। यह सही ढंग से काम करने के लिए बेबीलोन।जेएस के लिए आवश्यक है। यदि आप asp.net का उपयोग करते हैं तो बस अपने वेब प्रोजेक्ट के web.config फ़ाइल को संपादित करें।

<system.webServer> <staticContent> <mimeMap fileExtension=".fx" mimeType="application/fx" /> <mimeMap fileExtension=".babylon" mimeType="application/babylon" /> <mimeMap fileExtension=".babylonmeshdata" mimeType="application/babylonmeshdata" /> </staticContent> </system.webServer>

एक मुखपृष्ठ बनाएं:

 <!DOCTYPE html> <html> <head> <title>BabylonJS - Espilit demo</title> <script src="scripts/hand.minified-1.1.3.js"></script> <script src="scripts/babylon.js"></script> <script src="scripts/main.js"></script> <style> html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } #renderCanvas { width: 100%; height: 100%; touch-action: none; -ms-touch-action: none; } </style> </head> <body> <canvas id="renderCanvas"></canvas> </body> </html>

"स्क्रिप्ट" निर्देशिका में एक स्क्रिप्ट "main.js" बनाएँ:

 document.addEventListener("DOMContentLoaded", startGame, false); function startGame() { if (BABYLON.Engine.isSupported()) { var canvas = document.getElementById("renderCanvas"); var engine = new BABYLON.Engine(canvas, true); BABYLON.SceneLoader.Load("Espilit/", "Espilit.babylon", engine, function (newScene) { // Wait for textures and shaders to be ready newScene.executeWhenReady(function () { // Attach camera to canvas inputs newScene.activeCamera.attachControl(canvas); // Once the scene is loaded, just register a render loop to render it engine.runRenderLoop(function () { newScene.render(); }); }); }, function (progress) { // To do: give progress feedback to user }); } }

वह सब है! वस्तुतः कुछ पंक्तियों में, हमने http://www.babylonjs.com/index.html?ESPILIT पर स्थित डेमो को दोहराया। आपके पास अभी तक एक नियंत्रण कक्ष और लोडिंग स्क्रीन नहीं है। लेकिन आपके पास पहले से ही माउस और कीबोर्ड का उपयोग करके मंच के चारों ओर घूमने की क्षमता है।
चूंकि यह उदाहरण क्रोम, फ़ायरफ़ॉक्स, ओपेरा में काम करता है और जो हमारे लिए महत्वपूर्ण है, IE11 में हम विंडोज स्टोर के लिए एक एप्लिकेशन बनाने के लिए तैयार हैं।

Windows स्टोर प्रोजेक्ट की प्रतिलिपि बनाएँ।

चूंकि यह एप्लिकेशन IE11 में चल रहा है, मैं आपको दिखाता हूं कि आप इसे लगभग 60 सेकंड में विंडोज स्टोर एप्लिकेशन में कैसे बदल सकते हैं।

विजुअल स्टूडियो 2013 खोलें और एक नया " जावास्क्रिप्ट " -> "विंडोज स्टोर " प्रोजेक्ट बनाएं। इसे " WebGLStoreGame " कहें :

कॉपी करें - index.html फ़ाइल, विंडोज़ स्टोर ऐप प्रोजेक्ट में "एस्पिलिट" और "स्क्रिप्ट" फ़ोल्डर:

डिफ़ॉल्ट रूप से, "डिफ़ॉल्ट.html" पृष्ठ को लोड करके विंडोज स्टोर एप्लिकेशन शुरू होता है। चलो इसे बदलते हैं। "Package.appxmanifest" फ़ाइल खोलें और प्रारंभ पृष्ठ को "index.html" में बदलें:

वह सब है! आपने अपने वेब एप्लिकेशन का माइग्रेशन पूरा कर लिया है, और अब यह विंडोज स्टोर एप्लिकेशन के रूप में शुरू होता है!

चरण 2. विंडोज 8 की सुविधाओं को गेम से कनेक्ट करें

HTML5 और Jscript तकनीक पर आधारित विंडोज स्टोर एप्लिकेशन एक वेब प्रस्तुति की तुलना में काफी अधिक सुविधाएँ प्रदान करते हैं। विंडोज स्टोर के लिए वास्तव में अच्छा गेम बनाने के लिए, आपको अपने एप्लिकेशन में इन सुविधाओं का उपयोग करना होगा।

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

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

इस एप्लिकेशन के लिए विभिन्न विचारों का समर्थन करने के लिए, दो विकल्प हैं:

रेंडर के अनुपात को बनाए रखें और ऊपर और नीचे काली पट्टियाँ जोड़ें। एक सरल CSS3 ग्रिड आधारित समाधान है। मैंने पहले ही अपने एक लेख में इसके बारे में बात की थी: अपने एचटीएमएल 5 कैनवस गेम्स का आधुनिकीकरण भाग 1: हार्डवेयर स्केलिंग और CSS3
बस वह बदलाव करें जो कैमरा वर्तमान में देख रहा है। ऐसा करने के लिए, आपको बस onresize घटना की सदस्यता लेने और कैनवास का आकार बदलने की आवश्यकता है। बाबुलजेएसएस इंजन बाकी सभी काम करेगा।

इस तंत्र को और अधिक विस्तार से समझने के लिए, लेख के अंत में दिए गए उदाहरण लिंक को देखें।

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

चरण 3. C ++ WinRT घटकों को जोड़कर खेल की संभावनाओं का विस्तार करना

चूंकि हमारा आवेदन अब WinRT की दुनिया में चल रहा है, इसलिए हम केवल जावास्क्रिप्ट, वेबजीएल और ब्राउज़र की क्षमताओं तक सीमित नहीं हैं। हम विंडोज 8.1 प्लेटफॉर्म की सभी विशेषताओं का शाब्दिक उपयोग भी कर सकते हैं। यदि आपके स्टूडियो में C ++ डेवलपर्स हैं, तो आप अपने गेम के तर्क का विस्तार करने के लिए उनके ज्ञान का उपयोग कर सकते हैं।
आइए Xbox 360 गेमपैड समर्थन को हमारे गेम से कनेक्ट करने का प्रयास करें। वर्तमान में IE11 के लिए कोई नियंत्रक समर्थन नहीं है, लेकिन यह हमें चोट नहीं पहुंचाएगा। हम C ++ में एक WinRT घटक बनाएंगे जो डायरेक्टएक्स इनपुट की क्षमताओं का उपयोग करेगा और इस घटक को हमारे एप्लिकेशन से कनेक्ट करेगा।

XInput और JavaScript कंट्रोलर स्केच नमूना उदाहरण डाउनलोड करें और C ++ प्रोजेक्ट को "WebGLStoreGame" में कॉपी करें:

WebGLStoreGame प्रोजेक्ट में एक नया संदर्भ जोड़ें:

और "GameController" परियोजना का चयन करें:

उसके बाद, आप जावास्क्रिप्ट से सीधे C ++ लॉजिक को कॉल कर पाएंगे।

 // babylon.xboxControllerCamera.js var BABYLON = BABYLON || {}; (function () { BABYLON.XboxControllerCamera = function (name, position, scene) { BABYLON.FreeCamera.call(this, name, position, scene); // You need first to referance the WinRT C++ component from the Windows SDK samples if (GameController) { // Although the API supports up to 4 controllers per machine, // this sample only works with a single controller. this.controller = new GameController.Controller(0); } }; // We're mainly based on the logic defined into the FreeCamera code BABYLON.XboxControllerCamera.prototype = Object.create(BABYLON.FreeCamera.prototype); BABYLON.XboxControllerCamera.prototype.angularSensibility = 8000000.0; BABYLON.XboxControllerCamera.prototype.moveSensibility = 20000.0; BABYLON.XboxControllerCamera.prototype._checkInputs = function () { var offsetLeftX, offsetLeftY, offsetRightX, offsetRightY; var state = this.controller.getState(); if (!state.connected) { return; } // Gamepad thumbstick values are between -32768 and 32767. // Drawing position is moved incrementally if // the thumbstick value exceeds a deadzone value of 6500. offsetLeftX = Math.abs(state.leftThumbX) > 6500 ? 0 + state.leftThumbX : 0; offsetLeftY = -(Math.abs(state.leftThumbY) > 6500 ? 0 - state.leftThumbY : 0); offsetRightX = Math.abs(state.rightThumbX) > 6500 ? 0 + state.rightThumbX : 0; offsetRightY = -(Math.abs(state.rightThumbY) > 6500 ? 0 - state.rightThumbY : 0); this.cameraRotation.y += offsetRightX / this.angularSensibility; this.cameraRotation.x += -offsetRightY / this.angularSensibility; var speed = this._computeLocalCameraSpeed(); var direction = new BABYLON.Vector3(speed * offsetLeftX / this.moveSensibility, 0, speed * offsetLeftY / this.moveSensibility); BABYLON.Matrix.RotationYawPitchRollToRef(this.rotation.y, this.rotation.x, 0, this._cameraRotationMatrix); this.cameraDirection.addInPlace(BABYLON.Vector3.TransformCoordinates(direction, this._cameraRotationMatrix)); }; })();

यह एक काफी स्पष्ट उदाहरण है। बाएं एनालॉग स्टिक का एक्स अक्ष एक बाएं / दायां स्ट्रीप है, और वाई अक्ष कैमरा दृश्य की दिशा में आगे और पीछे का आंदोलन है। सही एनालॉग स्टिक कैमरे के उन्मुखीकरण को नियंत्रित करता है।

चरण 4. स्टोर में गेम प्रकाशित करें

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

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

एक तैयार उदाहरण डाउनलोड करें

यदि आप तैयार परियोजना को देखना चाहते हैं, तो आप इसे http://david.blob.core.windows.net/babylonjs/WebGLStoreGame.zip पर डाउनलोड कर सकते हैं। वह WACK परीक्षण पास करता है और विंडोज स्टोर में प्रकाशित करने के लिए तैयार है। आप सीधे तैयार किए गए एप्लिकेशन को स्टोर से भी डाउनलोड कर सकते हैं: एस्पिलिट बाबुलजस डेमो

वेबलॉग का उपयोग करके विंडोज स्टोर के लिए गेम बनाना