भौतिकी के साथ फ्लैश प्लेटफ़ॉर्म पर एक और आकस्मिक का निर्माण। भाग II

हाबरा समुदाय को नमस्कार।

अपेक्षाकृत हाल ही में, काफी पहले मैंने भौतिकी के साथ एक फ्लैश प्लेटफॉर्म पर एक और आकस्मिक बनाने के बारे में एक लेख लिखा था , एक दूसरे लेख का स्वागत किया।
इस लेख में, मैं आपको सिखाऊंगा कि दुनिया को कैसे खींचना है और सेंसर के बारे में बात करना है। बाकी कटौती के तहत है।

इन दो पाठों से क्या किया जा सकता है यहां देखा जा सकता है (संगीत को बंद नहीं किया जा सकता है, लेकिन आप सिस्टम में ध्वनि निकाल सकते हैं) ।

एक बार फिर, याद रखें कि आखिरी " सबक " में क्या हुआ था।

ग्राफिक्स

अब आपको खेल में भविष्य के ग्राफिक्स खींचने के लिए चोरी करने की आवश्यकता है , लेकिन क्योंकि यह सबक मुख्य रूप से प्रोग्रामिंग गेम्स के बारे में है, आप मेरे द्वारा किए गए लाभ उठा सकते हैं:

बनावट 1:


बनावट 2:


यहाँ दो BMP बनावट, 474x474 पिक्सेल हैं।
वे हमारी दुनिया के लिए आधार का काम करेंगे।

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

बनावट 1 दुनिया को चित्रित करने के लिए एक बनावट है, हम इसे बिगबैम्पफिल और ट्रांसलेशन मैट्रिक्स का उपयोग करके हमारी दुनिया की आयतों से भर देंगे। दूसरे शब्दों में, जो बाढ़ नहीं है वह आंदोलन और खाली जगह की स्वतंत्रता है।

इसकी ज़रूरत के हिसाब से इसे बहुत खूबसूरती से डिज़ाइन किया गया है, हमें कुछ इस तरह मिलता है:



हम अपनी हीरो बॉल को एक शेल-पिक्चर (स्प्राइट) देते हैं, यहां मैं अपना शेड्यूल लेने का सुझाव भी देता हूं:


और इसलिए कि यह सबसे उबाऊ mazes के माध्यम से जाने के लिए पूरी तरह से उबाऊ नहीं होगा, हम बाधाएं बनाएंगे: स्पाइक्स, फायर, लेजर। लेकिन कब से लेख की मात्रा पर्याप्त होनी चाहिए, हम केवल स्पाइक्स पर विचार करते हैं, लेकिन हम बाकी सब चीजों के लिए आधार तैयार करेंगे।

टेनॉन बनावट:


हम आवश्यक लिंक बनाते हैं और हमारी लाइब्रेरी इस तरह दिखती है:


ग्राफिक्स तैयार हैं।

सेंसर

सेंसर साधारण वस्तुएं हैं (स्टेटिक बॉडी, डायनामिक बॉडी), सिवाय इसके कि उनके पास आइन्सर ध्वज है। यह चेकबॉक्स क्या करता है? सब कुछ बहुत सरल है, इस तरह की वस्तु "टकराव" महसूस करती है, हालांकि, इसनेसर ध्वज के बिना एक वस्तु के लिए, कुछ भी नहीं होगा। एक ठोस वस्तु - यह बस सेंसर से होकर गुजरती है, जिससे कॉन्टैक्ट लिस्टनर में टकराव की घटना होती है।

ContactListener Box2D में एक टक्कर श्रोता है। उदाहरण के लिए, दुनिया में ऑब्जेक्ट ए और बी टकराते हैं, Add (बिंदु: b2ContactPoint) फ़ंक्शन को कॉन्टैक्टलिस्टनर में कहा जाता है, इसमें बिंदु शामिल होते हैं: टकराव में शामिल आकृतिकारक; वैश्विक समन्वय प्रणाली में टक्कर बिंदु; टकराने वाला शरीर। दूसरे शब्दों में, इन घटनाओं को संसाधित किया जा सकता है।

- सेंसर, श्रोताओं, कुछ भी स्पष्ट नहीं है, यह क्यों है?
फिर, स्पाइक के साथ हमारे नायक की टक्कर में - नायक की मौत का कारण और स्तर को पुनरारंभ करना तर्कसंगत है।

सिद्धांत से व्यवसाय तक, हम प्रोग्रामिंग के लिए आगे बढ़ते हैं

दुनिया में आकर्षित करने के लिए सीखना

हम परियोजना का आकार 500x500 से 600x580 तक बदलते हैं।
डिबग स्प्राइट को खींचने की स्थिति को निम्न में बदलें:

sprite.x = 300; //  600 sprite.y = 290; //  580 

सभी ईमानदारी से, सभी केंद्रित।

नए चर जोड़ें:

 public var game:Sprite; // -   public var level_sprite:Sprite = new Sprite(); // -c   public var viewport:Sprite; // -   (, ) 

मुख्य वर्ग निर्माता में, गेम और व्यूपोर्ट को इनिशियलाइज़ करें:

 game = new sprite_game(); game.x = 300; //  game.y = 290; //  game.cacheAsBitmap = true; addChild(game); viewport = new Sprite(); viewport.x = 300; viewport.y = 290; addChild(viewport); 

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

EnterFrameListener में "गियर" के रोटेशन को उसी स्थान पर जोड़ें, जहां हम स्प्राइट को घुमाते हैं:

 game.rotation = sprite.rotation = rotator; 

हम शुरू करते हैं, हम पहले से ही एक घूर्णन हरे कचरे की तस्वीर की तुलना में पहले से ही कम या ज्यादा आंख को प्रसन्न करते हैं।

गेंद को स्प्राइट दें। हम createHero फ़ंक्शन की तलाश करते हैं और इसे अंत में कहीं जोड़ते हैं:

 var sprite:Sprite = new sprites_hero(); sprite.width = sprite.height = 16; viewport.addChild(sprite); hero.SetSprite(sprite); //  ,   SetSprite   . //     ,     ,   30 (. ) hero.GetSprite().x = hero.GetPosition().x * 30; hero.GetSprite().y = hero.GetPosition().y * 30; //  hero.GetSprite().rotation = hero.GetAngle() * 180 / Math.PI; 

body.SetSprite - मूल बॉक्स 2D से गायब है। दूसरे शब्दों में, यह GetUserData का एक एनालॉग है। लेकिन GetUserData का उपयोग ऑब्जेक्ट के प्रकार ("हीरो", "बॉक्स") के लिए किया जाता है, इसलिए मैंने सेटस्प्रिट को इंजन में जोड़ा। यदि आप मूल Box2D पर लिखते हैं - चिंता न करें, गतिशील वस्तुओं का उपयोग करें, उदाहरण के लिए: body.SetUserData ({प्रकार: "हीरो", स्प्राइट: स्प्राइट});

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

 body.GetSprite().x = body.GetPosition().x * 30; body.GetSprite().y = body.GetPosition().y * 30; body.GetSprite().rotation = body.GetAngle() * 180 / Math.PI; 

हम अल्फा को स्प्राइट डिबग से हटाते हैं ताकि हम जो हो रहा है, उसके बीच अंतर कर सकें:

 dbgDraw.m_alpha = 0.5; dbgDraw.m_fillAlpha = 0.1; 

हम शुरू करते हैं, मरोड़ते हैं, हम देखते हैं कि सब कुछ काम करता है:



हमारे ग्राफिक्स पर पूरी तरह से स्विच करने के लिए अब डिबगड्राव से छुटकारा पाने के लिए यह बना हुआ है, लेकिन यह हमें ऐसा करने से रोकता है, कि हमारी दीवारें खींची नहीं गई हैं, हम इसे ठीक कर देंगे।
अनुवाद मैट्रिक्स और बनावट के लिए चर बनाएँ:

 public var matrix_texture:Matrix; public var textureal:BitmapData; 

निर्माणकर्ता में उन्हें आरंभ करें:

 textureal = new texture_gear(); matrix_texture = new Matrix(); matrix_texture.translate(237, 237); //    level_sprite viewport.addChild(level_sprite); 

CreateStaticRect फ़ंक्शन पर जाएं और कुछ जोड़ें:

 level_sprite.graphics.beginBitmapFill(textureal, matrix_texture); level_sprite.graphics.drawRect(x - 150, y - 150, w, h); level_sprite.graphics.endFill(); 

और स्पष्टता के लिए, एक और StaticRect (निर्माता में) जोड़ें:

 CreateStaticRect(150, 140, 30, 30); 

थोड़ी देर के लिए, लाइन पर टिप्पणी करके डिबगड्रॉ को अक्षम करें:

 // world.SetDebugDraw(dbgDraw); 

हम संकलित दीवारों की प्रशंसा करते हैं:



हमने अपनी दुनिया को चित्रित करना, बाधाओं को बनाना सीखा।
हम एक अमूर्त वर्ग बनाते हैं, हमारी बाधाएँ इसे विरासत में मिलेंगी , बाधा सूची:

 package { import Box2D.Dynamics.b2World; import flash.display.Sprite; /** * ... * @author forhaxed */ public class Obstacle extends Sprite { public var active:Boolean = true; //      public var angle:int = 0; //   public var viewport:Sprite; //   viewport public var world:b2World; //    // 0 - LEFT, 1 - UP, 2 - RIGHT - 3 - DOWN public function Obstacle(_viewport:Sprite, _world:b2World, x:Number, y:Number, angle:int = 0) { viewport = _viewport; world = _world; } } } 

और इस वर्ग का एक बच्चा बनाएं, स्पाइक (वास्तव में हमारा स्पाइक), लिस्टिंग:

 package { import Box2D.Collision.Shapes.b2CircleDef; import Box2D.Dynamics.b2Body; import Box2D.Dynamics.b2BodyDef; import Box2D.Dynamics.b2World; import flash.display.Sprite; /** * ... * @author forhaxed */ public class Spike extends Obstacle { public function Spike(_viewport:Sprite, _world:b2World, x:Number, y:Number, angle:int = 0) { super(_viewport, _world, x, y, angle); //   switch(angle) //     { case 0: this.rotation = 90; break; case 1: this.rotation = 180; break; case 2: this.rotation = 270; break; case 3: this.rotation = 0; break; } var body:b2Body; var bodyDef:b2BodyDef; var circleDef:b2CircleDef; var sprite:Sprite; this.x = x; this.y = y; viewport.addChild(this); /* OBSTACLE */ x = x / 30; y = y / 30; var r:Number = 6 / 30; bodyDef = new b2BodyDef(); bodyDef.position.Set(x, y); circleDef = new b2CircleDef(); circleDef.radius = r; circleDef.density = 1; circleDef.friction = 1; circleDef.isSensor = true; //  isSensor  true,        circleDef.restitution = 0.2; body = world.CreateBody(bodyDef); body.SetUserData("spike"); //    spike body.SetSprite(this); //   body.CreateShape(circleDef); body.SetMassFromShapes(); addChild(new saw()); } } } 

हमारी दुनिया में तीन स्पाइक्स जोड़ें, मुख्य वर्ग के निर्माता के पास जाएं और लिखें:

 new Spike(viewport, world, 37, 5, 0); new Spike(viewport, world, 15, 27, 1); new Spike(viewport, world, 15, -17, 3); 

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



हम एक नया GearMazeContact वर्ग बनाते हैं जो कि b2ContactListener से विरासत में मिला है, हम इसके तरीकों को ओवरराइड करेंगे (हाँ, AS3 में ओवरराइड बहुत प्रासंगिक है)। लिस्टिंग:

 package { import Box2D.Dynamics.*; import Box2D.Collision.*; import Box2D.Collision.Shapes.*; import Box2D.Dynamics.Joints.*; import Box2D.Dynamics.Contacts.*; import Box2D.Common.*; import Box2D.Common.Math.*; import flash.display.MovieClip; public class GearMazeContact extends b2ContactListener { public override function Add(point:b2ContactPoint):void { var p1:b2Body = point.shape1.GetBody(); var p2:b2Body = point.shape2.GetBody(); if(p1.GetUserData()=="hero" && p2.GetUserData()=="spike") { if ((p2.GetSprite() as Obstacle).active) { trace("Ha-ha!"); p1.SetUserData("hero_dead"); //     hero_dead,    /* ,         ,    ,     ,    */ } } } } } 

हम अपने श्रोता को दुनिया से जोड़ते हैं, उसी जगह पर जहाँ हम दुनिया बनाते हैं और DebugDraw सेट करते हैं:

 var GearListener:GearMazeContact = new GearMazeContact(); world.SetContactListener(GearListener); 

और कार्यक्षमता जोड़ें जो मृत्यु की स्थिति में हमारी गेंद को निकालेगी, शरीर के साथ एक सरणी की गणना करने में (enterFrameListener):

 if (body.GetUserData() == "hero_dead") { if (body.GetSprite() is Sprite) viewport.removeChild(body.GetSprite()); world.DestroyBody(body); } 

यहां आप गेमप्ले को और अधिक काट सकते हैं और सभी प्रकार की अच्छाई कर सकते हैं: लेजर, पोर्टल, आरी, लड़कियां ।

यदि आप इसमें से एक खिलौना बनाना चाहते हैं, तो आप ओब्लास्ट के साथ लेबिरिंथ की प्रक्रियात्मक पीढ़ी के लिए एक सरल एल्गोरिथ्म बना सकते हैं।

परंपरा से, मैं लेख के लिए सभी कोड संलग्न करता हूं, डेमो के लिए एक लिंक और इन चरणों में तैयार खिलौना।

वैसे, कोई समाप्त खेल नहीं होगा, अफसोस :-(
अब तक यह 18 स्तरों के साथ किसी प्रकार का अल्फ़ा है। कोड रीफैक्टरिंग मुझे मारता है, मैं एक रचनात्मक व्यक्ति हूं: बनाएं, बनाएं और फिर से बनाएं। पैसा मुझे ब्याज नहीं देता है :-)

लिंक: स्रोत कोड | डेमो | खेल खत्म

PS अच्छे आदमी डेटाकैम्पबॉय के लिए बहुत-बहुत धन्यवाद, जब उसने लेख का पहला भाग लिखा, तो उसने मुझे एक डोमेन के साथ होस्टिंग दी, उसने मुझे फ्रीवेयर साइटों से डेमो, गेम और सोर्स कोड दिए।
PSS आप अभी भी मुझे as3 में गेम देव के बारे में लिख सकते हैं, मुझे उत्तर देने में खुशी होगी।