🆙 ♦️ 😫 जावास्क्रिप्ट में क्षुद्रग्रहों को लागू करना 🤛🏿 🥢 💚

किसी तरह से 30 लाइनों की ओर झुकाव को कम करने के लिए, मैंने एक पूरी तरह से लिखने का फैसला किया, और 30 के साथ तुलना में, क्लासिक क्षुद्रग्रहों के खेल के वॉल्यूमेट्रिक कार्यान्वयन।
स्क्रीनशॉट

मुझे कोड की पंक्तियों या वर्णों की संख्या से नहीं मापा जाएगा, क्योंकि यह एक काफी सामान्य डिजाइन और यहां तक कि टिप्पणियाँ भी है।
खेल की दुनिया को कैनवस पर खींचा गया है, दुनिया में सभी ऑब्जेक्ट एकीकृत हैं, और टक्कर डिटेक्टर एक पिक्सेल-बाय-पिक्सेल परीक्षण का उपयोग करता है। उपस्थिति, चश्मे के बाद पहले सेकंड में एक साधारण आवाज अभिनय, जीवन, गॉडमॉड है, चश्मे के साथ बढ़ती जटिलता, और निश्चित रूप से, क्षुद्रग्रहों के टुकड़ों में गिरते हुए।
आप इसे यहाँ आज़मा सकते हैं । मैं अत्यधिक क्रोम या कम से कम एफएफ की सिफारिश करता हूं।

तर्क की मात्रा को कम करने के लिए, दुनिया के सभी वस्तुओं को सार्वभौमिक बनाया जाता है, विशिष्ट प्रकार के आधार पर न्यूनतम जुदाई। वस्तुओं की ज्यामिति को शीर्ष सूचियों में संग्रहीत किया जाता है, जैसा कि वे glBegin (GL_LINES) के माध्यम से करते थे। तर्क के एक ही एकीकरण के लिए दो ज्यामितीय जहाज जहाज को सौंपे जाते हैं (त्वरण के दौरान सामान्य और लौ के साथ)। यदि आप कोड को तोड़ते हैं, तो आप एक जहाज, कुएं, आदि के आकार में क्षुद्रग्रह या गोलियां बना सकते हैं। ज्यामिति में सभी बिंदुओं को निर्देशांक [-1..1] में सेट किया गया है, और कैनवास में रेंडरिंग स्तर पर स्केलिंग द्वारा विशिष्ट आकार प्राप्त किए जाते हैं। और क्षुद्रग्रह के किसी भी आकार के लिए, आप किसी भी ज्यामिति (क्षुद्रग्रहों के लिए कई विकल्प) को लागू कर सकते हैं।

प्रत्येक वस्तु में विशेषताओं का एक समूह होता है:

ऑब्जेक्ट प्रकार: जहाज, क्षुद्रग्रह, गोली। यूएफओ अभी तक नहीं;
वर्तमान ज्यामिति;
SC स्क्रीन में ज्यामिति के केंद्र के निर्देशांक;
ज्यामिति में निर्देशांक के कारक के रूप में वस्तु का आकार;
समन्वय अक्षों पर वेग वेक्टर के अनुमान;
ब्रेकिंग गुणांक (> जहाज के लिए 1, जो त्वरण के बाद ब्रेकिंग की ओर जाता है);
क्षुद्रग्रह और गोलियों के लिए इस्तेमाल किया जाने वाला रोटेशन और "कोणीय वेग" का कोण;
वस्तु का जीवनकाल, यदि यह समय सीमित है (गोलियों पर लागू होता है)।

यूनिफ़िकेशन ने विशेष परिस्थितियों को संभालने में बहुत सरल किया है, जैसे कि स्क्रीन को छोड़ते समय किसी वस्तु को लपेटना।

दोनों कुल्हाड़ियों के लिए सभी रैपिंग लॉजिक

एस - ऑब्जेक्ट डेटा, डब्ल्यू - दुनिया डेटा

[{x:'x', W:Ww}, {x:'y', W:Wh}].forEach(function(_) { var limit = (_.W>>1)+Sr, diff = _.W+2*Sr; if (S[_.x] < -limit) {S[_.x] += diff} else if (S[_.x] > limit) {S[_.x] -= diff} });

कोड अभी भी छोटा किया जा सकता है। लेकिन IMHO कम स्पष्ट हो जाएगा।

पहले संस्करणों में से एक में मैंने किनारों पर एक आंशिक दृष्टिकोण (पोर्टल का एक प्रकार) के साथ दो भागों में वस्तुओं को प्रदर्शित करने का विकल्प आजमाया। यह अजीब लग रहा था, लेकिन यह मुझे पूरी तरह से विहित नहीं लग रहा था। शायद यह लौटने लायक है?

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

गोले के ऊपर टकरावों के प्रारंभिक संस्करण (परिक्रमा के माध्यम से बाउंडिंग बॉक्स) में असंगति दिखाई दी, जब मामले में, दाईं ओर की तस्वीर के रूप में, एक टक्कर ने काम किया। यह अस्वीकार्य था, क्योंकि यह पूरे "ड्राइव" से वंचित था। वह दो समाधानों के साथ आया: ज्यामिति के चौराहे की एक गणितीय गणना (कोई भी वस्तु खंडों का एक बंद सेट प्रतीत होती है) और पिक्सेल-बाय-पिक्सेल परीक्षण बिल्कुल ब्राउज़र इंजन रेंडरर्स के रूप में। पहला विकल्प, सैद्धांतिक रूप से, कम संसाधन गहन है, लेकिन मैंने दूसरा चुना।
एक दूसरा कैनवास बनाया गया है, जिस पर (केवल यदि शेल परीक्षण एक संभावित चौराहे की पुष्टि करता है) दो वस्तुओं की जांच की जाती है, लेकिन 50% सक्रिय सम्मिश्रण के साथ लाल-हरे रंग की योजना में। परिणामस्वरूप, वास्तविक चौराहे के स्थान पर, हमारे पास ऐसे पिक्सेल होंगे जिनमें लाल और हरे दोनों घटक होते हैं। बहुत सरल है, हालांकि प्रभावी नहीं है।

दूसरा कैनवास परीक्षण कुछ इस तरह दिखता है

स्क्रीनशॉट के साथ रेंडरिंग के सिंक्रनाइज़ेशन की कमी के कारण स्क्रीनशॉट थोड़ा टेढ़ा है

अंत में, पहले से ही कम या ज्यादा "मांस":

यह देखा जा सकता है कि क्षुद्रग्रह वायरफ्रेम द्वारा आउटपुट होते हैं। फिर से, थोड़ी सी भी लापरवाही के लिए।

जावास्क्रिप्ट में क्षुद्रग्रहों को लागू करना

More articles: