3D इंटरैक्शन और एनिमेशन बनाने के लिए JavaScript लाइब्रेरी
एक ओपन सोर्स जावास्क्रिप्ट एपीआई जो एचटीएमएल डोम तत्वों को इंटरेक्टिव टेक्सचर्ड प्लेन में बदलने की अनुमति देता है। आप वेबजीएल को आसानी से प्रबंधित कर सकते हैं और अपने वेब पेज के डीओएम तत्वों के सापेक्ष अपने मेश की स्थिति बना सकते हैं।
पर्दे.जेएस एक ओपन सोर्स लाइटवेट जावास्क्रिप्ट लाइब्रेरी है जो सॉफ्टवेयर डेवलपर्स को अपने एचटीएमएल डोम तत्वों को आसानी से इंटरैक्टिव टेक्सचर्ड प्लेन में बदलने की क्षमता देती है। पुस्तकालय आकार में छोटा है लेकिन बहुत स्थिर है जिससे उपयोगकर्ता आसानी से शक्तिशाली 3D इंटरैक्शन और एनिमेशन बना सकते हैं। यह छवियों और वीडियो वाले HTML तत्वों को 3D WebGL बनावट वाले विमानों में आसानी से अनुवादित कर सकता है, जिससे उपयोगकर्ता उन्हें शेडर के माध्यम से चेतन कर सकते हैं।
पुस्तकालय का उपयोग करना बहुत आसान है लेकिन आपको एचटीएमएल, सीएसएस, जावास्क्रिप्ट और शेडर्स का अच्छा बुनियादी ज्ञान होना चाहिए। shader निर्देशों का एक सेट है जो ग्राफ़िक्स पाइपलाइन में चलता है और कंप्यूटर को बताता है कि प्रत्येक पिक्सेल को कैसे रेंडर किया जाए। आपको वर्टेक्स और फ्रैगमेंट शेडर्स के बारे में और जानने की जरूरत है, यूनिफॉर्म के साथ-साथ जीएलएसएल सिंटैक्स बेसिक्स का उपयोग कैसे करें।
यह पर्दे.जेएस एमआईटी लाइसेंस के तहत उपलब्ध है जिसका अर्थ है कि यह व्यक्तिगत और व्यावसायिक परियोजनाओं के लिए उपयोग करने के लिए स्वतंत्र है। पुस्तकालय का मुख्य उद्देश्य वेबजीएल को संभालने का एक आसान तरीका प्रदान करना और अपने वेब पेज के डीओएम तत्वों के सापेक्ष अपने जाल की स्थिति बनाना है। वेबजीएल एक ब्राउज़र के भीतर 3डी और 2डी ग्राफिक्स के रीयल-टाइम रेंडरिंग के लिए एक जावास्क्रिप्ट एपीआई है।
Zen-3d . के साथ शुरुआत करना
पर्दे.जेएस को स्थापित करने का सबसे आसान तरीका एनपीएम का उपयोग करना है। सुचारू स्थापना के लिए कृपया निम्न कमांड का उपयोग करें।
NPM के माध्यम से पर्दे स्थापित करें
npm i curtainsjs जावास्क्रिप्ट का उपयोग करके दृश्यों को प्रबंधित करें
ओपन सोर्स लाइब्रेरी पर्दे.जेएस में दृश्य प्रबंधन और इसके प्रासंगिक गुणों से संबंधित उपयोगी कार्यक्षमता शामिल है। दृश्य उन सभी वस्तुओं को ढेर कर देगा जो अलग-अलग सरणियों में विमानों और शेडर पास सहित खींची जाएंगी, और उन्हें खींचने के लिए सही क्रम में कॉल करें। आप आसानी से प्लेन स्टैक को रीसेट कर सकते हैं, स्थान स्टैक को साफ़ कर सकते हैं, इसे नए प्लेस इंडेक्स के साथ फिर से बना सकते हैं, एक सीन में नए प्लेन जोड़ सकते हैं, एक प्लेन को एक सीन से हटा सकते हैं, एक प्लेन की स्थिति बदल सकते हैं, और इसी तरह।
रेंडरिंग गुणों को संभालना
निःशुल्क पुस्तकालय पर्दे.जेएस आसानी से आपके अपने आवेदन के अंदर प्रस्तुतकर्ताओं को संभालने की क्षमता प्रदान करता है। रेंडरर क्लास हैंडलिंग ने वेबजीएल संदर्भ से संबंधित कई महत्वपूर्ण कार्यात्मकताएं प्रदान की हैं जैसे निर्माण और बहाली, एक्सटेंशन, वेबजीएल कमांड, और बहुत कुछ। इसका उपयोग कंटेनर बनाने, कैनवास जोड़ने, वेबजीएल एक्सटेंशन को संभालने, संदर्भ खो जाने/पुनर्स्थापना की घटनाओं को संभालने और एक सीन क्लास ऑब्जेक्ट बनाने के लिए किया जा सकता है जो सभी जोड़े गए ऑब्जेक्ट्स का ट्रैक रखेगा। उपरोक्त के अलावा यह वैश्विक वेबजीएल कमांड को संभालने का भी समर्थन करता है, जैसे कि दृश्य निकासी, फ्रेम बफ़र्स बाइंडिंग, सेटिंग डेप्थ, ब्लेंड फंक, और इसी तरह।
जावास्क्रिप्ट के माध्यम से छवियों और वीडियो को चेतन करें
ओपन सोर्स लाइब्रेरी कर्टन्स.जेएस सॉफ्टवेयर डेवलपर्स को आसानी से अपने स्वयं के एप्लिकेशन के अंदर छवियों और वीडियो को एनिमेट करने की शक्ति देता है। लाइब्रेरी डेवलपर्स को ऐसे चित्र और वीडियो बनाने में सक्षम बनाती है, जो सीएसएस नियमों द्वारा परिभाषित स्थिति और आकार के साथ सादे HTML तत्वों की तरह काम करते हैं। आप एकाधिक बनावट, एकाधिक समतल, एकाधिक समतल कैनवास पाठ, एकाधिक वीडियो बनावट, और भी बहुत कुछ का उपयोग कर सकते हैं।
