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

बुलबुला

जनरेटर खोलें

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

यादृच्छिकता कम रखकर बारह बिंदु, जिससे कुछ लगभग गोल पर साफ़ तौर पर हाथ का बना लगने वाला बनता है। तब अच्छा जब पूरा गोल वृत्त नीरस लगे पर ब्लॉब कुछ ज़्यादा ही चंचल।

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

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

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

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

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

बाइट में इसकी क़ीमत
प्रारूप आकार
SVG559 B
CSS बैकग्राउंड720 B
CSS clip-path777 B
CSS border-radius106 B

बुलबुला के SVG की शुरुआत

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 36.37C110.36 36.38,121.78 40.94,131.07 46.18C140.36 51.42,150.78 58.85,155.74 67.82C160.71 76.79,160.7 89.18,160.87 100C161.04 110.82,161.46 123.37,156.74 132.76C152.02 142.15,141.99 151.34,132.53 156.35C123.08 161.35,110.54 163.31,100 162.79C8…

और विस्तार से

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

सवाल

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

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

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

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

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

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

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

संबंधित