झटका

दो बिंदु और ऊँची चिकनाहट: बिना किसी दोहराव के एक अकेला बहता वक्र। यहाँ की सबसे कम वेव-जैसी वेव, और वह जो तब सबसे अच्छी चलती है जब डिवाइडर दो रंग अलग करने भर के बजाय ग्राफ़िक डिज़ाइन का काम कर रहा हो।

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

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

• दो बिंदु जनरेटर की स्वीकार्य न्यूनतम सीमा है, और एक चढ़ाव व एक उतार देता है।
• शून्य यादृच्छिकता, इसलिए वक्र एक साफ़ गणितीय बहाव है।
• 246 बाइट पर सूची की सबसे छोटी वेव।

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

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-720 166.4C-564 166.4,-312 166.4,0 166.4C312 166.4,408 166.4,720 166.4C1032 166.4,1284 166.4,1440 166.4L1440 320L-720 320Z" fill="#4f46e5"/></svg>

और विस्तार से

इसे क्षैतिज रूप से पलटिए और इसका चरित्र पूरी तरह बदल जाता है — झटके की एक दिशा होती है, और वह किस ओर बहे यह ऊपर वाले सेक्शन में नज़र के सफ़र से मेल खाना चाहिए। इसीलिए पलटने के नियंत्रण मौजूदा वक्र का प्रतिबिंब हैं, दोबारा बनाना नहीं: पलटने से वह आकृति दोबारा नहीं बननी चाहिए जिस पर आप पहले ही ठहर चुके थे।

सवाल

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