जावास्क्रिप्ट गेम में कार के मूवमेंट और स्किडिंग का अनुकरण

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

प्रबंधन निम्नलिखित था:

• ऊपर तीर: गैस;
• बायां तीर: वामावर्त घुमाव;
• दाहिना तीर: दक्षिणावर्त मुड़ें।

यह महसूस करना सरल था: मशीन में रेडियन में एक दिशा होती है, एक बटन के क्लिक पर, इवेंट rotateLeft या rotateRight । ये तरीके मशीन की दिशा से कोण परिवर्तन के निरंतर मूल्य को जोड़ते या घटाते हैं।

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

पहले आपको गति वेक्टर और मशीन की दिशा को अलग करने की आवश्यकता है:

this.carDirection - एक कोण जो मशीन का ओरिएंटेशन सेट करता है;
this.linearVelocity कार्टेशियन निर्देशांक में निर्दिष्ट वेग वेक्टर है।

आगे हम मोड़ कीज़ पर कार के ओरिएंटेशन को बदलने की घटना को लटकाते हैं। जब यह वेग वेक्टर की दिशा से भिन्न होता है, तो यह मशीन की दिशा में मुड़ना शुरू कर देता है। इस वेक्टर की घूर्णन गति अनुभवजन्य गुणांक SMOOTHING द्वारा दी गई है।



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

 function turnAndTranslate(lineIndex, position) { return [ trace[lineIndex].cos * (position[0] - trace[lineIndex].begin[0]) + trace[lineIndex].sin * (position[1] - trace[lineIndex].begin[1]), trace[lineIndex].sin * (- position[0] + trace[lineIndex].begin[0]) + trace[lineIndex].cos * (position[1] - trace[lineIndex].begin[1]) ]; } 

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



कार्यक्रम नम है, लेकिन आप पहले से ही यहां सवारी कर सकते हैं ।