ऑर्गैनिक वेव
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
यादृच्छिकता लगभग पूरी ऊपर करके सात बिंदु, इसलिए वक्र दोहराने के बजाय भटकता है। यह गिनी हुई नहीं, खींची हुई लगती है — और नियमित ज्या-वक्र ठीक यही नहीं कर सकता।
इसके पीछे की सेटिंग्स
| जनरेटर | वेव |
|---|---|
| बिंदु | 7 |
| आयाम | 70% |
| यादृच्छिकता | 85% |
| आधार रेखा | 50% |
| परतें | 1 |
| चिकनाहट | 100% |
| बीज | 9142 |
जानने लायक़ बातें
- ऊँची यादृच्छिकता का मतलब है कि बीज मायने रखता है — उसे बदलिए और आपको सचमुच अलग वक्र मिलता है, खिसका हुआ नहीं।
- फिर भी पूरी तरह चिकना: यादृच्छिकता बिंदुओं को हिलाती है, वक्र के उनसे गुज़रने के ढंग को नहीं।
- जब तक कुछ ठीक न लगे फेंटते रहिए, फिर बीज 9142 लिख लीजिए ताकि वह बचा रहे।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 478 बाइट की है और CSS बैकग्राउंड के रूप में 639 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 478 B |
| CSS बैकग्राउंड | 639 B |
| CSS clip-path | 670 B |
ऑर्गैनिक वेव के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-205.71 191.31C-171.43 178.3,-68.57 110.51,0 113.21C68.57 115.91,137.14 202.67,205.71 207.53C274.29 212.39,342.86 145,411.43 142.35C480 139.71,548.57 197.9,617.14 191.66C685.71 185.41,754.29 115.82,822.86 104.89C891.43 9…और विस्तार से
यादृच्छिकता का स्लाइडर ज्या-वक्र और बीज वाले शोर के बीच अदला-बदली करने के बजाय दोनों को मिलाता है, और यह लगने से ज़्यादा मायने रखता है। शुद्ध ज्या CSS के नमूने जैसी लगती है और शुद्ध शोर ग़लती जैसा; जो कुछ लोग सचमुच प्रकाशित करते हैं वह कहीं बीच में होता है, और उस रेखा पर चलने वाला एक स्लाइडर उन दो मोड से ज़्यादा उपयोगी है जो हर एक एक ग़लत जवाब देते हैं।
सवाल
ऑर्गैनिक वेव मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में ऑर्गैनिक वेव पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 9142 है, 7 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।