bishopfox/unredacterلا تستخدم البكسل أبدًا أبدًا أبدًا كأسلوب للتنقيح
يُظهر لك لماذا لا يجب عليك أبداً، أبداً، أبداً استخدام البكسلة (pixelation) كأسلوب للتنقيح. للحصول على شرح أكثر اكتمالاً لكيفية عمل ذلك، اطّلع على منشور مدونتي هنا.
ثبّت التبعيات:
npm install
ثم ابدأ باستخدام
npm start
هذا كل شيء.
هذه العملية يدوية بعض الشيء وغير مبسّطة إطلاقاً. أعتقد أنك سترى السبب. إذا كان لدى أحدهم رغبة في المحاولة لجعل هذه العملية مدمجة داخل التطبيق، فأنا آذان صاغية. هل أبدو لك مطوّر Electron؟ لكن حسناً، هذه هي الخطوات:
قصّ صورتك بحيث تبقى على المنطقة المبكسلة فقط. بدون حدود أو نصوص أخرى. استبدل secret.png بتلك الصورة. أنصح بالقيام بذلك في برنامج GiMP.
سجّل حجم الكتلة (block size) (وهو ببساطة حجم كل كتلة مبكسلة). استبدل blockSize في الكود بهذه القيمة.
اضبط CSS بدقة. هذا هو الجزء الأصعب والأكثر استهلاكاً للوقت. جرّب إدخاله في test.html وعاينه في Chrome. عدّل عليه حتى تتمكن من إعادة إنتاج بعض النصوص التجريبية بأقصى دقة ممكنة. انتبه بشكل خاص إلى التباعد بين الكلمات والحروف. إذا انحرف التباعد، فسيفسد كل شيء. وانتبه أيضاً إلى وزن الخط (font-weight)، وإلا ستصبح النتائج باهتة جداً أو داكنة جداً. لا أستطيع التأكيد بما يكفي على مدى أهمية هذه الخطوة، لأن الأمر برمته يعتمد حقاً على القدرة على إعادة إنتاج الأحرف المحجوبة بدقة.
حدّد مجموعة الأحرف التي تريد تجربتها. وهي موجودة في أعلى ملف preload.ts.
اضغط زر التشغيل وشاهد إن كان الأمر يعمل!
