इस जावास्क्रिप्ट लाइब्रेरी के साथ सुंदर एनिमेटेड कण बनाएँ
विभिन्न प्रभावों और विशिष्टताओं के साथ सभी में निशुल्क एनीमेशन पुस्तकालय हैं। लेकिन, नया पार्टिकल्स.जेएस लाइब्रेरी बनाकर पूरी तरह से नई दिशा देता है एनिमेटेड कण उस वास्तविक समय में चलते हैं पूरे पृष्ठ पर.
यह आसानी से उपयोग की जाने वाली लाइब्रेरी GitHub पर पूरी तरह से मुफ़्त और खुली है। यह निश्चित रूप से आपकी साइट के UX को बेहतर बनाने में आपकी मदद नहीं करेगा लेकिन यह आपको कुछ जोड़ने में मदद कर सकता है इंटरलेस्ड कण प्रभाव पृष्ठभूमि के लिए.
मुख्य पृष्ठ पर, आपको एक मिल जाएगा लाइव इंटरैक्टिव डेमो जहां आप लाइब्रेरी की विशेषताओं के साथ खेल सकते हैं। यह आपको कण आकार, गति, आकार, रंग, स्थिति को समायोजित करने देता है, आप इसे नाम देते हैं.
के रूप में इस तरह के एक विस्तृत पुस्तकालय है, यह एक की आवश्यकता है जावास्क्रिप्ट की अच्छी समझ यह काम करने के लिए। यही कारण है कि यह लाइव डेमो इतना मूल्यवान है क्योंकि यह जावास्क्रिप्ट में क्या संभव है यह देखने के लिए किसी को भी इन सेटिंग्स के साथ खेलने देता है.
और, यदि आप इन ग्राफिक्स के निर्यात के साथ ठीक हैं, तो आप कर सकते हैं सीधे छवियों को बचाओ वेब ऐप डेमो पेज से। आप ऐसा कर सकते हैं एक कच्चा पीएनजी निर्यात करें या और भी अपनी सभी कस्टम सेटिंग सहेजें एक JSON फ़ाइल में जो सीधे Particles.js स्क्रिप्ट में आयात करता है.
डिफ़ॉल्ट रूप से, आप a से चुन सकते हैं विषयों की छोटी मुट्ठी विभिन्न कण शैलियों के साथ:
- नासा के सितारे
- बुलबुले
- हिमपात
- नयन बिल्ली तारे
- डिफ़ॉल्ट ज्यामितीय आकार
इन चूक के साथ, आप अभी भी कर सकते हैं सभी मुख्य सेटिंग्स को संपादित करें रंग, स्थिति, गति, और सब कुछ को परिष्कृत करने के लिए.
इस पूरे पुस्तकालय का सबसे अच्छा हिस्सा है लाइव अनुकूलन सुविधा मुख्य पृष्ठ पर दाईं ओर। यदि आप नॉटी-ग्रैटी विवरण में जाना चाहते हैं, तो आपको वास्तव में जावास्क्रिप्ट को समझने और कोडिंग करने की आवश्यकता है.
लेकिन, यहां तक कि एक शुरुआत भी इंटरफ़ेस के माध्यम से काम कर सकती है, जो वे चाहते हैं सेटिंग्स उठाएं, और सब कुछ JSON फ़ाइल के रूप में निर्यात करें.
किसी के लिए एक शानदार पुस्तकालय वेब पर गतिशील कण बनाएं. अधिक जानने के लिए, GitHub रेपो पर जाएं और आप ट्विटर @VincentGarreau पर निर्माता विन्सेन्ट गैरेयोन के साथ अपने विचार साझा कर सकते हैं.
