🖕🏾 🤴🏻 💗 एकता 3 डी। एक 3D मेनू बनाएँ ▫️ 🔹 🍁

परिचय

हाबरा के पास पहले से ही क्रॉस-प्लेटफॉर्म 3 डी इंजन "यूनिटी 3 डी" के विषय पर कुछ ट्यूटोरियल हैं, लेकिन अभी भी 3 डी मेनू पर कोई सबक नहीं है।
मुझे इस पोस्ट के द्वारा Unity3d script मूल बातें और शुरुआती के लिए Unity3D - ट्यूटोरियल 1 द्वारा संकेत दिया गया था।
इसके अलावा, कुछ लोगों ने लेखक को "हम गलत सदी में रहते हैं" विषय पर डांटा, इसलिए यहां एक चुटकी ज्ञान है।
इस ट्यूटोरियल को करके, मैंने मान लिया कि आप पहले से ही JS और यूनिटी 3D इंटरफ़ेस की मूल बातें से परिचित थे।
मैं एकता 3 डी के विंडोज संस्करण के साथ काम करूंगा। मुझे लगता है कि अन्य ऑपरेटिंग सिस्टम के मालिक समझेंगे।

खाना पकाने

1) मेनू के विषय पर एक मूल विचार है, इसलिए मानसिक तैयारी बोलें।
2) मॉडल आप की जरूरत है। आप इसे यहां (Google स्केचअप) पा सकते हैं। हमें जिस प्रारूप की आवश्यकता है वह कोलाडा है।
3) मेनू के पाठ के लिए एक फ़ॉन्ट है। आप मानक विंडोज फोंट ले सकते हैं।

पहला कदम

मैं पश्चिमी विषयों पर एक स्केच के साथ आया था।
चलिए शुरू करते हैं सीन की तैयारी से।
एक इलाक़ा बनाने के लिए सबसे पहले बनें और आकार / ऊँचाई / बनावट की गुणवत्ता (Terrain-> सेट रिज़ॉल्यूशन / फ्लैटन हाइटमैप) का चयन करें।
अगला, एक बनावट का चयन करें और दृश्य का मुख्य परिदृश्य बनाएं

उसके बाद, कैमरे को वांछित देखने के कोण पर रखें, प्रकाश (Derectional प्रकाश) और इसकी छाया जोड़ें।
कोहरा और आकाश (स्काईबॉक्स) जोड़ें, यह सब एडिट-> रेंडर सेटिंग्स में पाया जा सकता है।

आदर्श

शुरू करने के लिए, डाउनलोड किए गए संग्रह को अनज़िप करें, और अपने प्रोजेक्ट के सामग्री फ़ोल्डर में छवियों से सभी बनावटों को स्थानांतरित करें (बस एकता विंडो में फ़ोल्डर पर इसे चुनें और खींचें)।
इसके बाद, * .da मॉडल को एकता में आयात करें (संपत्ति-> नया परिसंपत्ति आयात करें), और इसे दृश्य में जोड़ें, अपनी पसंद के अनुसार भी आकार दें।
महत्वपूर्ण! यदि आप इसे ऑर्डर से बाहर करते हैं, तो आपको एक गैर-बनावट वाला मॉडल मिलेगा।

मेनू मूल बातें

मेनू को मॉडल या 3 डी पाठ का उपयोग करके बनाया जा सकता है, या आप एक बार में सभी से कर सकते हैं।
मैं पाठ संस्करण के बारे में बात करूंगा, क्योंकि यह अधिक परिचित होगा।
अपने फॉन्ट के साथ 3 डी टेक्स्ट बनाने के लिए, आपको इसे प्रोजेक्ट में जोड़ना होगा (एसेट्स-> इम्पोर्ट न्यू एसेट)।
इसे चुनने के बाद, (GameObjects-> Create Other-> 3D Text) पर जाएं।
आप साबुन का पाठ बनाएंगे। गुणवत्ता में सुधार करने के लिए, फ़ॉन्ट आकार बदलें, और फिर आकार समायोजित करें।

आगे हम इसे क्रियाशील बनाएंगे। ऐसा करने के लिए, निम्नलिखित कोड को JS'e पर कॉपी करें और सभी वस्तुओं पर "3 डी टेक्स्ट" लागू करें।

function OnMouseDown () { //1 if(name=="Play Game") { Application.LoadLevel("Test Scene"); } //2 if(name=="Options") { } if(name=="Quit") { Application.Quit(); } //3 } function OnMouseOver () { //1 animation.Play(); //4 }

1) माउस हेरफेर के दौरान घटनाएँ।
2) यदि आप इस परियोजना को संकलित करते समय इसे निर्दिष्ट करते हैं (आप क्रम संख्या भी निर्दिष्ट कर सकते हैं) नामक दृश्य को लोड करता है।
3) यदि यह वेब के तहत संकलित नहीं है, या संपादक में शुरू नहीं होता है तो आवेदन से बाहर निकलें।
4) मेनू को ऐनिमेट करने की विधि, यदि आप एक चाहते हैं (तो बहुत ही अस्पष्ट, इसलिए मैंने नहीं बताया। आप इसे मेरी तैयार परियोजना में देख सकते हैं)।
* नाम - उस वस्तु का नाम, जिस पर स्क्रिप्ट निहित है।

मेनू नेविगेशन

एक सिलेंडर बनाएं, और इसे मेनू में बदल दें। किसी भी आंशिक पारदर्शी सामग्री (आप स्क्रीन पर पसंद कर सकते हैं) को लागू करके इसे पारदर्शी बनाएं।

हम मेनू ऑब्जेक्ट (पदानुक्रम विंडो) में हमारे सभी 3D पाठ ऑब्जेक्ट एम्बेड करते हैं।

इसके अलावा, सिलेंडर के दूसरी तरफ, दो 3 डी टेक्स्ट बनाएं, और उन्हें मेनू में पदानुक्रम स्थानांतरित करें। यह एक सब मेनू आइटम होगा।

स्क्रिप्ट को अपडेट करें।

 var menuRotation : GameObject; //1 function OnMouseDown () { if(name=="Play Game") { Application.LoadLevel("Test Scene"); } if(name=="Options" || name=="Back" ) { menuRotation.transform.Rotate(0, 180, 0); } //2 if(name=="Quit") { Application.Quit(); } } function OnMouseOver () { animation.Play(); }

1) एक चर बनाएं जिसमें ऑब्जेक्ट हो।
2) जब आप ऑप्शन नामक ऑब्जेक्ट पर क्लिक करते हैं, तो कमांड मेन्यू रोटेशन ऑब्जेक्ट 180 * को घुमाएगी।

विकल्प बटन के मेनू रोटेशन क्षेत्र में सिलेंडर को स्थानांतरित करें।
अब आपके पास लगभग तैयार मेनू है। यह केवल एक स्लाइडर बनाने के लिए बनी हुई है।

स्लाइडर्स

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

एक नई JS स्क्रिप्ट बनाएं, और इसे Sphere (sphere_slider) में संलग्न करें।

 function OnMouseDrag () { //1 var translation : float = Input.GetAxis ("Mouse X"); //2 transform.Translate(translation, 0, 0); //3 print(transform.position.x.ToString()); //4 }

1) जब आप (Sphere / sphere_slider पर) क्लिक करते हैं और माउस को हिलाते हैं, तो ईवेंट सक्रिय हो जाएगा।
2) एक अनुवाद चर बनाएगा जिसमें माउस के एक्स निर्देशांक स्थानांतरित किए जाते हैं।
3) माउस के पीछे क्षेत्र / गोला / क्षेत्र घूमता है।
चेतावनी। जिस समन्वय के साथ गेंद आगे बढ़ेगी वह सभी के लिए अलग है (सबसे आसान तरीका यह है कि एक्स कोऑर्डिनेट / लाल तीर के साथ प्रक्षेपवक्र में बदल दिया जाए)
4) स्ट्रिंग ट्रांसफॉर्म.पोजिशन.एक्स हमें वह समन्वय देगा जिस पर ऑब्जेक्ट वर्तमान में स्थित है।
चेतावनी। समन्वय अभी भी अलग है (transform.position.x || y || z; या रोटेशन क्षेत्र / क्षेत्र_स्लाइडर)।

कंसोल के निष्कर्ष के अनुसार, हम न्यूनतम और अधिकतम को परिभाषित करते हैं जो भविष्य के स्लाइडर को स्थानांतरित करेगा।

जैसे ही आप आवश्यक निर्देशांक देखते हैं, पुरानी स्क्रिप्ट को अपडेट करें।

 function OnMouseDrag () { var translation : float = Input.GetAxis ("Mouse X") * 0.18; //1 if (transform.position.x < min || transform.position.x > max) { //2 if (transform.position.x < min) { transform.Translate(0.1, 0, 0); } //3 if (transform.position.x > max) { transform.Translate(-0.1, 0, 0); } //3 } else { transform.Translate(translation, 0, 0); } }

1) फिर भी हम एक्स कोऑर्डिनेट करते हैं, लेकिन एक गुणांक के साथ गेंद की गति को कम करता है।
चेतावनी! प्रत्येक उपयोगकर्ता के लिए भी अद्वितीय है।
2) कुल्हाड़ियों के साथ अधिकतम और न्यूनतम स्लाइडर आंदोलन।
3) सीमा से परे जाने पर, समन्वय थोड़ा कम हो जाता है (स्लाइडर को जगह में फंसने से बचने के लिए)।
* पहले से प्राप्त सीमाओं के लिए न्यूनतम और अधिकतम बदलें।

यहां स्लाइडर लगभग तैयार है। यह केवल उसे वापस मूल्य सिखाने के लिए रहता है।

 var bullet : float = 0; //1 function OnMouseDrag () { var translation : float = Input.GetAxis ("Mouse X") * 0.18; if (transform.position.x < min || transform.position.x > max) { //2 if (transform.position.x < min) { transform.Translate(0.1, 0, 0); } //3 if (transform.position.x > max) { transform.Translate(-0.1, 0, 0); } //3 } else { transform.Translate(translation, 0, 0); } bullet = (transform.position.x - min)*250;//2 }

1) एक वैरिएबल बुलेट बनाएं।
2) चर बुलेट में स्लाइडर के मूल्यों को लिखता है।

वह सब है। अब आपके पास कमोबेश यूनिटी 3 डी मेनू है।
मुझे जो मिला है वह tyk है ।
पाठ के लिए धन्यवाद।

एकता 3 डी। एक 3D मेनू बनाएँ