Während ich eine Funktion zur Umwandlung von Bildern in Pixel Art entwickelt habe,
dachte ich, es wäre praktisch, wenn sich die Pixelisierungslogik separat auslagern und wiederverwenden ließe. Deshalb habe ich eine Bild-Pixelisierungsbibliothek erstellt.
Merkmale
- zero-dependency + kleine Paketgröße (ca. 44 kB)
- sowohl im Browser als auch in Node.js nutzbar
- Unterstützung für zwei Pixelisierungsmodi:
clean/detail - Beibehaltung der Originalgröße oder wahlweise Ausgabe in niedriger Auflösung
- auch bei 512×512 in wenigen ms verarbeitbar
- lässt sich im Browser leicht in einen Worker auslagern, wodurch auch bei aufwendiger Bildverarbeitung die UI kaum belastet wird
Funktionsweise
- Der
clean-Modus verwendet in jeder Zelle die am häufigsten vorkommende Farbe, wodurch klare Kanten entstehen - Der
detail-Modus verwendet die Durchschnittsfarbe jeder Zelle und erhält Verläufe und Texturen etwas natürlicher
Anwendungsbeispiel
import { pixelate } from 'fast-pixelizer'
const result = pixelate(imageData, { resolution: 32 })
// -> { data: Uint8ClampedArray, width, height }
Links
- npm: https://www.npmjs.com/package/fast-pixelizer
- GitHub: https://github.com/handsupmin/fast-pixelizer
Probiert es gern aus und gebt mir Feedback. 🙂
Noch keine Kommentare.