Saat membuat fitur konversi gambar menjadi pixel art,
saya berpikir akan lebih baik jika logika pikselasinya bisa dipisahkan dan digunakan ulang, sehingga saya membuat library pikselasi gambar ini.
Fitur
- zero-dependency + ukuran paket kecil (sekitar 44kB)
- bisa digunakan di browser maupun Node.js
- mendukung dua mode pikselasi:
clean/detail - dapat memilih mempertahankan ukuran asli atau menghasilkan output resolusi rendah
- bahkan pada ukuran 512脳512, pemrosesan dapat dilakukan dalam hitungan beberapa ms
- mudah dijalankan terpisah dengan Worker di browser, sehingga bahkan untuk pemrosesan gambar berat pun beban pada UI tetap rendah
Cara kerja
- mode
cleanmenggunakan warna yang paling sering muncul di setiap sel sehingga batasnya terlihat jelas - mode
detailmenggunakan warna rata-rata tiap sel sehingga gradasi dan tekstur tetap terasa sedikit lebih alami
Contoh penggunaan
import { pixelate } from 'fast-pixelizer'
const result = pixelate(imageData, { resolution: 32 })
// -> { data: Uint8ClampedArray, width, height }
Tautan
- npm: https://www.npmjs.com/package/fast-pixelizer
- GitHub: https://github.com/handsupmin/fast-pixelizer
Silakan coba dengan santai dan saya menantikan masukan Anda. 馃檪
Belum ada komentar.