
पिक्सेलेशन को रिडेक्शन तकनीक के रूप में कभी भी, कभी भी, कभी भी उपयोग न करें
यह दिखाता है कि आपको रिडैक्शन तकनीक के रूप में पिक्सेलेशन का उपयोग कभी नहीं, कभी नहीं, कभी नहीं करना चाहिए। यह कैसे काम करता है इसके बारे में अधिक संपूर्ण जानकारी के लिए, मेरा ब्लॉग पोस्ट यहाँ देखें।

निर्भरताएँ इंस्टॉल करें:
npm install
फिर इसके साथ शुरू करें:
npm start
बस इतना ही।
यह थोड़ा मैनुअल है और बिल्कुल भी सुव्यवस्थित नहीं है। मुझे लगता है आप देखेंगे कि ऐसा क्यों है। अगर किसी को इस प्रक्रिया को और अधिक इन-ऐप बनाने का प्रयास करने का मन हो, तो मैं पूरी तरह सुनने को तैयार हूँ। मैं कैसा दिखता हूँ, कोई इलेक्ट्रॉन डेवलपर? लेकिन हाँ, यह रहा:
अपनी छवि को सिर्फ पिक्सेलेटेड क्षेत्र तक क्रॉप करें। कोई बॉर्डर नहीं, कोई अन्य टेक्स्ट नहीं। उसके साथ secret.png को बदलें। मैं इसे GiMP में करने की सलाह देता हूँ।
ब्लॉक साइज़ नोट करें (यह सिर्फ प्रत्येक पिक्सेलेटेड ब्लॉक का आकार है)। कोड में blockSize को उससे बदलें।
CSS को बिल्कुल सही करें। यह सबसे कठिन और सबसे समय लेने वाला हिस्सा है। इसे test.html में डालकर Chrome में देखने की कोशिश करें। इसे तब तक ट्वीक करें जब तक आप कुछ नमूना टेक्स्ट को यथासंभव सटीक रूप से दोहरा न सकें। शब्द और अक्षर स्पेसिंग पर विशेष ध्यान दें। अगर यह तिरछा हो जाता है, तो सब कुछ गड़बड़ हो जाएगा। साथ ही font-weight, अन्यथा चीज़ें बहुत हल्की या गहरी हो जाएँगी। मैं पर्याप्त ज़ोर नहीं दे सकता कि यह चरण कितना महत्वपूर्ण है, क्योंकि पूरी चीज़ वास्तव में रिडैक्टेड वर्णों को सही ढंग से दोहराने में सक्षम होने पर निर्भर करती है।
निर्धारित करें कि आप कौन सा कैरेक्टर सेट आज़माना चाहते हैं। यह preload.ts के शीर्ष पर है।
गो बटन दबाएँ और देखें कि यह काम करता है या नहीं!