इमेज को pixel art में बदलने वाला फीचर बनाते समय,
मुझे लगा कि अगर केवल pixelation logic को अलग करके दोबारा इस्तेमाल किया जा सके तो अच्छा होगा, इसलिए मैंने एक image pixelation library बनाई।
विशेषताएँ
- zero-dependency + छोटा package size (लगभग 44kB)
- ब्राउज़र और Node.js दोनों में इस्तेमाल किया जा सकता है
clean/detailदो pixelation modes का समर्थन- मूल आकार बनाए रखना या low-resolution output चुनना संभव
- 512×512 के आधार पर भी कुछ ms में प्रोसेस किया जा सकता है
- ब्राउज़र में Worker के रूप में अलग चलाना आसान है, इसलिए भारी image processing में भी UI पर कम भार पड़ता है
काम करने का तरीका
cleanमोड हर cell में सबसे ज़्यादा बार आने वाले रंग का उपयोग करता है, इसलिए किनारे अधिक स्पष्ट दिखते हैंdetailमोड हर cell के औसत रंग का उपयोग करता है, इसलिए gradients और texture थोड़े अधिक स्वाभाविक रूप से बने रहते हैं
उपयोग उदाहरण
import { pixelate } from 'fast-pixelizer'
const result = pixelate(imageData, { resolution: 32 })
// -> { data: Uint8ClampedArray, width, height }
लिंक
- npm: https://www.npmjs.com/package/fast-pixelizer
- GitHub: https://github.com/handsupmin/fast-pixelizer
इसे आराम से इस्तेमाल करके देखें और feedback ज़रूर दें। 🙂
अभी कोई टिप्पणी नहीं है.