BAB I PENDAHULUAN. 1.1.Latar Belakang

Transkripsi

1 BAB I PENDAHULUAN 1.1.Latar Belakang OpenGL (Open Graphics Library) adalah standar API yang dapat digunakan untuk membuat aplikasi berbasis grafik, baik dua dimensi (2D) maupun tiga dimensi (3D). OpenGL ini bersifat cross-platform, artinya dapat dijalankan pada berbagai platform sistem operasi yang ada saat ini. OpenGL sendiri telah banyak dibahas oleh kalangan praktisi, akademisi, maupun industri, yang notabene berkutat dalam implementasi pemrograman grafik 2D dan 3D. Untuk membuat aplikasi menggunakan OpenGL, terlebih dahulu kita membutuhkan suatu konsepsi interfacing dalam implementasinya. Salah satu cara yang sudah umum digunakan adalah dengan membuat window-based OpenGL. Untuk dapat membuat konsep windowing pada OpenGL, kita memerlukan tool tertentu. Yang kita gunakan kali ini adalah GLUT (OpenGL Utility Toolkit). GLUT dipilih karena di dalamnya telah terdapat banyak fungsi yang dapat dipakai untuk pembuatan application window. Disamping itu, windowing pada GLUT juga bersifat independen terhadap sistem operasi, sehingga kita tidak perlu repotrepot untuk mengubah kode program jika diterapkan pada sistem operasi yang berbeda. 1.1 Manfaat Dan Tujuan Manfaat dan tujuan makalah ini di buat adalah : 1. Untuk memenuhi Tugas Matakuliah Grafika Komputer Semester 6 2. Mahasiswa dapat mengetahui function (fungsi) dalam OpenGL 3. Mahasiswa dapat membuat program untuk membangun grafik 2D dan 3D menggunakan bahasa pemrograman Visual Basic dan grafik library OpenGL 4. Mahasiswa dapat menerapkan prinsip dasar grafika komputer untuk keperluan visualisasi, animasi dan simulasi pada bidang ilmu lainnya. 1

2 Bab II TINJAUAN PUSTAKA OpenGL adalah suatu spefikasi grafik yang low-level yang menyediakan fungsi untuk pembuatan grafik primitif termasuk titik, garis, dan lingkaran. OpenGL digunakan untuk keperluan-keperluan pemrograman grfis.opengl bersifat Open-Source, multi-platform dan multi-language serta digunakan mendefinisikan suatu objek, baik objek 2 dimensi maupun objek 3 dimensi. OpenGL juga merupakan suatu antarmuka pemrograman aplikasi (application programming interface (API) yang tidak tergantung pada piranti dan platform yang digunakan, sehingga OpenGL dapat berjalan pada sistem operasi Windows, UNIX dan sistem operasi lainnya. OpenGL pada awalnya didesain untuk digunakan pada bahasa pemrograman C/C++, namun dalam perkembangannya OpenGL dapat juga digunakan dalam bahasa pemrograman yang lain seperti Java, Tcl, Ada, Visual Basic, Delphi, maupun Fortran. Namun OpenGL di-package secara berbeda-beda sesuai dengan bahasa pemrograman yang digunakan. Oleh karena itu, package OpenGL tersebut dapat di-download pada situs sesuai dengan bahasa pemrograman yang akan digunakan. Opengl melayani dua tujuan : Untuk menyembunyikan kompleksitas dari interfacing dengan berbagai 3D accelerators, memamerkan oleh programmer dengan satu, seragam API. Untuk menyembunyikan kemampuan yang berbeda dari hardware platform, oleh semua yang memerlukan mendukung implementasi penuh fitur opengl set (menggunakan software emulation jika diperlukan). 1.2.Evolusi OpenGL Pendahulu opengl adalah IRIS GL dari Silicon Grapics.Padamulanya adalah library grafis 2D,yang berefolusi menjasi API program 3D untuk workstation canggih milik perusahaan tersebut. 2

3 OpenGL adalah hasil dari usaha SGI untuk mengembangkan dan meningkatkan kemampuan portable IRIS.API grafis yang baru akan menawarkan kemampuan IRIS GL tetapi dengan standar yang lebih terbuka,dengan input dari pembuatan hardware lain dan sistem operasi lain,dan akn memudahkan adaptasi ke hardware platform dan sistem operasi lain. Untuk lebih mempopulerkan opengl SGI mengijinkan pihak lain untuk mengembangkan standart opengl,dan beberapa vendor menyambut hal tersebut dengan membentuk OpenGL Architecture Review Board (ARB) Pendiri opengl adalah SGI,Digital Equepment Corporation,IBM,Intel dan Microsoft,pada tanggal 1 juli 1992 OpenGL versi 1.0 diperkenalkan. Letak opengl dalam aplikasi gambar di atas pada umumnya ketika aplikasi berjalan program tersebut memanggil banyak fungsi,beberapa yang dibuat oleh programer dan beberapa yang disediakan oleh sistem operasi bahasa pemrograman.aplikasi windows membuat output pada layar biasanya dengan memanggil sebual API windows yang disebut Graphics Devise Interfase,yang memungkinkan sebagai penulisan teks pada sebuah windows,menggambar garis 2D sederhana dan lainnya.implementasi dari opengl mengambil permintaan grafis dari aplikasi dan membangun sebuah gambar berwarna dari grafis 3D,kemudian memberikan gambar tersebut ke GDI untuk ditampilkan pada layar monitor. 1.3.Cara kerja opengl OpenGL lebih mengarah pada prosedural daripada sebuah deskriptif API grafis.untuk mendeskripsikan scene dan bagaimana penampilannya,sebenarnya programer lebih tau untuk menentukan hal-hal yang dibutuhkan untuk menghasilkan efek yang di inginkan.langkah tersebut termasuk memanggil banyak perintah opengl,perintah tersebut digunakan untuk menggambarkan grafis primitif seperti titik,garis dan poligon dalam tiga dimensi. Sebagai tambahan,opengl mendukung lighting, shading,texture mapping, blending, transparancy, dan banyak kemampuan efek khusus lainnya. 3

4 OpenGL mempunyai bnayak fungsi dan penggunaan perintah yang sangat luas, penggunaan opengl membutuhkan library tambahan yang harus di letakkan pada direktory system dari windows (OS),yaitu : OpenGL32.dll Glu32.dll Glut32.dll Inisialisasi awal Inti dari tahapan ini adalah mengatur view port dan persepektif untuk penampilan obyek ke dalam layar monitor,viewport adalah besarnya layar monitor(image) yang dipakai untuk menampilkanobyek,sedangkan persepektif yang dimaksud adalah pengaturan sumbu z dalam penampilan obyek 3 dimensi,sehingga user dapat melihat obyek seolah-olah dalam bidang 3 dimensi (X-Y-Z),selain itu penggambaran obyek yang dilakukan oleh programer juga dapat menggunaan koordinat 3 dimensi. Selain ke dua tujuan di atas pada tahap ini juga dilakukan koneksi awal dengan library opengl, koneksi ini dilakukan supaya fungsi-fungsi yang di sediakan opengl dapat digunakan.funsi/prosedur yang digunakan : LoadGlut( glut32.dll) - pemanggilan library opengl InitGL inisialisasi opengl awal yang harus dilakukan glviewport untuk pengaturan viewport glmatrixmode pengaturan viewport gluperspective pengaturan persepektif Contoh script untuk inisialisasi opengl : Try LoadGlut( glut32.dll ); InitGL; Exept on e := exeption do 4

5 Begin messagedlg{e.message,mterror,[mbok],}; Halt {1}; End; End; Script di atas merupakan script yang paling sederhana, dalam artian minimal diperlukan untuk menginisialisasi penggunaan opengl.fungsi-fungsi lain seperti yang disebut diatas seperti glviewport,glmatrixmode,dapat di tambah kan pada script sesuai dengan kebutuhan Pembuatan gambar Didalam opengl pembuatan obyek dilakukan dengan titik-titik 3 dimensi,dengan mode GL_QUARDS, maka otomatis setiap 4 titik digambar menjadi sebuah bidang segi empat,sedangkan mode GL_LINES, pada setiap 2 titik digambar manjadi sebuah garis.di dalam tahap ini setiap garis atau bidang juga dapat di atur warnanya. Fungsi atau prosedur yang digunakan : mode GL_QUARDS menggambarkan segi empat mode GL_LINES menggambark garis glvertex3f- penentuan titik 3 dimensi glcolor3f penentuan warna 5

6 Contoh pembuatan titik 3 warna : glclearcolor(1,1,1,0); //warna dasar ;1,1,1,0 adalah putih Contoh pembuatan garis : glclearcolor(1,1,1,0); // warna background putih glbegin(gl_points); membuat titik //untuk glcolor3f(0,0,0); // warna garis hitam glcolor3f(1,0,0); //penentuan warna titik 1 dan posisinya glvertex3f(-0.1,-0.1,0.1); glcolor3f(0,1,0); //penentuan warna titik 2 dan posisisya glvertex3f(0.1,-0.1,0.1); glcolor3f(0,0,1); //penentuan titik 3 dan posisinya glcolor3f(0,0.1,-0.1); glbegin(gl_lines); //digunakan untuk membua garis tiap 2 titik yang ada glvertex3f(0,0,-0.1); //garis 1 glvertex3f(0.3,0.2,0.1); glvertex3f(0.1,-0.1,-0.2); // garis 2 glvertex3f(0.3,-0.2,0.1); ; ; Contoh pembuatan bidang segi empat : glclearcolor(1,1,1,0); // warna background putih glbegin(gl_quards); //untuk membuat segi empat dalam tiap4 titik glcolor3f(1,0,0); //posisi titik 1 dengan gradiasi warnanya glvertex3f(-0.2,0.2,0.2); glcolor3f(1,0,0); //posisi titik 2 dengan gradiasi warnanya glvertex3f(0.2,0.2,0.2); glcolor3f(1,0,1); //posisi titik 3 dengan gradiasi warnanya glvertex3f(0.2,-0.2,0.2); glcolor3f(0,1,1); //posisi titik 4 dengan gradiasi warnanya glvertex3f(-0.2,-0.2,0.2); ; 6

7 Selain OpenGL ada juga tools/library grafik yang dapat dipergunakan yaitu DirectX. Namun tools ini hanya dapat dipergunakan pada Microsoft Windows. Masing-masing perintah atau fungsi dalam OpenGL mempunyai struktur dan format yang sama. The OpenGL Utility Toolkit (GLUT) GLUT dapat menyederhanakan implementasi program dengan menggunakan OpenGL. GLUT didesain secara serdehana untuk merender sebuah program yang dibuat dengan OpenGL. Versi GLUT yang ada pada saat ini adalah GLUT juga mendukung fungsi-fungsi, antara lain: o Mutiplewindows dalam render window OpenGL. o Memproses kejadian Callback. o Dapat menerima reaksi dari input (antara lain mouse dan keyboard). o Mempermudah cascading fasilitas menu pop-up. o Mendukung bitmap dan stroke fonts. o Manajemen windows. 7

8 BAB III PEMBAHASAN.1. Berikut ini adalah Penjelasan setiap fungsi opengl berbasis 3D berupa perintah dan arti keterangan pada opengl : glvertex2i(x,y); Lokasi titik berada di (x,y) Tipe argumennya adalah integer dan 2 dimensi yaitu x dan y glvertex2f(x,y); Lokasi titik berada di (x,y) Tipe argumennya adalah float dan 2 dimensi yaitu x dan y glvertex3i(x,y,z); Lokasi titik berada di (x,y,z) Tipe argumennya adalah integer dan 2 dimensi yaitu x, y dan z glvertex3f(x,y,z); Lokasi titik berada di (x,y,z) Tipe argumennya adalah float dan 2 dimensi yaitu x, y dan z glclearcolour(r, G, B,?); Warna latar belakang Empat komponen warna yaitu Red, Green, Blue dan alpha glcolor3f(r, G, B); Warna latar muka (pena) Tiga komponen warna yaitu Red, Green dan Blue glcolor4f(r, G, B); Warna latar muka (pena) Empat komponen warna yaitu Red, Green, Blue dan alpha glpointsize(k); Ukuran titik k piksel Besar kecilnya ukuran titik tergantung pada k (integer) glbegin(bmpoints); Titik Objek primitive glbegin(bmlines); Garis Objek primitive glbegin(bmlinestrip); Poligaris Objek primitive glbegin(bmlineloop); Poligaris tertutup (polygon) Objek primitive glbegin(bmtriangels); Segitiga Objek primitive glbegin(bmtriangelstrip); Segitiga Objek primitive glbegin(bmtriangelfan); Segitiga Objek primitive glbegin(bmquads); Segiempat Objek primitive glbegin(bmquadstrip); Segiempat Objek primitive glbegin(bmpolygon); Poligon Objek primitive glbegin(bmlinesttiple); Garis putus-putus Objek primitive 8

9 glbegin(bmpolysttiple); Poligon dengan pola tertentu Objek primitive glrect(glint x1, GLint y1, GLint x2, GLint y2); Segiempat siku-siku Objek primitive dan ukuran segiempat ditentukan oleh dua titik yaitu (x1,y1) dan (x2,y2) ( ); Akhir perintah OpenGL - Perintah tranformasi pada OpenGL adalah Translasi gltranslated Skala glscaled Putar atau rotasi glrotated 3.2. Contoh script program dari setiap fungsi oepngl berbasis 3D : glbegin(bmpoints)... (); glbegin bmpoints glvertex2f x, y glcolor3f(...); glcolor3f 0, 0, 1 glvertex3f(...); glvertex3f.x,.y,.z glbegin(bmlines);... (); glbegin bmlines glvertex2f x, y glbegin(bmlinestrip);... (); glbegin bmlinestrip glvertex2f x, y glbegin(bmlineloop);... (); glbegin bmlineloop glvertex2f x, y glbegin(bmtriangels);... (); glbegin bmtriangles glvertex2f 0, 9 glvertex2f 4, 7 glvertex2f -4, 7 glbegin(bmtriangelstrip);... (); glbegin bmtriangelstrip glvertex2f 0, 9 glvertex2f 4, 7 glvertex2f -4, 7 glbegin(bmtrianglefan);... (); glbegin bmtriangelfan glvertex2f 0, 9 glvertex2f 4, 7 glvertex2f -4, 7 9

10 3.3. Contoh Aplikasi Program Beserta Capture Hasil Program Ketik script ini di Modul : 'VARIABEL Buatan Public Type Titik3D x As Single y As Single z As Single End Type Public Type Sisi Sisi_Depan(1 To 4) As Titik3D Sisi_Kanan(1 To 4) As Titik3D Sisi_Belakang(1 To 4) As Titik3D Sisi_Kiri(1 To 4) As Titik3D Sisi_Atas(1 To 4) As Titik3D Sisi_Bawah(1 To 4) As Titik3D End Type Public Objek As Sisi Sub EnableOpenGL(ghDC As Long) Dim pfd As PIXELFORMATDESCRIPTOR ZeroMemory pfd, Len(pfd) pfd.nsize = Len(pfd) pfd.nversion = 1 pfd.dwflags = PFD_DRAW_TO_WINDOW Or PFD_SUPPORT_OPENGL Or PFD_DOUBLEBUFFER pfd.ipixeltype = PFD_TYPE_RGBA pfd.ccolorbits = 24 pfd.cdepthbits = 32 pfd.ilayertype = PFD_MAIN_PLANE PixFormat = ChoosePixelFormat(ghDC, pfd) If PixFormat = 0 Then GoTo ee SetPixelFormat ghdc, PixFormat, pfd hrc = wglcreatecontext(ghdc) wglmakecurrent ghdc, hrc Exit Sub ee: MsgBox "Nelze nastavit parametry pro zobrazení grafiky!" End End Sub Sub DisableOpenGL() wglmakecurrent 0, 0 wgldeletecontext hrc End Sub Ketik script ini di Form : Sub Inisialisasi_Awal() '========== Inisialisasi ========== EnableOpenGL Me.hDC hrc = wglcreatecontext(hdc) wglmakecurrent hdc, hrc 10

11 'Inisilisasi Koordinat Bidang Dimensi-3 xmin = -10: ymin = -10 xmax = 10: ymax = 10 zmin = 10: zmax = -10 glortho xmin, xmax, ymin, ymax, zmin, zmax glclearcolor 0.6, 0.6, 0.6, 0 glclear GL_COLOR_BUFFER_BIT Or GL_DEPTH_BUFFER_BIT glclear clrcolorbufferbit glmatrixmode GL_PROJECTION glloadidentity glcolor3f 1, 1, 1 glbegin bmlines glvertex2f -10, 0 glvertex2f 10, 0 glcolor3f 1, 1, 1 glbegin bmlines glvertex2f 0, 10 glvertex2f 0, -10 End Sub Sub Bersihkan_Layar() glclearcolor 0.6, 0.6, 0.6, 0 glclear GL_COLOR_BUFFER_BIT Or GL_DEPTH_BUFFER_BIT End Sub Sub Tampilkan_Gambar() 'Menampilkan Hasil glflush SwapBuffers Me.hDC End Sub Sub Membuat_Titik() '=======KUBUS=========== 'titik 1 bagian depan Objek.Sisi_Depan(1).x = -3 Objek.Sisi_Depan(1).y = -3 Objek.Sisi_Depan(1).z = 0 'titik 2 bagian depan Objek.Sisi_Depan(2).x = 3 Objek.Sisi_Depan(2).y = -3 11

12 Objek.Sisi_Depan(2).z = 0 'titik 3 bagian depan With Objek.Sisi_Depan(3).x = 3.z = 0 'titik 4 bagian depan With Objek.Sisi_Depan(4).x = -3.z = 0 'titik 1 bagian belakang Objek.Sisi_Belakang(1).x = -3 Objek.Sisi_Belakang(1).y = -3 Objek.Sisi_Belakang(1) 'titik 2 bagian belakang Objek.Sisi_Belakang(2).x = 3 Objek.Sisi_Belakang(2).y = -3 Objek.Sisi_Belakang(2) 'titik 3 bagian belakang With Objek.Sisi_Belakang(3).x = 3 'titik 4 bagian belakang With Objek.Sisi_Belakang(4).x = -3 'titik 1 bagian atas Objek.Sisi_Atas(1).x = -3 Objek.Sisi_Atas(1) Objek.Sisi_Atas(1).z = 0 'titik 2 bagian atas Objek.Sisi_Atas(2).x = 3 Objek.Sisi_Atas(2) Objek.Sisi_Atas(2).z = 0 'titik 3 bagian atas With Objek.Sisi_Atas(3).x = 3 12

13 'titik 4 bagian atas With Objek.Sisi_Atas(4).x = -3 'titik 1 bagian bawah Objek.Sisi_Bawah(1).x = -3 Objek.Sisi_Bawah(1).y = -3 Objek.Sisi_Bawah(1).z = 0 'titik 2 bagian bawah Objek.Sisi_Bawah(2).x = 3 Objek.Sisi_Bawah(2).y = -3 Objek.Sisi_Bawah(2).z = 0 'titik 3 bagian bawah With Objek.Sisi_Bawah(3).x = 3.y = -3 'titik 4 bagian bawah With Objek.Sisi_Bawah(4).x = -3.y = -3 'titik 1 bagian kanan Objek.Sisi_Kanan(1).x = 3 Objek.Sisi_Kanan(1).y = -3 Objek.Sisi_Kanan(1).z = 0 'titik 2 bagian kanan Objek.Sisi_Kanan(2).x = 3 Objek.Sisi_Kanan(2).y = -3 Objek.Sisi_Kanan(2) 'titik 3 bagian kanan With Objek.Sisi_Kanan(3).x = 3 'titik 4 bagian kanan With Objek.Sisi_Kanan(4).x = 3.z = 0 13

14 End Sub 'titik 1 bagian kiri Objek.Sisi_Kiri(1).x = -3 Objek.Sisi_Kiri(1).y = -3 Objek.Sisi_Kiri(1).z = 0 'titik 2 bagian kiri Objek.Sisi_Kiri(2).x = -3 Objek.Sisi_Kiri(2).y = -3 Objek.Sisi_Kiri(2) 'titik 3 bagian kiri With Objek.Sisi_Kiri(3).x = -3 'titik 4 bagian kiri With Objek.Sisi_Kiri(4).x = -3.z = 0 Private Sub Command1_Click() Call Membuat_Titik Call Inisialisasi_Awal glrotatef 45, 2, 2, 1 ============= Kubus ================= glcolor3f 1, 0.6, 0 glbegin bmpolygon For ttk = 1 To 4 With Objek.Sisi_Kanan(ttk) glvertex3f.x,.y,.z Next ttk glcolor3f 0.7, 0, 0 glbegin bmpolygon For ttk = 1 To 4 With Objek.Sisi_Belakang(ttk) glvertex3f.x,.y,.z Next ttk glcolor3f 1, 0.8, 0 glbegin bmpolygon For ttk = 1 To 4 14

15 With Objek.Sisi_Bawah(ttk) glvertex3f.x,.y,.z Next ttk glcolor3f 1, 1, 0 glbegin bmpolygon For ttk = 1 To 4 With Objek.Sisi_Kiri(ttk) glvertex3f.x,.y,.z Next ttk glcolor3f 1, 0, 0.3 glbegin bmpolygon For ttk = 1 To 4 With Objek.Sisi_Atas(ttk) glvertex3f.x,.y,.z Next ttk glcolor3f 1, 0, 0 glbegin bmpolygon For ttk = 1 To 4 With Objek.Sisi_Depan(ttk) glvertex3f.x,.y,.z Next ttk '================================================== Call Tampilkan_Gambar End Sub Hasil Capture dari Source Code di atas : 15