हम प्रोग्रामिंग और लेआउट के बिना एक 3 डी विन्यासकर्ता बनाते हैं

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

मेरी राय में, इस प्रवृत्ति के विकास में बाधा डालने वाली एकमात्र समस्या प्रभावी साधनों की कमी है। उनमें से ज्यादातर तीन आयामी इंजन हैं, जो एक प्रोग्रामर के लिए बहुत उपयोगी हो सकते हैं, लेकिन एक साधारण कलाकार नहीं। लेकिन अपवाद हैं: 3ds मैक्स और ब्लेंडर पैकेज के लिए Verge3D एडऑन उन साधनों को प्रदान करता है जिनके द्वारा एक साधारण व्यक्ति तीन आयामी विन्यासकर्ता बना सकता है। यह इस उपकरण है जिसे हम अपने लेख में विश्लेषण करेंगे।

एक उदाहरण के रूप में, हम एक गहने विन्यासकर्ता बनाएंगे। अब ऐसे कॉन्फ़िगरेशन सभी के लिए सब कुछ कर रहे हैं, इसलिए उदाहरण प्रासंगिक से अधिक है।



नई विंडो में कॉन्फ़िगरेशन को लॉन्च करने के लिए यहां क्लिक करें ।


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

हमारी योजना

ऐसे लोगों की बात न सुनें जो यह कहते हैं कि 3 डी विन्यासकर्ता बनाना मुश्किल और महंगा है। यदि आप स्पष्ट रूप से प्रक्रिया का अध्ययन करते हैं तो सब कुछ बहुत आसान है:

1. हम सामग्री (3 डी मॉडल और सामग्री) बनाते हैं।
2. हम एप्लिकेशन को इंटरैक्टिव बनाते हैं, अर्थात्, उपयोगकर्ता की कार्रवाइयों के लिए उत्तरदायी है।
3. हम नेटवर्क पर विन्यासकर्ता को प्रकाशित करते हैं।

आइए पूरी प्रक्रिया को क्रम से देखें।

3 डी सामग्री निर्माण

यह कदम सबसे कठिन है। हालाँकि, यदि आपके पास 3ds मैक्स और ब्लेंडर पैकेज में काम करने का कम से कम कुछ अनुभव है या एक दोस्त / कर्मचारी जिसके पास समान अनुभव है, तो सब कुछ बहुत जल्दी किया जाता है।

सबसे पहले, हम Verge3D एप्लिकेशन मैनेजर का उपयोग करके एक 3D एप्लिकेशन बनाते हैं। नीचे दिखाए गए संवाद बॉक्स में प्रोजेक्ट का नाम दर्ज करें और बाकी सेटिंग्स को वैसे ही छोड़ दें जैसा कि वे हैं।



अगला, आपको तीन-आयामी मॉडल बनाने की आवश्यकता है। कृपया ध्यान दें कि सर्वोत्तम परिणामों के लिए, आपकी 3D वस्तुएँ मध्यम बहुभुज होनी चाहिए। सिद्धांत रूप में, यह बहुत अच्छा होगा यदि आपके पास प्रति मॉडल 100 हजार से कम बहुभुज हैं।



अगला चरण सामग्री और बनावट का निर्माण है। याद रखें कि आप हमेशा स्थापित Verge3D असेंबली में स्रोत फ़ाइलों को देखकर सामग्री के साथ खुद को परिचित कर सकते हैं (वे ब्लेंडर संस्करण के लिए applications/ring डायरेक्टरी में हैं और 3 applications/ring_max मैक्स संस्करण के लिए applications/ring_max )।

चाँदी और सोना

यह ब्लेंडर में चांदी की सामग्री जैसा दिखता है। सामग्री का आधार एक गोलाकार बनावट है (जिसे "रिंग_मेटकैप" कहा जाता है) एक शोर मानचित्र और एक सामान्य मानचित्र के साथ मिलाया जाता है। पहला "मेटल" सतह है, और अन्य दो सामग्री को अधिक यथार्थवादी बनाते हैं। चूंकि हमारे पास 3 अलग-अलग धातुएं हैं: चांदी, गुलाबी और पीला सोना, हम सिर्फ चित्र में दिखाए गए सामग्री के ColorRamp ब्लॉक में छोटे रंग समायोजन करते हैं।



3ds Max में चाँदी की सामग्री भी लगभग समान दिखती है। यह कुछ हद तक सरल है, क्योंकि इसमें एक अतिरिक्त डिफ्यूज़ रंग बनावट है, जो धातु की सतह के रंग के लिए जिम्मेदार है।

हीरा

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



लेकिन यह मणि की बाहरी परत की सामग्री है, यह हीरे की कगार के लिए जिम्मेदार है:



3ds मैक्स में बिल्कुल हीरा भी बनाया। नीचे दी गई छवि मणि की दोनों परतों को दिखाती है।



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

अन्तरक्रियाशीलता जोड़ें

पहेलियाँ विज़ुअल एडिटर के साथ, आपको एक सभ्य 3 डी विन्यासकर्ता बनाने के लिए एक प्रोग्रामर होने की आवश्यकता नहीं है। उपयोगकर्ता के कार्यों का जवाब देने के लिए "क्लिक करें" पहेली का उपयोग करें, अंगूठी के आकार को बदलने के लिए "शो" / "छिपाने" और सामग्री बदलने के लिए "सामग्री असाइन करें"। इस गहने के आवेदन में, हमारे पास 4 अलग-अलग छल्ले हैं, जिनमें से प्रत्येक तीन अलग-अलग सामग्रियों से बना है, क्रमशः चांदी और सोना गुलाबी और पीले रंग में।

यहाँ पूरी विधानसभा की तरह दिखता है:



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

नतीजतन, यह पता चला है कि अंगूठी के निष्पादन के लिए उपयोगकर्ता के पास 12 विकल्पों के बीच एक विकल्प है। कल्पना कीजिए कि इस तरह के संग्रह का उत्पादन करने के लिए एक जौहरी को कितना समय और प्रयास करना पड़ता है। और यहां हमारे पास हर चीज के लिए जिम्मेदार पहेलियाँ संपादक हैं (ऐसे क्षणों में आप समझते हैं कि प्रोग्रामर या तीन-आयामी के रूप में काम करना बहुत अच्छा है)।

हम प्रकाशित

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



संवाद बॉक्स में, आप अपने आवेदन के लिए एक सीधा लिंक प्राप्त कर सकते हैं, विन्यासकर्ता, अपनी वेबसाइट या ब्लॉग (या एक तैयार ऑनलाइन स्टोर) को एम्बेड करने के लिए HTML कोड का एक टुकड़ा। सामाजिक नेटवर्क के माध्यम से एप्लिकेशन साझा करने के लिए बटन हैं।

निष्कर्ष

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

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