GRAFIK KOMPUTER MINGGU KE 6

(1)

Bahan Kajian : Windowing & Clipping Sub-CPMK :

Mampu menggunakan clipping dan memahami variasi clipping

Referensi :

Chapter 6 - Hughes, Jhon F., Et Al (2014), “Computer

GRAFIK KOMPUTER

MINGGU KE 6

(2)

Agenda

• Model Konseptual Grafik

• Clipping Garis

• Clipping Titik

• Algoritma Clipping

11/09/2023 2

(3)

Model Konseptual Grafik Komputer

• Terdiri dari Window dan Viewport

• Window adalah sebuah areapada koordinat dunia yang terpilih untuk ditampilkan pada alat display

• Viewport adalah area pada alat display sebagai hasil pemetaan dari window

(4)

Ilustrasi Windowing

11/09/2023 4

(5)

Konsep Windowing

(6)

Konsep Clipping

11/09/2023 6

(7)

Blok Transformasi Windowing

V : viewport W : Window

(8)

Clipping

• Pemotongan suatu objek dengan bentuk tertentu

• Tujuan Clipping

 Menghindari perhitungan koordinat yang tidak sederhana

 Menentukan garis yang perlu digambar atau tidak

11/09/2023 8

(9)

Clipping

• Proses pemotongan objek atau pengguntingan objek sehingga hanya objek yang berada pada area yang menjadi perhatian saja yang terlihat

• Mengidentifikasi objek yang akan di clipping

• Memastikan data yang diambil hanya terletak di dalam jendela clipping

(10)

Bentuk Jendela Clipping

• Segi empat, segi tiga

• Lingkaran atau elips

• Polygon

11/09/2023 10

(11)

Aplikasi Clipping

• Identifikasi permukaan yang dapat dilihat dalam pandangan 3 dimensi

• Anti-aliasing segmen garis atau bagian dari suatu objek

• Menampilkan beberapa window

(12)

Kliping Titik

• Untuk menentukan letak suatu titik di dalam jendela clipping, di gunakan ketentuan :

• Xmin <= x <= Xmax

• Ymin <= y <= Ymax

11/09/2023 12

(13)

Kliping Titik

• Untuk menentukan letak suatu titik di dalam jendela clipping, di gunakan ketentuan :

• Xmin <= x <= Xmax

• Ymin <= y <= Ymax

• Dimana Xmin, Ymin, Xmax, dan Ymax adalah batas clip window untuk clipping berbentuk persegi empat dengan posisi standar

(14)

Contoh Kliping Titik

Terdapat 2 buah titik

P1(x1,y1) dan P2 (x2,y2) : Apakah P1 dan P2 masuk kedalam clipping window??

11/09/2023 14

(15)

P1 terletak di dalam

clipping window, karena : Xmin <= X1 <= Xmax

Ymin <= Y1 <= Ymax

(16)

P2 terletak di luar clipping window, karena :

X2 >= Xmax, walaupun Ymin <= Y2 <= Ymax X2 >= Xmin

11/09/2023 16

(17)

Kliping Garis

• Clipping garis diperoleh dengan inside-outside test dengan memeriksa endpoint dari garis.

(18)

Kliping Garis

• Garis yang kedua endpointnya ada di dalam batas clipping, akan disimpan (Garis 2)

11/09/2023 18

(19)

Kliping Garis

• Garis yang posisi endpointnya tidak berada dalam batas

clipping, maka garis tersebut berada di luar window (Garis 1)

(20)

Kliping Garis

• Garis lain yang memotong satu / lebih batas clipping

membutuhkan algoritma clipping yang dapat mengidentifikasi

posisi garis (diluar / didalam batas window)

11/09/2023 20

(21)

Kondisi Garis

(22)

Algoritma Cohen Sutherland

– Algoritma Cohen-Sutherland merupakan metode untuk

menentukan apakah sebuah garis perlu dipotong atau tidak dan menentukan titik potong garis.

– Area gambar didefinisikan sebagai sebuah area segiempat yang dibatasi oleh xmin dan xmax, ymin dan ymax.

– Setiap ujung garis diberi kode 4 bit dan disebut sebagai region code. Region code ditentukan berdasarkan area dimana ujung garis tersebut berada

11/09/2023 22

(23)

Region Code Garis

• L , Bernilai 1 Jika X < Xmin, dan 0 Jika X >= Xmin

• R , Bernilai 1 Jika X > Xmax, dan 0 Jika X <= Xmax

• B, Bernilai 1 jika Y < Ymin, dan 0 Jika Y >= Ymin

• T, Bernilai 1 jika Y > Ymax, dan 0 Jika <= Ymax

(24)

Contoh Soal Diketahui:

Xmax = 6 Xmin = -6 Ymax = 6 Ymin = -6

1. Garis AB (1,2)(4,4) 3. Garis EF (4,-8)(9,-4)

2. Garis CD (-5,3)(-1,7) 4. Garis GH (-7,-4)(-2,-7) Menentukan region code dari masing-masing garis

11/09/2023 24

(25)

Contoh Soal

1. Garis AB (1,2)(4,4) 3. Garis EF (4,-8)(9,-4)

2. Garis CD (-5,3)(-1,7) 4. Garis GH (-7,-4)(-2,-7) Solusi Garis AB

Verteks A (1,2)

L = 0 → Karena X > Xmin yaitu 1 > -6

R = 0 → Karena X < Xmax yaitu 1 < 6

B = 0 → Karena Y > Ymin yaitu 2 > -6

(26)

Contoh Soal

1. Garis AB (1,2)(4,4) 3. Garis EF (4,-8)(9,-4)

Verteks B (4,4)

T = 0 → Karena Y < Ymax yaitu 4 < 6

Sehingga region code dari verteks B adalah 0000

11/09/2023 26

(27)

Kesimpulan

1. Garis AB (1,2)(4,4) 3. Garis EF (4,-8)(9,-4)

Verteks B (4,4)

(28)

Kesimpulan

Karena region code dari kedua verteks A dan B adalah 0000 maka garis AB bersifat Fully Visible (Garis yang terlihat seluruhnya)

sehingga garis tidak perlu dipotong

11/09/2023 28