Surface Rendering dan Warna

Presentasi berjudul: "Surface Rendering dan Warna"— Transcript presentasi:

1 Surface Rendering dan Warna

2 Konsep Dasar Tampilan realistis – proyeksi perspektif dan pencahayaan / efek cahaya pada permukaan objek yang kelihatan Model iluminasi – menghitung intensitas cahaya suatu titik pada permukaan objek Surface rendering – menggunakan hasil penghitungan intensitas dari model iluminasi untuk menentukan intensitas cahaya dari tiap pixel pada objek

3 Sumber Cahaya Objek yang terlihat – kombinasi pantulan dari sumber cahaya dan pantulan objek lain Pada objek transparan – sebagian dipantulkan sebagian diteruskan melalui objek

4 Intensitas Intensitas bergantung pada : Jenis sumber cahaya
Karakteristik permukaan (mengkilap, transparan, tidak transparan, dll)

5 Iluminasi Pencahayaan – lokal atau global
Lokal – tidak memperhitungkan objek lain di sekitar yang mungkin akan memberikan pengaruh cahaya pada gambar (refleksi, cahaya tambahan) jadi seolah-olah setiap benda hanya terpengaruh oleh sumber cahaya Global – satu sumber cahaya untuk semua objek yang terlihat yang menyinari semua objek. Model ini lebih kompleks karena memperhitungkan refleksi dari objek lain

6 Jenis Iluminasi Sumber yang memancarkan cahaya
Sumber yang memantulkan cahaya Pembiasan cahaya

7 Sumber yang Memancarkan Cahaya
Sumber cahaya jauh dari objek – point source, contoh : matahari Sumber cahaya berukuran besar – distributed light source, contoh : lampu neon

8 Sumber yang Memantulkan Cahaya
- Pantulan dari cahaya sekitar / lingkungan - Ambient - Pantulan dari cahaya point source : Permukaan kasar - Diffuse Permukaan mengkilap - Specular

9 Ambient Light Intensitas cahaya global
Tingkat / intensitas dari ambient light (Ia), nilainya konstan untuk tiap permukaan

10 Diffuse Reflection Cahaya yang dipantulkan atau dipancarkan dari suatu titik dengan intensitas yang sama ke segala arah Konstanta refleksi difusi : kd besarnya antara 0 sampai 1 menentukan besarnya cahaya ambient yang dipantulkan oleh objek Merupakan property atau sifat dari suatu bahan dalam memantulkan cahaya 0 – menyerap semua, 1 – memantulkan semua

11 Diffuse Reflection Pantulan diffuse Iad = kd. Ia

12 Diffuse Reflection Ia = intensitas cahaya ambient (global) Jika ada sumber cahaya ?  Hukum Lambert

13 Hukum Lambert θ = sudut antara normal permukaan dan vektor cahaya (0-90 derajat) bernilai 0-1, jika negatif berarti sumber cahaya berada di belakang permukaan Il = intensitas sumber cahaya Kd = koefisien diffuse reflection

14 Specular Reflection Menghasilkan efek highlight (bright spot) akibat refleksi Memberi efek mengkilap pada objek Pantulan specular

15 Pembiasan Cahaya Pembiasan terjadi ketika cahaya melewati objek transparan atau semi transparan dengan kepadatan yang berbeda (contoh : dari udara ke kaca).

16 Ray Tracing Ray tracing adalah suatu metode untuk me-render obyek 3D yang hasilnya realistik seperti foto. Metode ini dilakukan dengan cara menelusuri sinar mata atau sumber cahaya, kemudian diperiksa apakah sinar tersebut mengenai obyek atau tidak. Jika ternyata sinar yang ditelusuri tersebut mengenai suatu obyek maka selanjutnya diperhitungkan intensitas pada obyek tersebut, yaitu intensitas efek pencahayaan. Hasil dari perhitungan intensitas inilah yang terlihat oleh mata.

17 Ray Casting vs Ray Tracing
Saat mengenai objek ray casting tidak melakukan perhitungan lagi Ray casting lebih cepat daripada ray tracing, hanya ray tracing dapat menghasilkan gambar yang lebih realistis

18

19 Ray Tracing

20 Texture Mapping Suatu teknik untuk “melapisi” suatu objek 3D dengan suatu citra 2D Memungkinkan untuk membuat objek 3D yang cukup realistis berdasarkan poligon yang sederhana Contoh : gambar planet dengan memproyeksikan tekstur planet (misal : biru dengan awan untuk bumi, merah untuk mars) terhadap suatu bola

21 Texture Mapping Sebagian besar tekstur adalah gambar 2D
Elemen tekstur disebut texel Nilai texel digunakan untuk modifikasi penampilan permukaan Pemetaan antara tekstur dan permukaan menentukan hubungan koresponden antara pixel dan texel

22 Spherical mapping

23 Cylindrical mapping

24 Menentukan Texel Yang Tepat
Temukan pixel yang visible (misal menggunakan z-buffer) Temukan titik pada permukaan yang berkoresponden dengan pixel visible Temukan titik pada tekstur (texel) yang memetakan ke titik pada permukaan Gunakan nilai texel untuk mewarnai pixel

25 Menentukan Texel Yang Tepat

26 Warna Warna adalah karakteristik cahaya yang dapat dipersepsi/dilihat dan disebutkan berdasarkan namanya. Mata manusia memiliki reseptor untuk 3 warna (merah, hijau, biru) Warna dideskripsikan melalui 3 cara : Dari namanya Tingkat kemurnian atau saturasinya Nilai atau kecerahannya

27 Istilah Warna Intensitas/intensity : tingkat seberapa terang suatu warna Saturasi/saturation : tingkat kemurnian suatu warna Luminansi/luminance : ukuran jumlah cahaya yang dipantulkan dari suatu warna Shade : warna yang dihasilkan dengan penambahan warna hitam Tint : warna yang dihasilkan dengan penambahan warna putih Warna primer : warna yang tidak bisa dibuat dengan mencampurkan warna lain Warna sekunder : warna yang merupakan campuran dari warna primer

28 Warna Aditif Sistem warna yang dimulai dari hitam, berakhir dengan putih Untuk membentuk warna putih kita memerlukan semua warna primer Contoh : RGB pada monitor

29 Warna Substraktif Sistem warna yang dimulai dari putih, berakhir dengan hitam Untuk membentuk warna hitam kita mencampurkan semua warna Contoh : CMYK pada tinta printer

30 Representasi dan Manipulasi Warna di Komputer
Berhubungan dengan sistem warna RGB Komputer akan mengatur konversi ke sistem CMYK Dalam kondisi ideal, ada jumlah bit tertentu untuk warna merah, hijau dan biru Pada sistem yang mendukung 16.7 juta warna (24bit), 8 bit dialokasikan untuk masing-masing warna

31 Representasi dan Manipulasi Warna di Komputer
Pada sistem yang memiliki jumlah warna kurang dari itu (65k warna = 16bit, 256 warna = 8bit, warna = 12 bit, 16 warna = 4 bit), maka jumlah RGB yang bisa direpresentasikan terbatas Beberapa manipulasi warna yang bisa dilakukan adalah : Mengambil komponen warna tertentu Mempergelap/memperterang gambar Membuat efek transparan

32 Memori Untuk Warna Sebesar resolusi layar dikalikan dengan jumlah bit per pixel. Contoh : layar 1024 x bit (true color) 24bit = 3byte Jumlah bit per pixel = 3 byte membutuhkan memori 768 x 1024 x 3byte = byte = 2304 kb = 2.25 mb Memori untuk gambar berwarna > gambar hitam putih