MAKALAH

GRAFIK KOMPUTER & PENGOLAHAN CITRA

NAMA : RIANTI RIDHAMALIA

KELAS : 3KA33

NPM : 16111106

UNIVERSITAS GUNADARMA

2013

Membuat Garis Vertikal, Horizontal, dan Diagonal

Beberapa minggu yang lalu saya mendapatkan tugas dari dosen saya untuk mata

kuliah Grafik Komputer & Pengolahan Citra. Pada makalah ini saya diberi tugas untuk

membuat garis vertikal, horizontal, dan diagonal dengan menggunakan OpenGL. Karena

diperintahkannya menggunakan bahasa pemrogramannya bebas, disini saya mencoba dengan

menggunakan Dev C++ sebagai IDE (Integrated Developmet Environment) untuk membuat

program ini.

OpenGL (Open Graphics Library) adalah spesifikasi standar yang mendefinisikan

sebuah lintas-bahasa, lintas platform API untuk mengembangkan aplikasi yang menghasilkan

grafis komputer 2D maupun3D. Antarmuka terdiri dari lebih dari 250 panggilan fungsi yang

berbeda yang dapat digunakan untuk menggambar tiga dimensi yang adegan-adegan

kompleks dari bentuk-bentuk primitif sederhana. OpenGL dikembangkan oleh Silicon

Graphics Inc (SGI) pada tahun 1992 dan secara luas digunakan dalam CAD, realitas maya,

visualisasi ilmiah, visualisasi informasi, dan simulasi penerbangan. Hal ini juga digunakan

dalam video game, di mana bersaing dengan Direct3D on Microsoft Windows platform (lihat

vs OpenGL Direct3D). OpenGL dikelola oleh sebuah teknologi konsorsium nirlaba yaitu

Khronos Group.

Dev-C++ merupakan aplikasi pemograman bahasa C/C++ yang berbasiskan IDE

(Integrated Development Environment). Aplikasi ini menggunakan Mingw sebagai compiler-

nya. Aplikasi ini juga dapat digunakan untuk membuat file Win32 executeables, baik yang

berbentuk console ataupun GUI, begitu juga dengan DLL dan static library, Dev-C++ dapat

dikombinasikan penggunaannya dengan Cygwin atau dengan compiler lainnya yang

berbasiskan GCC (GNU Compiler Collection). Dev-C++ merupakan software gratis yang

didistribusikan sesuai ketentuan GNU General Public License (GPL)

Script Program

Pada makalah ini program yang saya buat adalah program menggambar garis vertikal,

horizontal, dan diagonal. Dibawah ini saya beri contoh script dari program yang telah saya

buat.

Untuk garis vertikal scriptnya seperti dibawah ini :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);

glClear (GL_COLOR_BUFFER_BIT);

glPushMatrix ();

glClearColor(1,1,1,0);

glColor3f(1,1,1);

glBegin(GL_LINES);

glVertex3f(0.10,10.0,13.13);

glVertex3f(0,0,0.0);

glEnd ();

glPopMatrix ();

SwapBuffers (hDC);

Sleep (1);

}

}

Untuk garis horizontal scriptnya seperti dibawah ini :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);

glClear (GL_COLOR_BUFFER_BIT);

glPushMatrix();

glClearColor(1,1,1,0);

glColor3f(1,1,1);

glBegin(GL_LINES);

glColor3f(0.0f, 0.0f, 1.0f);

glVertex3f(-0.6f, 0.0f, 0.0f);

glColor3f(0.0f, 0.0f, 1.0f);

glVertex3f(0.6f, 0.0f, 0.0f);

glEnd();

glPopMatrix();

SwapBuffers (hDC);

Sleep (1);

}

}

Untuk garis diagonal scriptnya seperti dibawah ini :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f); /

glClear (GL_COLOR_BUFFER_BIT);

glPushMatrix ();

glClearColor(1,1,1,0);

glColor3f(1,1,1); //

glBegin(GL_LINES);

glVertex3f(0,0,-0.8);

glVertex3f(9.9,8.9,0.1);

glEnd ();

glPopMatrix ();

SwapBuffers (hDC);

Sleep (1);

}

}

Capture dan Logika Program

Disini saya akan menjelaskan langkah-langkah dalam pembuatan program

menggunakan OpenGL. Karena pada program ini saya menggunakan Dev C++ oleh karena

itu sebelumnya kita harus punya Dev C++ dan header glutnya, Header Glut adalah Header

yang digunakan untuk menuliskan program OpenGL.

Pertama install terlebih dahulu Dev C++, kemudian setelah itu install Header Glutnya.

Dibawah ini akan saya berikan capture dari cara penginstallannya :

Buka Dev C++ maka akan muncul seperti gambar dibawah ini.

Setelah muncul seperti gambar diatas kemudian pilih Tools dan pilih Package Manager.

Setelah itu klik Install dan akan muncul kotak seperti gambar dibawah ini. Kemudian File of

type yang seperti gambar dibawah (yang sebelah kiri) diganti menjadi Generic package

(*.zip;*.tar.bz2) setelah itu maka akan keluar glut-3.7.6-bin.zip seperti gambar yang dibawah

(yang sebelah kanan), kemudian klik glutnya maka file namenya akan otomatis menjadi nama

glutnya kemudian klik Open.

Setelah itu muncul kotak Installation Wizard seperti gambar dibawah ini, untuk tahap

penginstallan kita klik Install lalu tunggu sebentar sampai selesai, jika sudah selesai diinstall

kemudian klik Finish.

Setelah sampai tahapan diatas, selanjutnya klik File pilih New dan kemudian klik Project

seperti gambar dibawah ini.

Maka akan muncul kotak New Project, pada kotak New Project pilih MultiMedia kemudian

klik OpenGL, pilih C++ Project kemudian ketikkan nama project yang akan kita buat, pada

program ini projectnya saya beri nama tugas. Kemudian klik Ok. Agar lebih jelas dapat

dilihat gambarnya seperti dibawah ini.

Setelah itu akan muncul gambar seperti dibawah ini, kemudian klik Save untuk

menyimpannya. Setelah itu akan muncul tampilan lembar kerja untuk membuat programnya.

Garis Vertikal :

Gambar diatas adalah capture dari program yang saya buat, untuk penjelasannya :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);

fungsinya untuk memilih warna yang digunakan untuk membersihkan latar dalam mode

RGBA

glClear (GL_COLOR_BUFFER_BIT);

fungsinya untuk membersihkan layar latar belakang dengan warna hitam

glPushMatrix ();

fungsinya untuk membuat baris kode menjadi tidak berlaku untuk bagian luar

glClearColor(1,1,1,0);

fungsinya untuk menentukan warna garis/titik

glColor3f(1,1,1);

fungsinya untuk menentukan warna garis/titik

glBegin(GL_LINES);

fungsinya untuk menggambar garis dari titik yang digunakan

glVertex3f(0.10,10.0,13.13);

fungsinya untuk menentukan titik awal yang digunakan

glVertex3f(0,0,0.0);

fungsinya untuk menentukan titik akhir yang digunakan

glEnd ();

fungsinya untuk mengakhiri gambar garis dititik akhir

glPopMatrix ();

fungsinya untuk membuat baris kode menjadi tidak berlaku untuk bagian luar

SwapBuffers (hDC);

fungsinya untuk menukar bagian belakang buffer menjadi buffer layar

Sleep (1);

}

}

Dari penjelasan script diatas maka selanjutnya disave dimana pada program ini saya beri

nama vertikal.cpp dan kemudian dicompile dengan menekan f9, maka akan keluar output

seperti gambar dibawah ini, dimana terdapat garis vertikal di layar outputnya.

Garis Horizontal :

Gambar diatas adalah capture dari program yang saya buat, untuk penjelasannya sama seperti

penjelasan pada program garis vertikal.

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);

fungsinya untuk memilih warna yang digunakan untuk membersihkan latar dalam mode

RGBA

glClear (GL_COLOR_BUFFER_BIT);

fungsinya untuk membersihkan layar latar belakang dengan warna hitam

glPushMatrix();

fungsinya untu membuat baris kode menjadi tidak berlaku untuk bagian luar

glClearColor(1,1,1,0);

fungsinya untuk menentukan warna garis/titik

glColor3f(1,1,1);

fungsinya untuk menentukan warna garis/titik

glBegin(GL_LINES);

fungsinya untuk menggambar garis dari titik yang digunakan

glColor3f(0.0f, 0.0f, 1.0f);

glVertex3f(-0.6f, 0.0f, 0.0f);

fungsinya untuk menentukan titik awal yang digunakan

glColor3f(0.0f, 0.0f, 1.0f);

fungsinya untuk menentukan titik yang digunakan

glVertex3f(0.6f, 0.0f, 0.0f);

fungsinya untuk menentukan titik akhir yang digunakan

glEnd();

fungsinya untuk mengakhiri gambar garis dititik akhir

glPopMatrix();

fungsinya untuk membuat baris kode menjadi tidak berlaku untuk bagian luar

SwapBuffers (hDC);

fungsinya untuk menukar bagian belakang buffer menjadi buffer layar

Sleep (1);

}

}

Cara selanjutnya sama saja, setelah dituliskan codingannya kemudian disave terlebih dahulu

sebelum mengcompilenya, di program ini saya menyimpannya dengan nama horizontal.cpp

kemudian setelah itu menekan f9 dan akan muncul gambar garis horizontal seperti dibawah

ini.

Garis Diagonal :

Program yang ketiga adalah membuat garis diagonal, dimana sama saja langkah-langkahnya

dengan yang vertikal maupun yang horizontal. Penjelasan scriptnya :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);

fungsinya untuk memilih warna yang digunakan untuk membersihkan latar dalammode

RGBA

glClear (GL_COLOR_BUFFER_BIT);

fungsinya untuk membersihkan layar latar belakang dengan warna hitam

glPushMatrix ();

fungsinya untuk membuat baris kode menjadi tidak berlaku untuk bagian luar

glClearColor(1,1,1,0);

fungsinya untuk menentukan warna garis/titik

glColor3f(1,1,1);

fungsinya untuk menentukan warna garis/titik

glBegin(GL_LINES);

fungsinya untuk menggambar garis dari titik yang digunakan

glVertex3f(0,0,-0.8);

fungsinya untuk menentukan titik awal yang digunakan

glVertex3f(9.9,8.9,0.1);

fungsinya untuk menentukan titik akhir yang digunakan

glEnd ();

fungsinya untuk mengakhiri gambar garis dititik akhir

glPopMatrix ();

fungsinya untuk membuat baris kode menjadi tidak berlaku untuk bagian luar

SwapBuffers (hDC);

fungsinya untuk menukar bagian belakang buffer menjadi buffer layar

Sleep (1);

}

}

Setelah itu kemudian disave, pada program ini saya beri nama filenya adalah diagonal.cpp

dan setelah itu compile dengan cara tekan f9 maka akan muncul output seperti dibawah ini.

Demikianlah hasilnya dari tugas yang saya buat ini untuk memenuhi nilai tugas yang

diberikan oleh dosen saya untuk mata kuliah Grafik Komputer & Pengolahan Citra.