Anda di halaman 1dari 22

SISTEM KOORDINAT

Komputer Grafik
Program Studi Sistem Komputer
Fakultas Ilmu Komputer
Universitas Pembangunan Panca Budi Medan
2016
Konsep Piksel
 Pada layar komputer, elemen-elemen terkecil
pembentuk bidang kerja dikenal sebagai piksel.
 Piksel ini dapat diilustrasikan seperti grid kertas
kotak.
 Posisi dari tiap-tiap kotak ditentukan oleh
koordinat x dan y-nya.
 Pada Processing, koordinat-x adalah jarak dari sisi
kiri jendela display (Display Window), dan
koordinat-y adalah jarak dari sisi atas jendela
display.
 Pada Gambar tersebut, piksel (0,0) diawali dari sisi
kiri-atas, dan akan berakhir pada sisi kanan-
bawah. Indeks dimulai dari 0, bukan dari 1.
 Misal, jika kita memiliki layar berukuran 200 x 300
piksel, maka sudut kiri-atas memiliki koordinat (0,0),
dan sudut kanan-bawah memiliki koordinat (199 x
299).
 Pada ukuran 200 x 300 piksel, nilai 200
menyatakan Lebar layar, sedangkan nilai 300
menyatakanTinggi layar.
Sistem Koordinat
Pada komputer grafik ada 3 macam sistem koordinat
yang harus kita perhatikan :

 Koordinat nyata (World Coordinate)


 Koordinat sistem (Cartesian Coordinate)
 Koordinat tampilan / layar (Screen Coordinate)
Koordinat Nyata (World Coordinate)

 Adalah koordinat yang pada saat itu objek yang


bersangkutan berada, misal koordinat sebuah kursi
tergantung dari letak kursi itu ada dimana,
bagaimana letaknya.
 Dalam implementasinya koordinat nyata bisa
dikatakan sebagai WINDOW yaitu area di dunia
nyata yang menunjukkan bagian yang dilihat oleh
pemirsa.
Koordinat Kartesian (Cartesian Coordinate)

 Setiap titik yang digambar dengan teknik point-


plotting lokasinya ditentukan berdasarkan system
koordinat cartesian.
 Setiap titik ditentukan lokasinya melalui pasangan
nilai x dan y.
 Dimana nilai koordinat x bertambah positif dari kiri
ke kanan dan nilai y bertambah positif dari bawah
ke atas.
Gambar Sistem Koordinat Kartesian
Koordinat Tampilan/Layar (Screen
Coordinate)
 Arah sumbu koordinat kartesian berkebalikan
dengan yang digunakan di layar komputer. Pada
layar komputer sumbu x bertambah positif ke
kanan dan sumbu y bertambah positif ke bawah.
 Seperti pada gambar berikut jika sebuah titik
pada koordinat cartesian digambar ulang ke layar
komputer maka secara visual lokasi titik tersebut
akan berubah.
Koordinat Tampilan Layar
 Perbedaan orientasi tersebut menyebabkan
gambar di World menjadi tampak terbalik di
screen
 Area yang digunakan untuk menampilkan gambar
di layar disebut sebagai viewport.
y

x viewport

world screen
Sistem Koordinat
Contoh lain:

WIndows

Contoh Viewports
Transformasi wc -> sc

 Agar gambar di screen tampak sama dengan di


world maka perlu dilakukan transformasi koordinat.

ymax

ywc ymax – ywc


X

13
Contoh kasus:

Jendela dunia Viewport

Ini disebut
pemetaan

(0,0) (100,0) (0,0) (100,0)


 Dengan demikian setiap titik di wc dapat diketahui
lokasinya di sc sebagai berikut :
xsc = xwc
ysc = ymax – ywc

 Rumus tersebut tidak dapat mengatasi persoalan :


 Pemakaian window dan viewport.
 Nilai negatif dari koordinat wc.
Untuk memetakan sebuah titik di window ke titik di
viewport digunakan rumus :

Y VL xsc VR

WT VT

ywc
ysc
WB VB
X
WL xwc WR viewport

window
VR  VL VT  VB
sx  sy 
WR  WL WT  WB
Xsc = sx * xwc + tx VB *WT  WB *VT
VL *WR  WL *VR ty 
Ysc = sy * ywc + ty tx  WT  WB
WR  WL
16
Contoh kasus:
Y 40 xsc 400

6
300
4
ysc
60
3
X
2 6 10
viewport

window

Tentukan Xsc dan Ysc di viewport!!!


Garis

• Garis merupakan salah satu bentuk dasar dari


gambar. Sebuah garis dalam grafika disebut
segment.
• Garis dibuat dengan menentukan posisi titik
diantara titik awal dan akhir dari suatu garis,
yaitu (x1,y1) dan (x2,y2). (x2,y2)
(x2,y2)

(x1,y1)
(x1,y1)
Kuadran Garis
• Berdasarkan arah garis maka sebuah garis dapat di salah satu
area (kuadran). Tanda panah pada arah garis menunjukkan lokasi
(x2,y2)

II I

III IV
 Berdasarkan arah garis maka sebuah garis dapat di salah
satu area (kuadran).
 Tanda panah pada arah garis menunjukkan lokasi (x2,y2)
Ket:
• Garis 1 terletak pada kuadran I
• Garis 2 di kuadran III
• Garis 3 di kuadran IV
• Garis 4 di kuadran II.
Jadi kuadran garis tidak berhubungan dengan nilai negatif maupun
positif tetapi menyatakan arah garis
Contoh