BAB IV TOOLS UNTUK MENGGAMBAR (WINDOW DAN VIEWPORT)

Transkripsi

1 BAB IV TOOLS UNTUK MENGGAMBAR (WINDOW DAN VIEWPORT)

2 Menggambar Objek 2D Bagaimana cara menggambar objek 2D? Langsung pada layar kesulitan manipulasi yaitu dalam transformasi Melalui sistem koordinat kartesius 2D Dalam menggambar selalu digunakan perhitungan pixel (bil. bulat positif), padahal kenyataannya bisa bil. pecahan/ negatif yang dinyatakan dalam koord. Cartesius. perlu transformasi dari world window ke viewport.

3 ViewPort dan World Coordinate/ World Window (Koordinat Nyata)

4 ViewPort dan World Coordinate/ World Window (Koordinat Nyata) World Coordinate Daerah segi empat pada sistem koordinat kartesius di mana gambar didefinisikan Viewport Daerah segi empat pada layar di mana gambar akan ditempatkan/ dibuat.

5 Pemetaan dari World Coordinate ke Viewport

6 Pemetaan dari World Coordinate ke Viewport World coordinate dinyatakan dengan w, dan batas kiri (left), kanan (right), atas (top), dan bawah (bottom) masingmasing dinyatakan dengan w.l, w.r, w.t, w.b. Koordinat viewport dinyatakan dengan v, dan batas kiri (left), kanan (right), atas (top), dan bawah (bottom) masingmasing dinyatakan dengan v.l, v.r, v.t, v.b.

7 Rumus Transformasi Sumbu sx terhadap x dan sumbu sy terhadap y, masing-masing dinyatakan dengan : sx = Ax + C sy = By + D untuk suatu konstanta A, B, C, dan D. Konstanta A dan B menskala sumbu x dan y, sedangkan C dan D menggeser obyek. Dengan menggunakan perbandingan skala A, B, C, dan D masing-masing dapat dinyatakan sebagai berikut : V. r V. l C = V.l A W.l A = W. r W. l V. t V. b B = W. t W. b D = V.b B W.b

8 Contoh

9 Contoh Perhatikan gambar (w.l,w.r,w.t,w.b)= (0, 2.0, 0, 1.0) (v.l,v.r,v.t,v.b)=(40, 400, 60, 300) Dengan menggunakan rumus diperoleh A= 180, C = 40, B = 240, D = 60 Pemetaan dari world ke viewport sx= 180x + 40 sy= 240y + 60

10 Contoh Dalam OpenGL, pemetaan tersebut dinyatakan dengan glmatrixmode(gl_projection); glloadidentity(); gluortho2d(0.0, 2.0, 0.0, 2.0); // mengatur window glviewport(40, 60, 360, 240); // mengatur viewport

11 Poligon (1)

12 Poligon (2) Prinsip dasar: Setiap titik sudut n-gon ( P i ) mempunyai koordinat : P i = 2π i 2π i ( R cos, R sin ) n n untuk i = 0, 1,, n-1 dimana π =

13 Poligon (3) glbegin(gl_line_strip); glcolor3f(0.0, 0.0, 1.0); /* hexagon */ glvertex2f(10.0, 0.0); glvertex2f(10*cos(2* *1/6),10*sin(2* *1/6)); glvertex2f(10*cos(2* *2/6),10*sin(2* *2/6)); glvertex2f(10*cos(2* *3/6),10*sin(2* *3/6)); glvertex2f(10*cos(2* *4/6),10*sin(2* *4/6)); glvertex2f(10*cos(2* *5/6),10*sin(2* *5/6)); glend();

14 Poligon (4) void ngon(int n,float cx,float cy,float radius,float rotangle) double angle, angleinc; int k; if(n < 3) return; // jml sisi tdk memenuhi syarat angle=rotangle* /180; // initial angle angleinc=2* /n; //angle increment glvertex2f(radius * cos(angle) + cx, radius * sin(angle)+cy); for(k = 0; k < n; k++) // repeat n times { angle += angleinc; glvertex2f(radius*cos(angle)+cx,radius*sin(angle)+cy); } }

15 Clipping Garis (1) Dalam OpenGL clipping dilakukan secara otomatis. Kalau gambarnya keluar dari window, maka otomatis tidak ditampilkan. Tetapi dalam bab ini akan dipelajari teori untuk membuang obyek diluar bingkai.

16 Clipping Garis (2) A B C window E D

17 Clipping Garis (3) 1. Seluruh garis di dalam window (garis CD). Fungsi mengembalikan nilai Seluruh garis di luar window (garis AB). Fungsi mengembalikan nilai Satu ujung garis di luar dan ujung lainnya di dalam window (garis BC atau DE). Fungsi membuang bagian garis di luar window dan mengembalikan nilai Kedua ujung garis di luar window, tetapi ada bagian garis di dalam window (garis AE). Fungsi memotong kedua ujung di luar window dan mengembalikan nilai 1.

18 Status P dinyatakan dengan 4 field berikut ini : Kode untuk P : F F F F window Apakah P di kiri W Apakah P di atas W Apakah P bwh W Apakah P di kanan W

19 Clipping Garis TTFF FTFF FTTF TFFF FFFF (window) FFTF TFFT FFFT FFTT

20 Clipping Garis Trivial accept kedua titik ujung bernilai FFFF Trivial reject kedua titik ujung mempunyai T pada posisi yang sama, keduanya di kiri, di kanan, di atas, atau di bawah. Untuk memotong garis yang berada di luar window perlu diketahui titik yang berada tepat di batas window.

21

22 Rumus Algoritma Cohen- Sutherland Karena P1.y = A.y dan P1.x = A.x = w.kanan, maka diperoleh: P1.y =P1.y+(w.kanan-p1.x)*dely/delx

23 Gambar Lingkaran void drawcircle(point2 center, float radius) { } const int numverts = 50; ngon(numverts, center.getx(), center.gety(), radius, 0);

24 Gambar Busur Demikian juga dengan menggambar busur. Busur adalah sebagian dari lingkaran. Kalau lingkaran digambar mulai dari titik asal, berputar dan kembali lagi ke titik asal. Kalau busur, digambar mulai dari titik asal berputar setengah lingkaran lalu dihentikan. Selamat mencoba.

25 Demo Program Demo untuk lingkaran dan busur