RGB Color Correction di TileMill

Semalam suntuk kami berusaha mencari cara bagaimana melakukan setting RGB di TileMill, sehingga data yang bernilai NULL atau NODATA menjadi transparan. Kami menemukan situs http://www.mapbox.com/blog/tilemill-raster-colorizer-analysis/ , namun setelah (seperti biasa), copy-paste kodenya, ada pesan kesalahan bahwa raster-colorizer-default-mode tidak dikenal. Pesan ini muncul karena TileMill yang kami gunakan merupakan versi stabil, sedangkan fungsi di atas baru ada di versi development. Oleh karena itu, kami update TileMill menjadi versi development. Sebagai catatan, kita hanya bisa melakukan update apabila memilih Install Developer Builds pada Updates Preferences.

Berikut kode yang kami gunakan, sehingga citra awal seperti pada Gambar 1, berubah menjadi seperti pada Gambar 2. Yang perlu diperhatikan adalah:

raster-colorizer-epsilon:0.2; 
Nilai 0.2 merupakan simpangan baku dari histogram
stop(0,transparent)
Angka 0 adalah angka digital yang merupakan representasi nilai NULL atau NODATA

stop(1,#000)
Angka 1 adalah angka digital yang merupakan nilai minimum citra, dan diberikan warna hitam
stop(255,rgb(255,0,0))
Angka 255 adalah angka digital yang merupakan nilai maksimum citra. Apabila datanya 8bit, maka nilainya adalah 255, sedangkan apabila datanya 11 bit, maka nilainya adalah 2^11.

style.mss

#red {
raster-scaling:gaussian;
raster-comp-op:plus;
raster-colorizer-default-mode:linear;
raster-colorizer-default-color: transparent;
raster-colorizer-epsilon:0.2;
raster-colorizer-stops:
stop(0,transparent)
stop(1,#000)
stop(255,rgb(255,0,0))
}

#green {
raster-scaling:gaussian;
raster-comp-op:plus;
raster-colorizer-default-mode:linear;
raster-colorizer-default-color: transparent;
raster-colorizer-epsilon:0.2;
raster-colorizer-stops:
stop(0,transparent)
stop(1,#000)
stop(255,rgb(0,255,0))
}

#blue {
raster-scaling:gaussian;
raster-comp-op:plus;
raster-colorizer-default-mode:linear;
raster-colorizer-default-color: transparent;
raster-colorizer-epsilon:0.2;
raster-colorizer-stops:
stop(0,transparent)
stop(1,#000)
stop(255,rgb(0,0,255))
}

Visualisasi RGB

Gambar 1. Visualisasi RGB Sebelum Koreksi

Screen Shot 2013-06-06 at 12.31.22 PM

Gambar 2. Visualisasi RGB setelah koreksi

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s