StencylWorks के साथ फ़्लैश खेल के लिए दृश्य बनाना

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


StencylWorks में एक गेम बनाने के लिए, पहली चीज जो आपको चाहिए वह एक अभिनेता है। डिजाइन किए जा रहे खेल में, किसी भी क्रिया और व्यवहार वाले सभी तत्व अभिनेता होते हैं।

पहले "एक्टर्स" लाइब्रेरी पर क्लिक करने के बाद, आप एक चेतावनी देखेंगे कि गेम में अभी एक्टर नहीं हैं। गेम बनाने की प्रक्रिया में, डेवलपर को बहुत सी ऐसी चेतावनियाँ दिखाई जाएँगी, जो संक्षेप में, आगे के कार्यों के लिए संकेत हैं।


अभिनेता को एक नाम दें और बनाएँ पर क्लिक करें।



आप एक चेतावनी देखेंगे कि निर्मित अभिनेता के पास कोई एनीमेशन नहीं है। इस चेतावनी पर क्लिक करके, इस अंतर को भरें।



हम नए एनीमेशन को एक नाम देते हैं, उदाहरण के लिए, बाईं ओर चलो और एक नया फ्रेम बनाएं पर क्लिक करें।



इसके अलावा, एनीमेशन फ़्रेम को फ़्रेम द्वारा आयात करना या स्टोरीबोर्ड छवि को लोड करना और आयात करने के लिए कितनी पंक्तियों और स्तंभों को सेट करना संभव है। यहां आप कुछ अन्य पैरामीटर सेट कर सकते हैं, उदाहरण के लिए, पारदर्शी रंग (तथाकथित "पारदर्शिता रंग")।



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


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


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


एक टाइलसेट टुकड़ों में एक पृष्ठभूमि कट है, जो तब खेल में जोड़ा जाता है।
एक टाइलसेट को एनीमेशन से अधिक जटिल नहीं बनाया गया है, इस मामले में, मीडिया अनुभाग से "रंगीन ब्लॉक" घटक का उपयोग किया जाता है।


अभिनेता और टाइलसेट किसी भी दृश्य के मुख्य तत्व हैं। और इसलिए इसे बनाया गया है:


दृश्य बनाने के बाद, उस पर हमारी टाइलें और अभिनेता खींचें।


और अंत में, आपको व्यवहार (व्यवहार) के एक निश्चित सेट को निर्दिष्ट करने की आवश्यकता है जो क्रियाओं को निर्धारित करेगा, उदाहरण के लिए, अभिनेता कैसे चलता है।
व्यवहार को सेट करने के लिए, डिज़ाइन मोड का उपयोग किया जाता है। हम निर्धारित करते हैं कि अभिनेता बाएं और दाएं कैसे जाएगा।


व्यवहार स्क्रीन को आंकड़े के नीचे दिखाया गया है, बाईं ओर कोड का एक दृश्य प्रदर्शन है, दाईं ओर अभिनेता व्यवहार के विभिन्न संयोजनों को बनाने के लिए तत्वों का एक सेट है।


यह हमारे अभिनेता का अंतिम व्यवहार मॉडल है:


हमने जो किया है उस पर टिप्पणी करें।
हमेशा अवरोधक Event.ENTER_FRAME श्रोता के समान होता है। इसके अलावा, यदि "राइट" एरो दबाया जाता है, तो हमारे अभिनेता को संबंधित एनीमेशन दिखाने के साथ दाईं ओर ले जाएं, दृश्य कोड के शेष ब्लॉकों को स्वयं समझने की कोशिश करें, मुझे लगता है कि कोई विशेष समस्या नहीं होगी।
एक्शनस्क्रिप्ट लिस्टिंग में दृश्य कोड का अनुवाद:

package scripts { import flash.display.BlendMode; import flash.events.*; import flash.net.*; import flash.filters.*; import Box2DAS.Collision.*; import Box2DAS.Collision.Shapes.*; import Box2DAS.Common.*; import Box2DAS.Dynamics.*; import Box2DAS.Dynamics.Contacts.*; import Box2DAS.Dynamics.Joints.*; import stencyl.api.data.*; import stencyl.api.engine.*; import stencyl.api.engine.actor.*; import stencyl.api.engine.behavior.*; import stencyl.api.engine.bg.*; import stencyl.api.engine.font.*; import stencyl.api.engine.scene.*; import stencyl.api.engine.sound.*; import stencyl.api.engine.tile.*; import stencyl.api.engine.utils.*; import org.flixel.*; import mochi.as3.*; import flash.ui.Mouse; public dynamic class Design_13_13_Walkleftandright extends ActorScript { override public function init():void {} override public function update():void { if (isKeyDown("right")) { actor.setXVelocity(7); actor.setAnimation("Walk right".toString()); } else if (isKeyDown("left")) { actor.setXVelocity(-7); actor.setAnimation("Walk left".toString()); } else { if (sameAs(actor.getXVelocity(), 7)) { actor.setXVelocity(0); actor.setAnimation("Stand right".toString()); } else if (sameAs(actor.getXVelocity(), -7)) { actor.setXVelocity(0); actor.setAnimation("Stand left".toString()); } } } override public function handleCollision(event:Collision):void { } override public function draw(g:Graphics, x:Number, y:Number):void { } public function Design_13_13_Walkleftandright(actor:Actor, scene:GameState) { super(actor, scene); nameMap["Actor"] = "actor"; } override public function forwardMessage(msg:String):void { } } } 

अब हमारे अभिनेता के लिए वर्णित व्यवहार लागू करें।


टकराव (टक्कर, दृश्य में अन्य वस्तुओं के साथ हमारे अभिनेता की बातचीत) के बारे में क्या? यह सब प्रदान किया गया है और शुरू में डिफ़ॉल्ट सेटिंग्स द्वारा नियंत्रित किया जाता है।
और यहाँ परिणाम है ।

यह लेख इटैलियन गेम डेवलपर द्वारा अंग्रेजी भाषा के ब्लॉग के एक लेख के मुफ्त अनुवाद पर आधारित है।