[]
JS ile image manipülasyonu
selamlar,
bu sitede biri javascript ile ufak bir bulmaca yapmış. görselin rgb değerlerini random olarak değiştirmiş görüntüye noise eklemiş. yazacağımız üç dört satır kod ile bu işlemi geri alabiliyor ve görselin ne olduğunu ortaya çıkarabiliyoruz.
merak ettim, siteyi (kullandığı script kütüphanelerini) biraz kurcaladım ama javascript ile bu işlemin nasıl yapıldığını anlamadım.
image'ın her bir pixel'ini byte array'a atıp, buradaki değerleri değiştirerek mi yapıyor? javascriptte bir image'ın byte düzeyinde datası nasıl okunabiliyor?
bahsettiğim site: nifty.stanford.edu
bu sitede biri javascript ile ufak bir bulmaca yapmış. görselin rgb değerlerini random olarak değiştirmiş görüntüye noise eklemiş. yazacağımız üç dört satır kod ile bu işlemi geri alabiliyor ve görselin ne olduğunu ortaya çıkarabiliyoruz.
merak ettim, siteyi (kullandığı script kütüphanelerini) biraz kurcaladım ama javascript ile bu işlemin nasıl yapıldığını anlamadım.
image'ın her bir pixel'ini byte array'a atıp, buradaki değerleri değiştirerek mi yapıyor? javascriptte bir image'ın byte düzeyinde datası nasıl okunabiliyor?
bahsettiğim site: nifty.stanford.edu
canvas ve ImageData objesi ile yapiyorlar. Bunun icin browser Html5 desteklemesi gerekiyor.
www.html5rocks.com
developer.mozilla.org
www.html5rocks.com
developer.mozilla.org
- emrahday (04.12.17 11:07:04)
1