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

नमस्कार प्रिय मित्र।

आरंभ करने के लिए, मैं अपेक्षाकृत हाल ही में gamedev के साथ काम कर रहा हूं।
इसलिए, कोड और सूचना% की गुणवत्ता पर भरोसा न करें)

इस लेख में मैं एक उदाहरण के रूप में प्रोटोटाइप का उपयोग करके अपने खेल के लिए बॉक्स 2 डी भौतिकी इंजन का उपयोग करने के तरीके के बारे में बात करूंगा।

यदि आप भाग्यशाली हैं और आपको लेख पसंद है, तो दूसरा भाग और तीसरा भाग दोनों होंगे। अंत में, हमें ऐसा खेल मिलता है। (हाँ, खेल बहुत ही अधूरा है, लेख में उसी तरह है, केवल ग्राफिक्स और सेंसर के साथ)
बाकी कटौती के तहत है।

डेरा डाले हुए

हमें क्या चाहिए?

1. Box2D भौतिकी इंजन ही। यह महत्वपूर्ण है कि संस्करण 2.0.2 था, क्योंकि यह बहुत अधिक स्थिर है। हां, और उनका प्रदर्शन समान है।
   आप इसे यहाँ या यहाँ डाउनलोड कर सकते हैं (लेकिन दूसरे लिंक में यह सब स्रोत कोड भी है)।
2. आपको as3 पर कुछ बनाने के अनुभव की आवश्यकता है।
3. दरअसल हम दूसरे शब्दों में, IDE पर क्या लिखेंगे। आप FlashDevelop (मेरे जैसे) का उपयोग कर सकते हैं, वैसे, यह मुफ़्त है; या उदाहरण के लिए Adobe Flash CS5 का उपयोग करें।
4. brain.dll, क्रमशः, और hands.dll

प्रागितिहास

और इसलिए Box2D एक स्वतंत्र, खुला-स्रोत, दो-आयामी भौतिक इंजन है (खेल में भौतिक दुनिया के मॉडलिंग के लिए और न केवल) एक व्यक्ति द्वारा विकसित किया गया है, एरिन कट्टो, सी ++ के लिए।

लेकिन एक और अच्छा व्यक्ति था जिसने इसे फ्लैश में लिया और पोर्ट किया।

कोई कहता है कि वह बहुत "मोटा" है, जैसे कि धीरे-धीरे काम करना, कोई - इसके विपरीत। मैं एक बात जानता हूं - वे इस पर असली खेल बनाते हैं, और इसलिए, सबसे अधिक संभावना है, यह हाथों पर निर्भर करता है।

लेकिन सबसे पहले, यह Box2D के बारे में सामान्य प्रावधानों के बारे में कहा जाना चाहिए। ये प्रावधान अमूर्त के रूप में प्रदान किए जाएंगे:

1. माप की इकाई के रूप में Box2D पिक्सल का उपयोग नहीं करता है
2. माप की इकाई के रूप में Box2D अंतर्राष्ट्रीय प्रणाली C (si) - मीटर, किलोग्राम, सेकंड (ISS) का उपयोग करता है
3. Box2D को 10 सेंटीमीटर से 10 मीटर की सीमा में गतिशील वस्तुओं के साथ काम करने के लिए कॉन्फ़िगर किया गया था, अर्थात्, एक ग्लास से बस में ऑब्जेक्ट बनाना संभव है
4. चूंकि Box2D जिन इकाइयों के साथ काम करता है, वे स्क्रीन इकाइयों (पिक्सल) के साथ मेल नहीं खाती हैं, आपको पिक्सल के लिए मीटर (इकाइयों) के कुछ रूपांतरण कारक सेट करने की आवश्यकता होती है। उदाहरण के लिए: आप निर्दिष्ट कर सकते हैं कि 10 सेंटीमीटर = 30 पिक्सेल।
5. Box2D दो प्रकार की वस्तुओं से संचालित होता है: गतिशील और स्थिर
6. गतिशील वस्तुएं स्वयं के बीच टकराव (ईंटों, गेंदों, अणुओं, हेलीकाप्टरों, कारों, लोगों ...) के विश्लेषण में शामिल हैं, स्थैतिक - नहीं (पृथ्वी, नींव, फ्रेम - यह सब अविनाशी है)
7. Box2D निम्नलिखित आंकड़ों के साथ टकराव को कार्यान्वित करता है: सर्कल, वर्ग, उत्तल बहुभुज।
8. बॉक्स 2 डी में अधिकांश संरचनाओं के नाम उपसर्ग "बी 2" से शुरू होते हैं ताकि इंजन की संरचना को बेहतर ढंग से उजागर किया जा सके और उपयोगकर्ता संरचनाओं के साथ संघर्ष की संभावना कम हो।

खैर, अभी के लिए।

हम दुर्भावना करने लगते हैं

हम परियोजना बनाते हैं, खिड़की का आकार 500x500 और 30FPS है, हम अपनी कक्षा Main.as की तलाश कर रहे हैं।
हम बॉक्स 2 डी के साथ हमारे डैडी को मुख्य वर्ग में रखते हैं।
हम आवश्यक आयात करते हैं:

import Box2D.Dynamics.*; import Box2D.Dynamics.Joints.*; import Box2D.Collision.*; import Box2D.Collision.Shapes.*; import Box2D.Common.Math.*; 

स्थिरांक बनाएँ:

 public static const ITERATIONS:int = 20; public static const TIMESTEP:Number = 1.0 / 30.0; 

ये स्थिरांक क्या हैं - मैं बाद में समझाऊंगा।

चरों दुनिया, स्प्राइट, रोटेटर, हीरो और सीमा की घोषणा करें:

 public var world:b2World; public var sprite:Sprite; //   " " public var boundsWorld:b2Body; public var hero:b2Body; public var rotator:Number; 

एक समारोह बनाएँ:

 public function InitializePhysicsWorld():void { var worldAABB:b2AABB = new b2AABB(); //   ,     ,     . worldAABB.lowerBound.Set(-300, -300.0); worldAABB.upperBound.Set(300.0, 300.0); world = new b2World(worldAABB, new b2Vec2(0, 0), false); //  , worldAABB -  ; new bVec2(0, 0) -  ,      ; false -     . var dbgDraw:b2DebugDraw = new b2DebugDraw(); //    ,    ,   ,  . dbgDraw.m_sprite= sprite; dbgDraw.m_drawScale= 30; dbgDraw.m_alpha = 1; dbgDraw.m_fillAlpha = 0.5; dbgDraw.m_lineThickness = 1; dbgDraw.AppendFlags(b2DebugDraw.e_shapeBit); //    world.SetDebugDraw(dbgDraw); } 

और मुख्य () में हम लिखते हैं:

 public function Main():void { sprite = new Sprite(); addChild(sprite); sprite.x = sprite.y = 250; rotator = 0; InitializePhysicsWorld(); } 

हमारी दुनिया बनाई गई है, अब इसे तितलियों, घास और पानी के साथ भरने की कोशिश करें।
विश्व की सीमाएँ बनाएँ, एक समारोह बनाएँ:

 public function CreateBoundsWorld():b2Body { var body:b2Body; //   var bodyDef:b2BodyDef; //   var polygon:b2PolygonDef; //  bodyDef = new b2BodyDef(); polygon = new b2PolygonDef(); bodyDef.position.Set(0, 0); //    x:0, y:0 polygon.density = 0; //   0, ..  density  ,    . polygon.friction = 1.0; polygon.restitution = 0.2; body = world.CreateBody(bodyDef); //     //    polygon.SetAsOrientedBox(300/2/30, 1/2/30, new b2Vec2(0, -300/2/30), 0); body.CreateShape(polygon); polygon.SetAsOrientedBox(300/2/30, 1/2/30, new b2Vec2(0, 300/2/30), 0); body.CreateShape(polygon); polygon.SetAsOrientedBox(1/2/30, 300/2/30, new b2Vec2(300/2/30, 0), 0); body.CreateShape(polygon); polygon.SetAsOrientedBox(1/2/30, 300/2/30, new b2Vec2(-300/2/30, 0), 0); body.CreateShape(polygon); body.SetMassFromShapes(); //  ,      . return body; //  . } 

हम मुख्य के अंत में लिखते हैं ():

 boundsWorld = CreateBoundsWorld(); 

अब हमारी दुनिया खाली नहीं है, लेकिन रुकिए, संकलन करते समय कुछ भी दिखाई क्यों नहीं देता है?
डरो मत, प्रिय% उपयोगकर्ता नाम%, सब कुछ ठीक है। चलो हमारे इंजन को बनाते हैं और भौतिकी की गणना करते हैं।
ऐसा करने के लिए, एक फंक्शन बनाएं:

 public function enterFrameListener(event:Event):void { world.Step(timestep, ITERATIONS); //     Box2D    (   ).   :  Box2D   Step(float timeStep,int iterations),   : ,             . } 

हम श्रोता को मुख्य रूप से लटकाते हैं ():

 this.addEventListener(Event.ENTER_FRAME, enterFrameListener); 

लॉन्च और देखें:


सब कुछ ठीक होगा, लेकिन अब गतिशील वस्तुओं को जोड़ने का समय है, हमारे मामले में यह एक नायक-गेंद है। फिर से हम एक फंक्शन बनाते हैं:

 public function CreateHero(x:Number, y:Number):void { var bodyDef:b2BodyDef; var circleDef:b2CircleDef; var x:Number; var y:Number; var r:Number; /* HERO */ x = x / 30; //        y = y / 30; // r = 8 / 30; //  bodyDef = new b2BodyDef(); bodyDef.position.Set(x, y); circleDef = new b2CircleDef(); circleDef.radius = r; circleDef.density = 1; circleDef.friction = 1; circleDef.restitution = 0.2; hero = world.CreateBody(bodyDef); hero.SetUserData("hero"); //    " " hero.CreateShape(circleDef); hero.SetMassFromShapes(); } 

फ़ंक्शन को मुख्य () में फिर से जोड़ें:

 CreateHero(0, 0); 

हम संकलन करते हैं, हम पहले से ही कुछ नया देखते हैं, केंद्र में एक सफेद गेंद दिखाई देती है।
लेकिन वह हिलता नहीं है, यदि आप एक चौकस व्यक्ति हैं, तो याद रखें कि हमने गुरुत्वाकर्षण को बंद कर दिया था। क्यों? दुनिया का छद्म घुमाव बनाने के लिए। हमारी दुनिया में गुरुत्वाकर्षण के बाद से, यह बस गतिशील होने के लिए बाध्य है।

इसलिए, हम अपनी दुनिया की चाबी "वाम" और "दाएं" पर बनाएंगे।
आपको दुनिया के साथ स्प्राइट को घुमाने और गुरुत्वाकर्षण को बदलने की आवश्यकता होगी।
मुझे आशा है कि आप समझ गए होंगे कि आप हमारे हीरो% के लिए "स्थिर" कमरे को क्यों नहीं घुमा सकते हैं)

दो सार्वजनिक चर जोड़ें:

 public var keyPressedRight:Boolean; public var keyPressedLeft:Boolean; 

मुख्य श्रोता ():

 parent.addEventListener(KeyboardEvent.KEY_DOWN, keyDownListener); parent.addEventListener(KeyboardEvent.KEY_UP, keyUpListener); 

और तदनुसार कार्य स्वयं:

 public function keyDownListener(event:KeyboardEvent):void { switch(event.keyCode) { case 37: keyPressedRight = true; break; case 39: keyPressedLeft = true; break; } } public function keyUpListener(event:KeyboardEvent):void { switch(event.keyCode) { case 37: keyPressedRight=false; break; case 39: keyPressedLeft = false; break; } } 

अब हमारे enterFrameListener पर जाएँ, जोड़ें:

 if (keyPressedRight) rotator -= 4; else if(keyPressedLeft) rotator += 4; 

हम स्प्राइट को घुमाते हैं:

 sprite.rotation = rotator; 

प्रबंधन तैयार है। अब भौतिक इंजन पर नियंत्रण को बांधें, गुरुत्वाकर्षण बनाएं, जो रोटेटर पर निर्भर करता है:

 var angle:Number = (270 + rotator_fix) / 180 * Math.PI; var pseudo_gravity:b2Vec2 = b2Vec2.Make(Math.cos(angle), -Math.sin(angle)); 

हमने गुरुत्वाकर्षण वेक्टर की गणना की, अब हमें इसे अपने नायक पर लागू करने की आवश्यकता है।

 for (var body:b2Body = world.GetBodyList(); body; body = body.GetNext()) //      . { if (body.GetUserData() == "hero") //  userdata  - hero,     . { pseudo_gravity.x *= 9.8 * body.GetMass(); pseudo_gravity.y *= 9.8 * body.GetMass(); body.ApplyForce(pseudo_gravity, body.GetWorldCenter()); //   } } 

संकलित करें और हाँ! बीच में कुछ भुरभुरापन जोड़ें। एक समारोह बनाएँ:

 public function CreateStaticRect(x:Number, y:Number, w:Number, h:Number):void { var total_x:Number = ((x + w / 2) - 150) / 30; var total_y:Number = ((y + h / 2) - 150) / 30; var total_w:Number = w / 30; var total_h:Number = h / 30; var body:b2Body; var bodyDef:b2BodyDef; var polygon:b2PolygonDef; bodyDef = new b2BodyDef(); polygon = new b2PolygonDef(); bodyDef.position.Set(0, 0); bodyDef.position.Set(total_x, total_y); polygon.SetAsBox(total_w / 2, total_h / 2); polygon.density = 0.0; polygon.friction = 0.5; polygon.restitution = 0.2; body = world.CreateBody(bodyDef); body.CreateShape(polygon); body.SetMassFromShapes(); body.SetUserData("box"); } 

और मुख्य के अंत में ():

 CreateStaticRect(0, 150, 150, 10); 

चेहरे पर "प्रोटोटाइप" तैयार।

परिणाम

यहाँ इस तरह के एक कदम है। प्रिय दोस्तों, अगर आप इसे पसंद करते हैं, तो मैं निश्चित रूप से कई लेख लिखूंगा, अंत में हमें कुछ ऐसा मिलेगा।

पुनश्च: एक बार फिर, मैं सभी लिंक दूंगा:
सूत्र | Swf फ़ाइल | एम्बेड SWF | Box2Dlib

PSS: मुफ्त होस्टिंग के सभी प्रकार के लिंक के लिए क्षमा करें। कोई सर्वर नहीं है।

UPD: भाग II