एकता छाया ग्राफिक्स

एक shader एक छोटा प्रोग्राम है जिसमें GPU के लिए निर्देश होते हैं। यह वर्णन करता है कि किसी विशिष्ट सामग्री के लिए स्क्रीन रंग की गणना कैसे करें।

हालाँकि, एकता में एक मानक शेडर है, कभी-कभी आपको एक ऐसे प्रभाव को लागू करने की आवश्यकता होती है जो एक मानक शेडर करने में सक्षम न हो।

इससे पहले, यह एक विशिष्ट shader भाषा, जैसे कि Cg या HLSL, और उनमें होने वाले दृष्टिकोण, सामान्य रूप से गेमप्ले स्क्रिप्ट के सामान्य निर्माण से भिन्न होते हैं। कई लोगों के लिए, शेडिंग लिखना खेल के विकास का एक अलोकप्रिय पहलू है, क्योंकि इसके लिए एक अतिरिक्त सीखने की अवस्था के विकास की आवश्यकता होती है।

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

इस ट्यूटोरियल में, आप अपना पहला यूनिटी शैडर बनाएंगे!

काम पर लगना

यह ट्यूटोरियल एकता संस्करण 2019.1 या नए का उपयोग करता है। यहां एकता का नया संस्करण डाउनलोड करें ।

नोट : हालांकि यह ट्यूटोरियल Shader Graph में शुरुआती लोगों के लिए अभिप्रेत है, यह माना जाता है कि आप एकता में विकास की मूल बातें जानते हैं और इंजन के इंटरफ़ेस में महारत हासिल कर चुके हैं। यदि आप एकता के लिए नए हैं, तो एकता के ट्यूटोरियल में शानदार शुरुआत करें ।

यहाँ ट्यूटोरियल सामग्री डाउनलोड करें । फिर सामग्री को अनज़िप करें और एकता में शैडर ग्राफ स्टार्टर के लिए परिचय खोलें।

प्रोजेक्ट विंडो में RW फ़ोल्डर निम्नानुसार व्यवस्थित है:

• फ़ॉन्ट्स : दृश्य में प्रयुक्त फ़ॉन्ट।
• सामग्री : दृश्य के लिए सामग्री।
• मॉडल : खेल आकृतियों और पृष्ठभूमि के लिए 3 डी मेष।
• PostFX : सीन रेंडरिंग के लिए पोस्ट-प्रोसेसिंग इफेक्ट्स।
• प्रीफ़ैब्स : विभिन्न पूर्व-निर्मित घटक।
• दृश्य : खेल का दृश्य।
• लिपियों : खेल तर्क के साथ स्क्रिप्ट।
• शेडर्स : इस ट्यूटोरियल के लिए शेडर ग्राफ बनाए गए।
• स्प्राइट्स : निर्देशों के हिस्से के रूप में इस्तेमाल किया जाने वाला स्प्राइट।
• बनावट : खेल के आकार और पृष्ठभूमि के लिए बनावट के नक्शे।

अब परिदृश्य फ़ोल्डर से TangramPuzzle दृश्य लोड करें।


यह एक सरल खेल है जिसे तंगराम कहा जाता है, जो 19 वीं शताब्दी में चीन में दिखाई दिया था। खिलाड़ी का कार्य सात समतल ज्यामितीय आकृतियों को स्थानांतरित करना है, जिससे वे चित्रांकित चित्र या सिल्हूट बन जाते हैं।

संपादक में प्ले मोड लॉन्च करें और डेमो गेम्स का परीक्षण करें।

आप आकृतियों पर क्लिक कर सकते हैं और उन्हें खींच सकते हैं। आकृतियों को घुमाने के लिए दिशा कुंजियों का उपयोग करें। आकृतियों को घुमाएं और स्थानांतरित करें ताकि वे एक-दूसरे को ओवरलैप न करें।

क्या आप समझ सकते हैं कि इस तरह के पैटर्न बनाने के लिए सात आकृतियों को कैसे स्थानांतरित किया जाए?


इसलिए, एक तकनीकी दृष्टिकोण से, खेल काम करता है, लेकिन यह चयनित आंकड़े के बारे में कोई दृश्य प्रतिक्रिया नहीं देता है।

क्या होगा अगर हम एक माउस के ऊपर आकार बना सकते हैं? यह यूजर इंटरफेस में सुधार करेगा।


और यह Shader Graph की क्षमताओं को प्रदर्शित करने का एक शानदार मौका है!

Shader ग्राफ़ के लिए पाइपलाइन मापदंडों की जाँच करना

शेडर ग्राफ केवल अपेक्षाकृत नए स्क्रिप्ट रेंडर पाइपलाइन के साथ काम करता है, यानी हाई-डेफिनिशन रेंडर पाइपलाइन के साथ या लाइटवेट रेंडर पाइपलाइन के साथ ।

Shader Graph के साथ काम करने के लिए एक नया प्रोजेक्ट बनाते समय, सही टेम्पलेट का चयन करें।


नमूना प्रोजेक्ट पहले से ही लाइटवेट रेंडर पाइपलाइन के साथ काम करने के लिए कॉन्फ़िगर किया गया है। सबसे पहले, PackageManager की पुष्टि करें कि आपके पास Window Man PackageManager को चुनकर लाइटवेट RP और ShaderGraph स्थापित है।

फिर उपलब्ध संस्करणों में से एक का चयन करें और यदि आवश्यक हो, तो अपडेट पर क्लिक करें। आमतौर पर सबसे अच्छा विकल्प नवीनतम सत्यापित संस्करण है।


पैकेजों को अपडेट करने के बाद, संपादित करें । प्रोजेक्ट सेटिंग्स में पाइपलाइन मापदंडों की शुद्धता की सावधानीपूर्वक जांच करें ।

ग्राफिक्स टैब पर, स्क्रिप्ट करने योग्य रेंडर पाइपलाइन सेटिंग्स पैरामीटर को LWRP-HighQuality पर सेट किया जाना चाहिए। इसके लिए धन्यवाद, प्रोजेक्ट लाइटवेट रेंडर पाइपलाइन के लिए उच्चतम डिफ़ॉल्ट सेटिंग का उपयोग करेगा।

यह सुनिश्चित करने के बाद कि आप स्क्रिप्ट करने योग्य रेंडर पाइपलाइन संपत्ति में से एक का उपयोग कर रहे हैं, इस विंडो को बंद करें।

पीबीआर ग्राफ बनाना

स्क्रीन पर 3 डी मेष प्रदान करते समय, सामग्री और शेडर हमेशा एक साथ काम करते हैं। इसलिए, एक shader बनाने से पहले, हमें सामग्री की आवश्यकता है।

RW / सामग्री फ़ोल्डर में एक नई सामग्री बनाने के लिए सबसे पहले प्रोजेक्ट विंडो में Create बटन पर क्लिक करें। Create Create ow Material का चयन करें, और फिर इसे Glow_Mat का नाम दें ।

फिर, RW / Shaders फ़ोल्डर में Create ► Shader BR PBR ग्राफ चुनकर एक PBR ग्राफ बनाएं । यह एक shader ग्राफ है जो शारीरिक रूप से सटीक प्रतिपादन , या PBR का समर्थन करता है।

इसे हाईलाइटशेयरग्राफ नाम दें।


सामग्री Glow_Mat अब तक लाइटवेटरेंडरपिपलाइन के लिए एक मानक शेडर का उपयोग करता है जिसे लाइटवेटरेंडरप्रिप्लिन / लाइटवेट कहा जाता है ।


इसे नए बनाए गए नए शेडर ग्राफ में बदलें। Glow_Mat चयनित होने के साथ, इंस्पेक्टर के शीर्ष पर Shader ड्रॉप-डाउन मेनू पर क्लिक करें और Shader रेखांकन Graph HighlightShaderGraph चुनें ।

Glow_Mat ग्रे का हल्का हल्का शेड लेगा, लेकिन अन्यथा बहुत सुस्त रहेगा। चिंता न करें, हम इसे जल्द ही ठीक कर देंगे।

अब HighlightShaderGraph एसेट पर डबल-क्लिक करें या इंस्पेक्टर में Open Shader एडिटर पर क्लिक करें। यह Shader Graph विंडो खोलेगा।


इस इंटरफ़ेस के मुख्य भाग देखें:

• मुख्य कार्यक्षेत्र एक गहरे भूरे रंग का क्षेत्र है जिसमें ग्राफ संचालन संग्रहीत किया जाएगा। आप संदर्भ मेनू खोलने के लिए कार्यक्षेत्र पर राइट-क्लिक कर सकते हैं।
• एक नोड एक ग्राफ का एक तत्व है। प्रत्येक नोड में एक इनपुट, आउटपुट या ऑपरेशन होता है, जो इसके बंदरगाहों पर निर्भर करता है। नोड्स किनारों का उपयोग करके एक दूसरे से जुड़े हुए हैं।
• मास्टर नोड ग्राफ का अंतिम आउटपुट नोड है। इस उदाहरण में, हम एक शारीरिक रूप से सटीक प्रतिपादन विकल्प का उपयोग करते हैं, जिसे पीबीआर मास्टर नोड भी कहा जाता है। आप इसमें कुछ गुणों को देख सकते हैं, जैसे कि Albedo, Normal, Emission, और Metallic, जो Standard Shader में उपयोग किए जाते हैं।
• ब्लैकबोर्ड इंस्पेक्टर में ग्राफ के कुछ हिस्सों तक पहुंच प्रदान कर सकता है। यह उपयोगकर्ता को ग्राफ़ को सीधे संपादित किए बिना मापदंडों को कॉन्फ़िगर करने की अनुमति देता है।
• मुख्य पूर्वावलोकन इंटरेक्टिव रूप से एक गोले के रूप में शेडर के वर्तमान आउटपुट को प्रदर्शित करता है।

विभिन्न नोड्स को जोड़कर, आप एक शेडर ग्राफ बना सकते हैं जो यूनिटी जीपीयू को संकलित और स्थानांतरित करता है।

एक रंग नोड बनाना

सबसे पहले, आइए शेडर को कुछ मूल रंग दें। ऐसा करने के लिए, पीबीआर मास्टर नोड के अल्बेडो घटक के साथ रंग नोड कनेक्ट करें। Create Node ► Input ► Basic ► Color चुनकर संदर्भ मेनू से पहला नोड बनाने के लिए कार्यक्षेत्र पर राइट-क्लिक करें ।


ध्यान दें कि क्रिएट नोड मेनू में सैकड़ों नोड हैं ! सबसे पहले यह भ्रामक लगता है, लेकिन आप जल्द ही सबसे अधिक सक्रिय रूप से उपयोग किए जाने वाले लोगों का पता लगाएंगे।

अगला, कार्यक्षेत्र पर नोड को खींचें, इसके शीर्षक पट्टी पर पकड़े हुए। फिर इसे पीबीआर मास्टर नोड के बाईं ओर कहीं छोड़ दें।

रंग नोड आपको एक रंग निर्दिष्ट करने की अनुमति देता है। रंग क्षेत्र पर क्लिक करें और एक सुंदर लाल रंग का चयन करें, उदाहरण के लिए R: 128, G: 5, B: 5 ।

रंग को पीबीआर मास्टर नोड में आउटपुट करने के लिए, आउट पोर्ट को अलबेडो पोर्ट पर खींचें, जो शेडर के बेस कलर को इंगित करता है।

नोड्स को किनारे से जोड़कर, आपको यह देखना चाहिए कि मुख्य पूर्वावलोकन में गोला कैसे लाल हो जाता है।


बहुत बढ़िया! लेखन शेडर्स के क्षेत्र में, एकल-रंग वाले शेडर बनाना हैलो का एक एनालॉग है , दुनिया!

हालाँकि आप इसे अभी तक नहीं समझ पाए हैं, लेकिन आपने अपना पहला शेडर बनाया है!

इंटरफेस के साथ काम करें

हालाँकि, ग्राफ़ में केवल कुछ ही नोड्स हैं, अब Shader ग्राफ़ इंटरफ़ेस के साथ सहज होने का सबसे अच्छा समय है।

नोड्स को खींचने की कोशिश करें और ध्यान दें कि कलर आउटपुट पोर्ट और PBR मास्टर इनपुट पोर्ट के बीच के किनारे जुड़े रहें।

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


PBR मास्टर नोड के अल्फा पोर्ट में पूर्णांक आउट पोर्ट कनेक्ट करें।

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

• F : चयनित नोड्स को फ्रेम करें।
• एक : पूरे ग्राफ फ्रेम।

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

ग्राफ के प्रबंधन से निपटने के बाद, हम इसे साफ करते हैं। हम सभी की जरूरत है रंग और PBR मास्टर नोड्स है।

पूर्णांक और मास्टर नोड्स के बीच कनेक्शन को राइट-क्लिक करें, और उसके बाद हटाएँ का चयन करें । यह नोड को ग्राफ से अलग करेगा।


इसी तरह, आप पूर्णांक नोड को हटा सकते हैं। नोड पर राइट-क्लिक करें और हटाएं चुनें।


समाप्त होने पर, इंटरफ़ेस के ऊपरी बाएं कोने में स्थित एसेट बटन पर क्लिक करें। एकता सभी परिवर्तनों को सहेजेगी, और फिर छायादार को संकलित और सक्रिय करेगी। यह कदम हर बार किया जाना चाहिए जब आप संपादक में नवीनतम बदलाव देखना चाहते हैं।

अब विंडो पर वापस जाएं और Glow_Mat सामग्री चुनें।


जैसा कि शैडर सामग्री तक फैली हुई है, निरीक्षक की पूर्वावलोकन विंडो में गोला लाल होना चाहिए।

अब दृश्य विंडो में Tangram आकृतियों पर Glow_Mat सामग्री खींचें।


जैसा कि अपेक्षित था, shader के साथ सामग्री ने जाल को एक सुंदर, समान लाल रंग में चित्रित किया।

एक चमक प्रभाव जोड़ें

यदि आप चाहते हैं कि Glow_Mat सामग्री में अधिक रहस्यमय चमक हो, तो आपको फिर से shader ग्राफ को संपादित करना होगा।

अब कलर आउटपुट को Albedo PBR मास्टर नोड के इनपुट में स्थानांतरित किया गया है।

आप बाहर से दूसरे उत्सर्जन को भी खींच सकते हैं। अब एक ही रंग का उपयोग दो बार किया जाता है: दोनों आधार रंग के रूप में और विकिरण के रंग के रूप में।


आउटपुट पोर्ट में कई किनारे हो सकते हैं, और इनपुट पोर्ट में केवल एक ही हो सकता है।

अब कलर नोड के मोड ड्रॉप-डाउन मेनू को एचडीआर मोड पर स्विच करें। इसलिए हम रंगों की विस्तारित गतिशील रेंज को शामिल करेंगे।


अब रंग क्षेत्र बदलें। एचडीआर मोड में , एक अतिरिक्त तीव्रता विकल्प दिखाई दिया है। नीचे पैलेट में एक- दो बार +1 क्लिक करें या स्लाइडर को लगभग 2.5 खींचें। अब परिवर्तन सहेजें और संपादक पर लौटें।


संपादक में, आंकड़ा उज्ज्वल नारंगी में चमक जाएगा। दृश्य में पोस्ट-प्रोसेसिंग पहले से ही है और यह विस्तारित गतिशील रेंज के रंग को बढ़ाता है।

अब पदानुक्रम में गेम ऑब्जेक्ट पोस्टप्रोसेसिंग का चयन करें। ब्लूम प्रभाव के कारण चमक है।

ब्लूम विकल्प खोलें और तीव्रता (चमकदार शक्ति) और थ्रेसहोल्ड (चमक की शुरुआत के लिए दहलीज) सेट करें। उदाहरण 3 और 2 के मूल्यों को दर्शाता है।


वाह, यह चमक!

हाइलाइट स्क्रिप्ट बनाना

हम नहीं चाहते कि फिगर लगातार ग्लो करे। हमें केवल माउस की स्थिति के आधार पर चमक को चालू करने की आवश्यकता है।

जब माउस कर्सर आकार के ऊपर होता है, तो हमें Glow_Mat सामग्री को सक्षम करना होगा। अन्य मामलों में, आंकड़ा मानक सामग्री Wood_Mat के साथ प्रदर्शित किया जाना चाहिए।

सबसे पहले, RW / लिपियों में एक नई C # स्क्रिप्ट बनाएं और इसे हाइलाइटर कहें। वह कार्यक्रम के निष्पादन के दौरान दो सामग्रियों के बीच स्विच करने में हमारी मदद करेगा। स्क्रिप्ट में निम्नलिखित कोड से सभी पंक्तियों को बदलें:

using UnityEngine; // 1 [RequireComponent(typeof(MeshRenderer))] [RequireComponent(typeof(Collider))] public class Highlighter : MonoBehaviour { // 2 // reference to MeshRenderer component private MeshRenderer meshRenderer; [SerializeField] private Material originalMaterial; [SerializeField] private Material highlightedMaterial; void Start() { // 3 // cache a reference to the MeshRenderer meshRenderer = GetComponent<MeshRenderer>(); // 4 // use non-highlighted material by default EnableHighlight(false); } // toggle betweeen the original and highlighted materials public void EnableHighlight(bool onOff) { // 5 if (meshRenderer != null && originalMaterial != null && highlightedMaterial != null) { // 6 meshRenderer.material = onOff ? highlightedMaterial : originalMaterial; } } } 

आइए इस स्क्रिप्ट को पार्स करें:

1. स्क्रिप्ट को केवल उस ऑब्जेक्ट पर लागू किया जा सकता है जिसमें कंपोनेंट MeshRenderer और Collider । यह स्क्रिप्ट के शीर्ष पर [RequireComponent] विशेषताओं को जोड़कर नियंत्रित किया जाता है।
2. ये MeshRenderer , originalMaterial MeshRenderer और highlightedMaterial MeshRenderer लिंक highlightedMaterial । सामग्री को [SerializeField] विशेषता के साथ चिह्नित किया गया है, जो आपको निरीक्षक से उन्हें असाइन करने की अनुमति देता है।
3. Start विधि में, हम स्वचालित रूप से MeshRenderer का उपयोग करके GetComponent को MeshRenderer करते हैं।
4. जिसे EnableHighlight(false) कहा जाता है। यह सुनिश्चित करता है कि, डिफ़ॉल्ट रूप से, गैर-हाइलाइट की गई सामग्री प्रदर्शित होती है। नीचे सार्वजनिक EnableHighlight विधि है, जो रेंडरर सामग्री को स्विच करती है। यह बूलियन पैरामीटर onOff प्राप्त करता है, जो बैकलाइट की स्थिति को निर्धारित करता है।
5. सभी NullReference त्रुटियों को रोकना
6. अंतरिक्ष को बचाने के लिए, हम टर्नरी ऑपरेटर का उपयोग करते हैं।

माउस ईवेंट जोड़ें

चूंकि यह स्क्रिप्ट उन आकृतियों पर लागू होती है, MeshCollider , इसलिए हम बिल्ट-इन विधियों OnMouseOver और OnMouseOver उपयोग कर सकते हैं। EnableHighlight विधि के बाद निम्न कोड जोड़ें:

  private void OnMouseOver() { EnableHighlight(true); } private void OnMouseExit() { EnableHighlight(false); } 

जब माउस आकार में होगा, तो यह EnableHighlight(true) । इसी तरह, जब माउस कोलाइडर छोड़ता है, तो वह EnableHighlight(false) ।

वह सब है! स्क्रिप्ट को सहेजें।

चित्र पर प्रकाश डाला

यदि ट्यूटोरियल के पिछले अनुभागों में आपने किसी भी आंकड़े में Glow_Mat लागू किया है, तो संपादक में आपको सभी गेम के आंकड़ों के लिए Wood_Mat सामग्री को वापस करने की आवश्यकता है। अब, चमक को चालू करने के लिए, हम हाइलाइटर का उपयोग करेंगे, जबकि कार्यक्रम चल रहा है।

सबसे पहले, हम परिवर्तन Tangram के अंदर सात वस्तुओं का चयन करेंगे, जो अलग आकार हैं। फिर हम उन्हें एक ही समय में सभी Highlighter स्क्रिप्ट में जोड़ते हैं।


फिर Wood_Mat को मूल सामग्री फ़ील्ड में और Glow_Mat को हाइलाइटेड सामग्री फ़ील्ड में खींचें। अब प्ले मोड चलाएं और हमारे काम के परिणाम की जांच करें।

बुरा नहीं है! जब आप ताँगे के आकार में होवर करते हैं, तो यह चमकीले लाल रंग में चमकने लगता है। यदि आप इसमें से कर्सर निकालते हैं, तो यह अपनी मूल स्थिति में वापस आ जाता है।


खेल में ही, कुछ भी नहीं बदला है, लेकिन हाइलाइट प्रभाव ने दृश्य रुचि को जोड़ा और खिलाड़ी को ध्यान केंद्रित करने की अनुमति देता है।

बनावट नोड्स का उपयोग करना

फिलहाल, हमारे सरल शेडर में एक ठोस चमकदार लाल रंग है। हम छाया को बदल देंगे ताकि यह अपनी मूल लकड़ी की बनावट को न खोए। ऐसा करने के लिए, हम बैकलाइट को सतह के चारों ओर एक चमकदार किनारे के रूप में दिखाई देंगे।

सबसे पहले, हाइलाइटशेयरग्राफ को डबल-क्लिक करके या चयन करके बदलें
ओपन शैडर संपादक में ।

उस पर राइट-क्लिक करके और डिलीट को सेलेक्ट करके कलर नोड को हटा दें । हम सब कुछ खरोंच से बनाएंगे।

एकल रंग के बजाय, हम नमूना बनावट 2D नोड का उपयोग करके बनावट को प्रतिस्थापित करते हैं।

नोड बनाएं, या तो संदर्भ मेनू से, राइट-क्लिक करके और बनाएँ नोड का चयन करके , या हॉट की (स्पेस) का उपयोग करके। इनपुट का चयन करें Input बनावट ► नमूना बनावट 2D ।

नमूना बनावट 2D नोड एक बनावट परिसंपत्ति से रंग जानकारी पढ़ता है और अपने RGB मानों को आउटपुट करता है।

बनावट इनपुट पोर्ट से एक बनावट का चयन करें। फ़ाइल ब्राउज़र खोलने के लिए खाली फ़ील्ड के बगल में स्थित डॉट पर क्लिक करें।

वुडअलबेडो टेक्सचर एसेट चुनें ।


नमूना बनावट 2 डी नोड के RGBA आउटपुट पोर्ट को PBR मास्टर अल्बेडो पोर्ट से कनेक्ट करें।

देखा! अब पेड़ की बनावट पूर्वावलोकन क्षेत्र की सतह पर प्रदर्शित होती है।


यदि आप एक सामान्य नक्शा जोड़ते हैं, तो आप सतह पर भागों को बना सकते हैं। सबसे पहले, Create Node ► Input ► बनावट Text नमूना बनावट 2D को चुनकर एक और नमूना बनावट 2D नोड बनाएं ।

टेक्सचर इनपुट पोर्ट में वुडनॉर्मल टेक्सचर चुनें।


डिफ़ॉल्ट से सामान्य तक टाइप ड्रॉप-डाउन मेनू बदलें।

PBR मास्टर नोड के सामान्य पोर्ट में RGBA मानों का आउटपुट करें।


मुख्य पूर्वावलोकन का दायरा अब और अधिक मोटा होना चाहिए। सामान्य मानचित्र सतह पर छोटी अनियमितताओं और खरोजों की नकल करता है। यह आपको एक पेड़ की उपस्थिति का अनुकरण करने की अनुमति देता है।

नोट : प्रत्येक पोर्ट का डेटा प्रकार पोर्ट के आगे कोष्ठक में इंगित किया गया है। (T2) का अर्थ है कि पोर्ट दो-आयामी बनावट के साथ संगत है, और (4) का मतलब है कि पोर्ट वेक्टर 4 का उपयोग करता है। संदर्भ के आधार पर, Shader ग्राफ़ अतिरिक्त फ़्लोटिंग पॉइंट मानों को अनदेखा कर सकता है।

फ्रेस्नेल प्रभाव जोड़ना

अब जब ठोस लाल रंग आधार बनावट और सामान्य मानचित्र में बदल गया है, तो आइए एक अन्य विधि का उपयोग करके एक हाइलाइट प्रभाव जोड़ें।

संपूर्ण वस्तु की एक समान चमक के बजाय, हम चमक को उसके किनारों तक ही सीमित रखेंगे। यह फ्रेसेल प्रभाव का उपयोग करके महसूस किया जा सकता है ।

राइट-क्लिक या स्पेसबार द्वारा एक नया नोड बनाएं, और फिर Node ► Math ► वेक्टर es Fresnel इफेक्ट चुनें ।

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

बड़ा मूल्य, पतले हेलो बन जाता है, और छोटे मूल्य इसे बहुत व्यापक बनाते हैं। किनारे के चारों ओर एक सूक्ष्म चमक बनाने के लिए, आप मान 4 का उपयोग कर सकते हैं।


इस प्रभामंडल को सामग्री तक पहुँचाने के लिए, हम पीबीआर मास्टर नोड के उत्सर्जन इनपुट में फ्रेसेल प्रभाव आउटपुट को जोड़ेंगे।


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

नोट : फ्रेस्नेल प्रभाव का नाम फ्रांसीसी भौतिक विज्ञानी ऑगस्टिन जीन फ्रेस्नेल के नाम पर रखा गया है। उन्होंने देखा कि प्रकाश सतहों को बहुत उज्ज्वल बनाता है और एक दर्पण की तरह दिखता है जब एक पर्यवेक्षक एक ग्लाइड कोण से संपर्क करता है।

आप रसोई की मेज के साथ प्रयोग कर सकते हैं। हम ज्यामिति को एक चमक देने के लिए इस घटना के एकता संस्करण का उपयोग करते हैं।

रंग से गुणा

आप साधारण रंग गणनाओं का उपयोग करके चमकदार समोच्च में रंग जोड़ सकते हैं।

एक नया रंग नोड बनाएं जो चमकदार अंगूठी के रंग का संकेत देगा। संदर्भ मेनू खोलने के लिए राइट-क्लिक करें या स्पेसबार, और फिर नोड बनाएँ ► इनपुट or बेसिक । रंग का चयन करें । रंग मोड को एचडीआर पर स्विच करें।

एक रंग का चयन करें जो बैकलाइट के रंग को इंगित करेगा। उदाहरण के लिए, एक सुंदर चमकीला हरा चुनें: R: 5, G: 255, B: 5 ।

तीव्रता 3.5 तक बढ़ाएं।


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

राइट-क्लिक करके एक Multiply नोड बनाएं, और फिर Create नोड का चयन करें ► Math ip Basic ip गुणा करें ।

Fresnel प्रभाव और PBR मास्टर के बीच के किनारे को हटा दें। Fresnel Effect आउटपुट को Multiply नोड के ए इनपुट से कनेक्ट करें।

कलर नोड के आउट नोड को मल्टीप्ली नोड के इनपुट B से कनेक्ट करें।


फिर पीबीआर मास्टर नोड के उत्सर्जन पोर्ट के लिए आउट ऑफ मल्टीप्ल नोड से कनेक्ट करें । देखा! अब हम देखते हैं कि मुख्य पूर्वावलोकन क्षेत्र में चमकीले हरे रंग का एचडीआर रंग कैसा है।


याद रखें कि प्रभामंडल को बढ़ाने या घटाने के लिए आप फ्रेसेल इफेक्ट पावर का उपयोग कर सकते हैं। यदि आप मान को 1.5 तक कम करते हैं, तो आपको एक विस्तृत हरी चमक मिलती है।

हमारे खेल उदाहरण के लिए, 4 से 5 तक का मान अच्छा है, लेकिन आप अपने मूल्यों के साथ प्रयोग कर सकते हैं।


शेडर ग्राफ़ को सहेजें और संपादक पर लौटें। आप तुरंत अपने हाइलाइटशेयरग्राफ को एक्शन में देखेंगे।

प्ले मोड लॉन्च करें।

जब आप किसी आकृति पर होवर करते हैं, तो वह अपनी ट्री बनावट को बनाए रखता है। हालांकि, इसके किनारों के चारों ओर एक चमकदार हरी चमक दिखाई दी है। औपचारिक रूप से, खेल में कुछ भी नहीं बदला है, केवल बैकलाइट कमजोर हो गया है।

ब्लैकबोर्ड गुण जोड़ें

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

यह बहुत सुविधाजनक नहीं है अगर हम विभिन्न परिवर्तनों का परीक्षण करना चाहते हैं। सौभाग्य से, Shader Graph में गुणों के लिए एक अवधारणा है।

आप इंस्पेक्टर में सार्वजनिक रूप से दिखाई देने वाले ग्राफ का हिस्सा बना सकते हैं, जो आपको अंतःक्रियात्मक रूप से छोटे बदलाव करने की अनुमति देता है। यह ब्लैकबोर्ड इंटरफ़ेस का उपयोग करके किया जाता है।

शैडर ग्राफ़ पर वापस जाएं और ब्लैकबोर्ड डिस्प्ले चालू करें। यदि यह छिपा हुआ है, तो ऊपरी दाएं कोने में ब्लैकबोर्ड बटन पर क्लिक करें।

आधार बनावट और सामान्य मानचित्र गुण जोड़ना

अब हम आधार बनावट और सामान्य मानचित्र दोनों को खोलेंगे ताकि उन्हें निरीक्षक के माध्यम से पहुँचा जा सके।

ब्लैकबोर्ड के ऊपरी दाएं कोने में + आइकन पर क्लिक करें। ड्रॉप-डाउन सूची से बनावट 2 डी का चयन करें। आइटम ब्लैकबोर्ड पर दिखाई देना चाहिए। इसे बेस टेक्सचर का नाम दें ।


सुनिश्चित करें कि उजागर चेकबॉक्स की जाँच की गई है। यदि आप एक संपत्ति खोलते हैं, तो यह सार्वजनिक और निरीक्षक में सुलभ हो जाएगा।


ग्राफ में एक संपत्ति जोड़ने के लिए, इसे कार्यक्षेत्र में लेबल द्वारा खींचें। इसे नमूना बनावट 2D नोड के बाईं ओर कहीं छोड़ दें।

BaseTexture पोर्ट से नमूना इनपुट पाठ PortTexture 2D नोड से कनेक्ट करें जो Albedo से जुड़ा है। यह पिछले सेटपॉइंट को बदल देगा।

नॉर्मल मैप के लिए भी यही प्रक्रिया दोहराएं। + आइकन पर क्लिक करें और एक नया टेक्सचर 2D बनाएं। इसे नॉर्मल मैप का नाम दें।

संपत्ति को कार्यक्षेत्र में खींचें और इसे सामान्य नक्शे के लिए नमूना बनावट 2 डी में संलग्न करें।


सेव एसेट पर क्लिक करें और मुख्य संपादक विंडो पर वापस लौटें।

Glow_Mat सामग्री का चयन करें और निरीक्षक में दो नए फ़ील्ड देखें: आधार बनावट और सामान्य मानचित्र ।

चूंकि अभी तक उनके लिए कोई बनावट निर्धारित नहीं की गई है, इसलिए पूर्वावलोकन विंडो में ग्रे क्षेत्र पर एक हरे रंग की हाइलाइट प्रदर्शित की गई है।


BaseTexture और NormalMap के लिए WoodAlbedo और WoodNormal का चयन करें।

अब, चमकदार किनारों के नीचे, पेड़ की बनावट को सही ढंग से प्रदर्शित किया जाएगा।


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

गुण चमक आकार और चमक रंग जोड़ें

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

ब्लैकबोर्ड पर + आइकन पर क्लिक करें और वेक्टर 1 संपत्ति बनाएं। यह फ्लोट के प्रकार के एकल पैरामीटर को दर्शाता है।

इसे GlowSize का नाम दें ।

आप एक स्लाइडर में परिवर्तित करके इस संपत्ति के लिए दर्ज किए गए मानों की सीमा को सीमित कर सकते हैं। मोड को स्लाइडर पर स्विच करें, और फिर एक सीमा को निर्दिष्ट करने के लिए न्यूनतम 0.05 और अधिकतम 6 सेट करें। डिफ़ॉल्ट मान को 5 पर सेट करें।


कार्यक्षेत्र में GlowSize गुण खींचें। आउटपुट पोर्ट को Fresnel Effect Power इनपुट से कनेक्ट करें।

अब उपयोगकर्ता को चमक का रंग सेट करने दें। ब्लैकबोर्ड में एक संपत्ति बनाने के बजाय, हम ग्राफ में मौजूदा नोड को बदलते हैं।


रंग नोड का चयन करें, फिर राइट-क्लिक करें और संपत्ति में कनवर्ट करें चुनें।

रंग नोड ब्लैकबोर्ड में एक रंग संपत्ति में परिवर्तित हो जाता है, जिसे अब सीधे ग्राफ़ में नहीं बदला जा सकता है। GlowColor के लिए संपत्ति का नाम बदलें।


सेव एसेट पर क्लिक करें और मुख्य संपादक विंडो पर वापस लौटें।


प्रोजेक्ट विंडो में Glow_Mat सामग्री का चयन करें। आपको देखना चाहिए कि इंस्पेक्टर में ग्लोस्लाइज स्लाइडर और ग्लोकोलोर फील्ड अब उपलब्ध हैं।


अपने स्वाद के लिए भौतिक मूल्यों को बदलें। अपने काम का परीक्षण करने के लिए प्ले मोड लॉन्च करें।


अब आपके पास एक अनुकूलन योग्य बैकलाइट है जिसे आप अपनी इच्छानुसार बदल सकते हैं!

आगे कहाँ जाना है

बधाई! अब आप Shader Graph का उपयोग करके अपने स्वयं के शेड बना सकते हैं!

अपनी रचनात्मक क्षमताओं का उपयोग करते हुए, आप स्वयं आश्चर्यचकित होंगे कि आप सफल होंगे। एक शानदार शानदार लेजर बीम या बल क्षेत्र बनाना चाहते हैं? हमारे काम के परिणाम को उस शेप में समायोजित करें जिसकी आपको आवश्यकता है।

यद्यपि शाब्दिक रूप से सैकड़ों नोड्स हैं, इस ट्यूटोरियल को आपको Shader Graph सीखने में मदद करनी चाहिए।