पिक्सेल किनारा
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
कम आयाम और ऊँची यादृच्छिकता के साथ बारह बिंदु, सीढ़ीदार। नतीजा जान-बूझकर पिक्सेल किया गया किनारा लगता है — किसी भी रेट्रो या तकनीकी मिज़ाज वाली चीज़ के लिए उपयोगी, जहाँ चिकना वक्र बहुत नरम लगता।
इसके पीछे की सेटिंग्स
| जनरेटर | वेव |
|---|---|
| बिंदु | 12 |
| आयाम | 34% |
| यादृच्छिकता | 66% |
| आधार रेखा | 55% |
| परतें | 1 |
| चिकनाहट | 100% |
| बीज | 6502 |
जानने लायक़ बातें
- अलग-अलग ऊँचाइयों पर कई सँकरे पायदान, और यही बिटमैप का आभास देता है।
- यहाँ की सबसे भारी सीढ़ीदार आकृति, क्योंकि हर बिंदु एक के बजाय तीन रेखा-खंड जोड़ता है।
- बीज 6502 से दोबारा बनाया जा सकता है — इसे सँभालना फ़ायदेमंद है, क्योंकि ऊँची यादृच्छिकता पर हर बीज अलग दिखता है।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 579 बाइट की है और CSS बैकग्राउंड के रूप में 740 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 579 B |
| CSS बैकग्राउंड | 740 B |
| CSS clip-path | 771 B |
पिक्सेल किनारा के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-120 176.21L-60 176.21L-60 152.82L0 152.82L60 152.82L60 175.77L120 175.77L180 175.77L180 178.33L240 178.33L300 178.33L300 193.7L360 193.7L420 193.7L420 188.55L480 188.55L540 188.55L540 200.14L600 200.14L660 200.14L660 15…और विस्तार से
अगर यह बहुत भरा-भरा लगे तो हल कम आयाम नहीं, कम बिंदु हैं। छह पर आने से ब्लॉक वाला चरित्र बचा रहता है और फ़ाइल आधी हो जाती है, जबकि आयाम चपटा करने से सिर्फ़ एक शोरगुल भरी सीधी रेखा बनती है।
सवाल
पिक्सेल किनारा मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में पिक्सेल किनारा पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 6502 है, 12 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।