जनरेटर पर जाएँ
वेव और ब्लॉब

छींटा

जनरेटर खोलें

मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।

चौदह बिंदु और यादृच्छिकता पूरी ऊपर, जो जनरेटर की अधिकतम अनियमितता है। जान-बूझकर उपयोगी दायरे के किनारे पर: इससे आगे आकृति एक वस्तु के रूप में पढ़ी जाना बंद कर देती है।

इसके पीछे की सेटिंग्स

इसके पीछे की सेटिंग्स
जनरेटरब्लॉब
बिंदु14
यादृच्छिकता100%
चिकनाहट120%
बीज31337

जानने लायक़ बातें

बाइट में इसकी क़ीमत

यही आकृति SVG के रूप में 641 बाइट की है और CSS बैकग्राउंड के रूप में 802 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।

बाइट में इसकी क़ीमत
प्रारूप आकार
SVG641 B
CSS बैकग्राउंड802 B
CSS clip-path859 B
CSS border-radius102 B

छींटा के SVG की शुरुआत

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 28.35C110.32 32.66,110.26 51.14,120.6 57.22C130.94 63.3,140.83 53.62,151.72 58.75C162.61 63.88,172.54 71.69,175.04 82.87C177.55 94.05,173.43 106.6,164.24 114.66C155.05 122.73,137.85 117.64,129.09 123.2C120.33 128.76,126.28 132.16,120.46 142.48C…

और विस्तार से

अनियमितता की सीमा इसलिए है कि स्प्लाइन अपने नियंत्रण-बिंदुओं के भीतर नहीं रहती — वह उनके बीच बाहर की ओर झुकती है, और पर्याप्त यादृच्छिकता पर कोई उभार इतनी दूर पहुँच सकता है कि पड़ोसी खंड को काट दे और ब्लॉब को तितली-गाँठ बना दे। यह सीमा उपकरण की अनुमत हर बिंदु-संख्या, बीज और चिकनाहट के सर्वेक्षण से तय हुई है, किसी ऐसी संख्या से नहीं जो ठीक-ठाक लग रही थी।

सवाल

छींटा मिल जाने के बाद मैं इसे कैसे बदलूँ?

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

क्या अगली बार भी यही दिखेगी?

हाँ, जब तक बीज वही है। यह बीज 31337 है, 14 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।

क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?

हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।

इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।

संबंधित