Creative Experience: कलर पिकर के साथ अपने डिज़ाइनों को वैयक्तिकृत करें

12 दिसंबर 2024 पढ़ने में 3 मिनट लगेंगे
शेयर करना

हमारी श्रृंखला के पाँचवें भाग में, हम Creative Experienceके साथ अपने डिज़ाइनों को वैयक्तिकृत करना कलर पिकर। हम आपको दिखाएंगे कि कलर पिकर सुविधा का उपयोग करके आप अपने 3D मॉडल को अपने पसंदीदा रंगों और टोन के साथ कैसे अनुकूलित कर सकते हैं।

2डी कलर पिकर

2डी कलर पिकर बनाएं

मैंने प्रोजेक्ट पैनल में 2D सेक्शन पर राइट-क्लिक करके एक 2D कलर पिकर बनाया।.

चित्र 1: 2डी कलर पिकर बनाएं

2डी कलर पिकर गुणधर्म

कलर पिकर प्रॉपर्टीज़ पैनल में, मैं 'ऐड बिहेवियर' विकल्प पर क्लिक करता हूँ और फिर 'न्यू स्क्रिप्ट' का चयन करता हूँ। इस चयन से एक स्क्रीन खुलती है जहाँ हम स्क्रिप्ट लिख सकते हैं।.

चित्र 2: 2डी कलर पिकर के गुणधर्म

स्क्रिप्ट: रंग चयनकर्ता

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

 

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = फ़ंक्शन (संदर्भ) {

};

beScript.onUIValueChange = function (valueChange) {

    यदि (this.componentColor !== null && this.componentColor !== undefined)

        var updatedColor = new STU.ColorRGB();

    अपडेटेडकलर.फ्रॉमकलर(this.getActor().color);

    this.componentColor.baseColor = अपडेटेडकलर;

};

 

मैं यहां स्क्रिप्ट के विवरण में नहीं जाऊंगा। मैं केवल इसकी सामान्य कार्यप्रणाली के बारे में बात करूंगा। पहली तीन पंक्तियों में वे फ़ंक्शन शामिल हैं जिनका उपयोग स्क्रिप्ट को प्रारंभ करने, रोकने और निष्पादित करने के दौरान किया जाता है।.

 

beScript.onStart = function () {

};

beScript.onStop = function () {

};

beScript.execute = फ़ंक्शन (संदर्भ) {

};

नीचे दिया गया फ़ंक्शन तब सक्रिय होता है जब आप कलर पिकर का उपयोग करके कोई बदलाव करते हैं। यह चयनित रंग (this.getActor().color)  और संबंधित सामग्री के रंग (componentColor)

beScript.onUIValueChange = function (valueChange) {

    यदि (this.componentColor !== null && this.componentColor !== undefined)

        var updatedColor = new STU.ColorRGB();

    अपडेटेडकलर.फ्रॉमकलर(this.getActor().color);

    this.componentColor.baseColor = अपडेटेडकलर;

};

 

componentColor वेरिएबल कलर पिकर के माध्यम से चुने गए नए रंग को स्टोर करता है। सही कार्यप्रणाली सुनिश्चित करने के लिए, मैंने इसे प्रॉपर्टीज़ पैनल में परिभाषित किया है।

चित्र 3: व्यवहार संपादक

प्रॉपर्टी पैनल में चरण:

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

नोट: सुनिश्चित करें कि आपने सामग्री को पहले ही किसी घटक को असाइन कर दिया है।

चित्र 4: प्रॉपर्टी पैनल को ऊपर ले जाएं

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

चित्र 5: रंग अनुभव को खेलना

निष्कर्ष:

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

Creative Experience : प्रकाश नियंत्रण से अपने डिज़ाइनों को रोशन करें

Rıdvan Polat
सदस्यता लें
की सूचना दें
अतिथि

1 टिप्पणी
सबसे पुराने
नवीनतम सबसे अधिक वोट प्राप्त
इनलाइन फीडबैक
सभी टिप्पणियाँ देखें
वापसी का रास्ता

[…] अगला ब्लॉग देखना न भूलें, जिसमें मैं रंगों का उपयोग करके आपके डिज़ाइनों को वैयक्तिकृत करने के बारे में विस्तार से बताऊँगी […]

1
0
आपके विचार जानना चाहूंगी, कृपया टिप्पणी करें