वस्तुओं के टकराने का मूल सिद्धांत, जावास्क्रिप्ट में स्प्राइट होता है

इस लेख में मैं इस तरह की तकनीकों पर विचार करूंगा:

• वस्तुओं के आयामों का प्रतिच्छेदन
• बहुभुज बिंदु गौण

और खेल "क्षुद्रग्रह" के यांत्रिकी के कार्यान्वयन का एक उदाहरण पर विचार करें।

वस्तुओं के आयामों का प्रतिच्छेदन

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

function MacroCollision(obj1,obj2){ var XColl=false; var YColl=false; if ((obj1.x + obj1.width >= obj2.x) && (obj1.x <= obj2.x + obj2.width)) XColl = true; if ((obj1.y + obj1.height >= obj2.y) && (obj1.y <= obj2.y + obj2.height)) YColl = true; if (XColl&YColl){return true;} return false; } 

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

बहुभुज बिंदु गौण

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

 function pointInPoly(polyCords, pointX, pointY) { var i, j, c = 0; for (i = 0, j = polyCords.length - 1; i < polyCords.length; j = i++) { if (((polyCords[i][1] > pointY) != (polyCords[j][1] > pointY)) && (pointX < (polyCords[j][0] - polyCords[i][0]) * (pointY - polyCords[i][1]) / (polyCords[j][1] - polyCords[i][1]) + polyCords[i][0])) { c = !c; } } return c; } 

फ़ंक्शन के इनपुट मापदंडों के रूप में - बहुभुज के कोने की एक सरणी और बिंदु के निर्देशांक। इस फ़ंक्शन का वर्णन यहां अंग्रेजी में वर्णित है ।

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

एक उदाहरण:

 Bullet = function(x,y) { // this.x=x; this.y=y; // this.width=10; this.height=10; this.tick = function (){ //  for (var i=0; i<Asteroids.length; i++){ if (MacroCollision(this,Asteroids[i])){ if (pointInPoly(Asteroids[i].shapeXY, this.x+5, this.y+5)) { … // … } } } } … } 

क्या हुआ यहाँ डाउनलोड किया जा सकता है , और यहाँ एक काम कर उदाहरण। WSAD + स्थान प्रबंधित करें, मानचित्र पर क्लिक करें - एक क्षुद्रग्रह जोड़ें।

अद्यतन: एक स्क्रीनशॉट जो एक उदाहरण के रूप में समाप्त हुआ।