अवास्तविक इंजन में रेंडर लक्ष्य के साथ आरेखण

रेंडर टारगेट अनिवार्य रूप से एक बनावट है जिसे आप रनटाइम पर लिख सकते हैं। इंजन के दृष्टिकोण से, वे आधार रंग, मानदंड और परिवेश रोड़ा जैसी जानकारी संग्रहीत करते हैं।

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

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

इस ट्यूटोरियल में आप निम्नलिखित सीखेंगे:

• कुंदों के साथ गतिशील रूप से लक्ष्य प्रदान करें
• जाल पर प्रदर्शन रेंडर लक्ष्य
• रेंडर टारगेट पर बनावट बनाएं
• गेमप्ले के दौरान ब्रश का आकार और बनावट बदलें

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

काम पर लगना

आइए इस ट्यूटोरियल के लिए सामग्री डाउनलोड करके शुरू करें (आप उन्हें यहां प्राप्त कर सकते हैं )। उन्हें अनज़िप करें, CanvasPainterStarter पर जाएं और CanvasPainter.uproject खोलें। यदि आप Play पर क्लिक करते हैं, तो आप निम्नलिखित देखेंगे:


मध्य (कैनवास) में वर्ग वह है जो हम आकर्षित करेंगे। बाईं ओर UI तत्व वह बनावट होगी जिसे हम खींचने जा रहे हैं और उसका आकार।

सबसे पहले, आइए आकर्षित करने के लिए इस्तेमाल की जाने वाली विधि को देखें।

ड्राइंग विधि

पहली चीज जो हमें चाहिए वह है एक रेंडर टारगेट, जिसका उपयोग कैनवास के रूप में किया जाता है। यह निर्धारित करने के लिए कि रेंडर टारगेट पर कहाँ आकर्षित किया जाए, हम आगे की ओर जाने वाली सीधी रेखा का पता लगाएंगे। यदि रेखा कैनवास को काटती है, तो हम यूवी अंतरिक्ष में चौराहा प्राप्त कर सकते हैं।

उदाहरण के लिए, यदि कैनवास में यूवी निर्देशांक की एक परिपूर्ण बाइंडिंग है, तो केंद्र में प्रतिच्छेदन मान (0.5, 0.5) वापस कर देगा। यदि रेखा निचले दाएं कोने में कैनवास को पार करती है, तो हमें मूल्य (1, 1) मिलेगा। फिर आप ड्राइंग की जगह की गणना करने के लिए सरल गणना का उपयोग कर सकते हैं।


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

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

नोट: इस ट्यूटोरियल में दी गई विधि आम तौर पर विमानों के समान विमानों या सतहों के साथ काम करती है। अन्य प्रकार की ज्यामिति के लिए एक अधिक जटिल विधि की आवश्यकता होती है, जिसे मैं दूसरे ट्यूटोरियल में शामिल करूंगा।

सबसे पहले, हम ऐसी सामग्री बनाएंगे जो रेंडर टार्गेट को पूरा करेगी।

कैनवास सामग्री बनाएँ

सामग्री फ़ोल्डर पर जाएं और M_Canvas खोलें।

इस ट्यूटोरियल में, हम ब्लंट्स का उपयोग करके गतिशील रूप से रेंडर टारगेट बनाएंगे। इसका मतलब है कि हमें बनावट को एक पैरामीटर के रूप में स्थापित करना होगा ताकि हम लक्ष्य को प्रस्तुत करने के लिए इसे पारित कर सकें। ऐसा करने के लिए, एक TextureSampleParameter2D बनाएँ और इसे RenderTarget कहें । फिर इसे BaseColor से कनेक्ट करें।


अभी के लिए, बनावट चुनने के बारे में चिंता न करें - हम इसे बाद में ब्लूप्रिंट में शामिल करेंगे। लागू करें पर क्लिक करें और फिर M_Canvas को बंद करें ।

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

रेंडर टारगेट बनाना

रेंडर टारगेट बनाने के दो तरीके हैं। पहला: Add New \ Materials & Textures \ Render Target पर क्लिक करके एडिटर में क्रिएट करना । यह विधि आपको एकाधिक अभिनेताओं को समान रेंडर टारगेट को आसानी से संदर्भित करने की अनुमति देती है। हालांकि, अगर हमें कई कैनवस की जरूरत है, तो हमें प्रत्येक कैनवस के लिए मैन्युअल रूप से रेंडर टारगेट बनाना होगा।

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

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


चौड़ाई और ऊँचाई को 1024 पर सेट करें। इसलिए हम रेंडर टारगेट के रिज़ॉल्यूशन को 1024 × 1024 में बदल देते हैं। उच्च मूल्य, उच्च छवि गुणवत्ता, लेकिन वीडियो मेमोरी की लागत भी अधिक है।


इसके बाद Clear Render Target 2D नोड आता है। रेंडर टारगेट का रंग सेट करने के लिए हम इस नोड का उपयोग कर सकते हैं। स्पष्ट रंग (0.07, 0.13, 0.06) पर सेट करें। इस स्थिति में, संपूर्ण रेंडर लक्ष्य हरा रंग भर देगा।


अब हमें कैनवास के जाल पर रेंडर लक्ष्य प्रदर्शित करने की आवश्यकता है।

रेंडर टारगेट डिस्प्ले

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


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


इसके बाद, Set Texture Parameter Value नोड पर जाएँ और Parameter Name को RenderTarget पर सेट करें। इसलिए हम पहले बनाए गए टेक्सटाइल पैरामीटर को टार्गेट टारगेट पास करेंगे।


अब रेंडर टारगेट को कैनवास की जाली पर प्रदर्शित किया जाएगा। संकलन पर क्लिक करें और मुख्य संपादक पर लौटें। कैनवास कैसे रंग बदलता है, यह देखने के लिए प्ले पर क्लिक करें।


अब जब हमारे पास कैनवास है, तो हमें ऐसी सामग्री बनाने की आवश्यकता है जिसका उपयोग ब्रश के रूप में किया जा सके।

ब्रश सामग्री बनाएँ

सामग्री फ़ोल्डर पर जाएं। सामग्री बनाएँ M_Brush और इसे खोलें। सबसे पहले Blend Mode को Translucent में सेट करें। यह हमें पारदर्शिता के साथ बनावट का उपयोग करने की अनुमति देगा।


कैनवास सामग्री के रूप में, हम ब्रश में ब्रश के लिए बनावट सेट करते हैं। एक TextureSampleParameter2D बनाएं और इसे BrushTexture नाम दें । इसे इस प्रकार से कनेक्ट करें:


अप्लाई पर क्लिक करें और फिर M_Brush को बंद करें ।

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


इसके बाद, बनाएँ डायनामिक मटेरियल इंस्टेंस नोड पर जाएं और पेरेंट्स को M_Canvas पर सेट करें।


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

रेंडर टारगेट पर ब्रश पेंटिंग

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

• BrushTexture: Texture 2D का चयन करें
  
• BrushSize: फ्लोट प्रकार का चयन करें
  
• आहरण: वेक्टर 2 डी का चयन करें

ब्रश खींचने से पहले, हमें इसकी बनावट निर्धारित करने की आवश्यकता है। ऐसा करने के लिए, नीचे दिखाए गए सर्किट बनाएं। सुनिश्चित करें कि BrushTexture को Parameter नाम के रूप में चुना गया है।


अब हमें रेंडर टारगेट में रेंडरिंग करने की जरूरत है। ऐसा करने के लिए, चयनित नोड बनाएं:


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

रेंडरिंग पोजिशन की गणना करना दो चरणों वाली प्रक्रिया है। पहले हमें रेंडर टारगेट रेजोल्यूशन में फिट होने के लिए ड्रॉक्लोकेशन को स्केल करना होगा। ऐसा करने के लिए, आकार द्वारा ड्राअवेशन को गुणा करें।


डिफ़ॉल्ट रूप से, इंजन शुरुआती बिंदु के रूप में शीर्ष बाएं कोने का उपयोग करके सामग्री प्रस्तुत करेगा। इसलिए, ब्रश की बनावट हम पर केंद्रित नहीं होगी जहां हम प्रस्तुत करना चाहते हैं। इसे ठीक करने के लिए, हमें BrushSize को 2 से विभाजित करने की आवश्यकता है, और फिर परिणाम को पिछले चरण से घटाएं।


फिर हम सब कुछ इस प्रकार से जोड़ते हैं:


अंत में, हमें उस इंजन को बताना होगा जिसे हम रेंडर टारगेट में रेंडर करना बंद करना चाहते हैं। रेंडर टारगेट नोड में एंड ड्रॉ कैनवास जोड़ें और इसे निम्नानुसार कनेक्ट करें:


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

और इस पर रेंडरिंग फंक्शन तैयार है। संकलन पर क्लिक करें और BP_Canvas बंद करें । अगला चरण कैमरा से रेखा का पता लगाना और कैनवास के स्थान पर आकर्षित करना है जहां चौराहा हुआ।

कैमरा डायरेक्ट ट्रेस

कैनवास पर ड्राइंग करने से पहले, हमें ब्रश बनावट और आकार निर्दिष्ट करने की आवश्यकता है। ब्लूप्रिंट चिह्न पर जाएं और BP_Player खोलें। फिर BrushTexture वैरिएबल को T_Brush_01 पर सेट करें, और BrushSize वैरिएबल को 500 पर सेट करें । इसलिए हम 500 × 500 पिक्सेल के आकार के साथ एक बंदर की ब्रश छवि प्रदान करते हैं।


अगला, आपको लाइन का पता लगाने की आवश्यकता है। InputAxis पेंट का पता लगाएँ और निम्नलिखित चित्र बनाएँ:


तो हम कैमरे से सीधे निर्देशित रेखा का पता लगाएंगे, जबकि खिलाड़ी पेंट को सौंपी गई कुंजी (हमारे मामले में, यह बाईं माउस बटन है )।

अब हमें यह जांचने की आवश्यकता है कि क्या सीधा कैनवास पार हो गया है। चयनित नोड्स जोड़ें:


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

कार्य करने के लिए Collision UV नोड ढूंढें , हमें दो मापदंडों को बदलने की आवश्यकता है। सबसे पहले, LineTraceByChannel नोड पर जाएं और ट्रेस कॉम्प्लेक्स को सक्षम करें ।


दूसरे, Edit \ Project सेटिंग्स पर जाएं , और फिर Engine \ Physics में । हिट परिणाम से समर्थन यूवी चालू करें और परियोजना को पुनरारंभ करें।


पुनरारंभ करने के बाद, कैनवास पर आकर्षित करने के लिए, प्ले पर क्लिक करें और बाएं क्लिक करें ।


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


अगले भाग में, हम एक खिलाड़ी के ब्रश के आकार को बदलने के कार्यात्मक को लागू करते हैं।

ब्रश का आकार बदलें

BP_Player खोलें और InputAxis ChangeBrushSize नोड ढूंढें । यह अक्ष बंधन माउस व्हील का उपयोग करने के लिए कॉन्फ़िगर किया गया है। ब्रश का आकार बदलने के लिए, हमारे लिए एक्सिस मान के आधार पर ब्रशसाइज़ मान को बदलना पर्याप्त है। ऐसा करने के लिए, निम्नलिखित योजना बनाएं:


जब खिलाड़ी माउस व्हील का उपयोग करता है तो यह BrushSize से जोड़ या घटाव करेगा। पहला गुणन जोड़ या घटाव की दर निर्धारित करता है। क्लैंप (फ्लोट) को सुरक्षा उपाय के रूप में जोड़ा गया है । यह सुनिश्चित करता है कि ब्रश का आकार 0 से कम या 1000 से अधिक न हो।

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


अंतिम अनुभाग में, हम एक कार्यात्मक बनाएंगे जो खिलाड़ी को ब्रश की बनावट को बदलने की अनुमति देता है।

ब्रश की बनावट बदलें

सबसे पहले, हमें उस बनावट को संग्रहीत करने के लिए एक सरणी की आवश्यकता होती है जिसे खिलाड़ी उपयोग कर सकता है। BP_Player खोलें और एक सरणी चर बनाएं। इसके लिए Texture 2D प्रकार चुनें और इसे Textures नाम दें।


फिर Textures में तीन तत्व बनाएं। उन्हें निम्नलिखित मान निर्दिष्ट करें:

• T_Brush_01
• T_Brush_02
• T_Brush_03

ये वो टेक्सचर होंगे जो खिलाड़ी ड्रा कर सकते हैं। नए बनावट जोड़ने के लिए, बस उन्हें इस सरणी में जोड़ें।

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


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


यह योजना आपके द्वारा राइट-क्लिक करने पर हर बार करंटटैक्सइंटरेक्स बढ़ेगी। यदि सूचकांक सरणी के अंत तक पहुंचता है, तो यह फिर से 0 पर रीसेट हो जाता है। अंत में, ब्रशटेक्स्चर उचित बनावट निर्धारित करता है।

संकलन पर क्लिक करें और BP_Payer को बंद करें । Play पर क्लिक करें और टेक्सचर के बीच स्विच करने के लिए राइट-क्लिक करें ।

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

तैयार परियोजना को यहां से डाउनलोड किया जा सकता है ।

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

रेंडर टार्गेट ट्यूटोरियल वीडियो के लिए हमारे ब्लूप्रिंट ड्रॉइंग की भी जाँच करें, यह जानने के लिए कि रेंडर टारगेट के साथ ऊँचाई का नक्शा कैसे बनाया जाए।