Pernah main game lama atau lihat teks di layar resolusi rendah, terus pinggiran objek atau hurufnya kelihatan bergerigi kayak tangga? Efek ‘tangga’ itu namanya aliasing, dan teknik buat memperhalusnya disebut anti–aliasing. Ini salah satu konsep fundamental di computer graphics yang akarnya justru ada di teori sinyal. Yuk kita bahas!

Kenapa Muncul ‘Tangga’?

Citra digital tersusun dari grid pixel yang kotak-kotak dan diskrit. Masalahnya, objek yang mau kita gambar seperti garis diagonal, lingkaran, lengkungan huruf itu sifatnya kontinu (mulus). Ketika bentuk mulus ini dipaksa ‘dibentuk’ ke dalam grid pixel yang terbatas, terjadilah kesalahan representasi.

Di dunia pemrosesan sinyal, gambar sebenarnya dianggap sebagai sinyal spasial 2D, di mana gelombangnya diukur dari perubahan warna dan intensitas cahaya dari pixel ke pixel. Perubahan warna yang sangat mendadak seperti pinggiran objek tajam antara hitam dan putih adalah sinyal frekuensi tinggi.

Secara teori, ini adalah masalah sampling. Menurut teorema Nyquist–Shannon, agar suatu sinyal bisa ditangkap sempurna tanpa cacat, frekuensi sampling (jumlah pixel) harus minimal dua kali lipat dari frekuensi sinyalnya. Ketika pixel layar kurang rapat untuk menangkap detail tajam itu, sinyal frekuensi tinggi tersebut runtuh dan ‘menyamar’ (aliasing) menjadi bentuk frekuensi rendah yang keliru. Di layar kita, hasil samarannya berbentuk pinggiran bergerigi (jaggies), pola Moiré, atau kedipan (flicker) saat objek bergerak.

Ide Dasar Anti-Aliasing

Alih-alih memaksa tiap pixel cuma ‘hitam atau putih’ (di dalam objek atau di luar), kita bisa memberikan warna transisi di pixel-pixel pinggiran berdasarkan seberapa besar pixel itu tertutup objek. Misalnya, kalau sebuah pixel cuma ketutup objek 40%, maka dia akan diberi warna campuran 40% warna objek + 60% warna background. Mata kita yang melihat dari jarak normal bakal ‘menipu’ diri sendiri dan menganggap pinggiran itu mulus, padahal cuma ada gradasi warna halus. Inilah inti anti-aliasing, yaitu mengganti batas tajam dengan gradasi lembut.

Macam-Macam Teknik Anti-Aliasing

Ada banyak pendekatan untuk anti–aliasing, masing-masing dengan trade–off antara kualitas dan biaya komputasi:

  • SSAA (Supersampling Anti-aliasing), merender gambar di resolusi jauh lebih tinggi dulu, lalu dikecilkan (downsample). Kualitasnya paling bagus, tapi paling berat karena harus mengolah pixel berkali-kali lipat.
  • MSAA (Multisample Anti-Aliasing), merupakan versi lebih hemat dari SSAA, di mana supersampling hanya diterapkan di area pinggiran objek (geometry edges), bukan seluruh gambar.
  • FXAA (Fast Approximate Anti-aliasing), yaitu teknik post–processing yang mencari pinggiran di gambar jadi lalu menghaluskannya secara cepat. Ringan, cocok untuk real–time, tapi bisa membuat gambar terlihat agak buram.
  • TAA (Temporal Anti-aliasing): memanfaatkan informasi dari beberapa frame berturut-turut untuk menghaluskan, efektif untuk objek bergerak.

Selain itu, di rendering teks dan font, anti-aliasing juga dipakai supaya huruf di layar kelihatan rapi dan enak dibaca.

(Sumber: https://matplotlib.org/3.4.2/gallery/images_contours_and_fields/image_antialiasing.html )

Hubungannya dengan Alpha & Downsampling

Anti-aliasing cukup berhubungan erat dengan konsep lain. Pinggiran objek yang halus biasanya disimpan lewat alpha channel (transparansi parsial), agar bisa di-composite mulus ke background apa pun. Selain itu, saat gambar diperkecil (downsampling), juga perlu kehati-hatian karena tanpa filter yang tepat, justru bisa muncul aliasing baru. Makanya, teknik seperti area averaging atau filter Gaussian sering digunakan sebelum mengecilkan gambar.

Penutup

Anti-aliasing mengajarkan kita satu hal penting. Dunia digital itu diskrit, sedangkan dunia nyata itu kontinu, menjembatani keduanya memerlukan trik cerdas. Lewat pemahaman mengenaisampling dan sedikit ‘tipuan’ gradasi warna, kita bisa membuat garis diagonal, lengkungan, dan teks terlihat mulus walau sebenarnya tersusun dari kotak-kotak pixel. Next, kalau melihat grafis game yang tajam tapi pinggirannya halus, kamu sudah tahu ada teorema Nyquist yang diam-diam bekerja di balik layar.

Penulis

Felicia Natania Lingga, S.Kom. — FDP Scholar

Referensi

Carpenter, L. (1984). The A-buffer, an antialiased hidden surface method. Proceedings of the 11th Annual Conference on Computer Graphics and Interactive Techniques (SIGGRAPH ’84), 18(3), 103–108.

NVIDIA. (n.d.). Antialiasing. NVIDIA Control Panel Help. https://www.nvidia.com/content/Control-Panel-Help/vLatest/en-us/mergedProjects/3D%20Settings/antialiasing.htm

Vulkan Documentation Project. (n.d.). MSAA (Multisample Anti-Aliasing). https://docs.vulkan.org/samples/latest/samples/performance/msaa/README.html

Unity. (n.d.). What Is Anti-Aliasing? MSAA vs. FXAA vs. TAA. https://unity.com/glossary/anti-aliasing

NVIDIA Research. (2018). Adaptive Temporal Antialiasing. https://research.nvidia.com/sites/default/files/pubs/2018-08_Adaptive-Temporal-Antialiasing/adaptive-temporal-antialiasing-preprint.pdf

Matplotlib Development Team. (n.d.). Image resampling. Matplotlib Documentation. https://matplotlib.org/stable/gallery/images_contours_and_fields/image_antialiasing.html

scikit-image Development Team. (n.d.). skimage.transform. scikit-image Documentation. https://scikit-image.org/docs/stable/api/skimage.transform.html