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

ऑर्गैनिक ब्लॉब

जनरेटर खोलें

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

आठ बिंदु, यादृच्छिकता इतनी ऊँची कि उभारों के आकार में साफ़ फ़र्क़ दिखे। «ब्लॉब» से लोग आमतौर पर यही आकृति समझते हैं: इतनी अनियमित कि जान-बूझकर बनाई लगे, इतनी नियमित कि फिर भी एक ही वस्तु पढ़ी जाए।

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

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

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

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

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

बाइट में इसकी क़ीमत
प्रारूप आकार
SVG402 B
CSS बैकग्राउंड563 B
CSS clip-path620 B
CSS border-radius110 B

ऑर्गैनिक ब्लॉब के SVG की शुरुआत

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 54.85C116.91 53.97,145.16 39.06,153.41 46.59C161.66 54.11,150.46 83.17,149.49 100C148.51 116.83,155.8 138.58,147.55 147.55C139.3 156.52,117.11 152.56,100 153.82C82.89 155.08,56.37 164.08,44.89 155.11C33.41 146.14,29.94 117.2,31.11 100C32.28 82.…

और विस्तार से

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

सवाल

ऑर्गैनिक ब्लॉब मिल जाने के बाद मैं इसे कैसे बदलूँ?

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

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

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

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

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

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

संबंधित