Free Tail- Heart 2 Cursors at www.totallyfreecursors.com

Sabtu, 27 Oktober 2012

Tugas Grafik Kom. & Pengolahan Citra


Haloooo,,,
Assalamualaikum sobat setia pembaca BlogKu Tercintah,, hehehehe..
Kali ini saya akan berbagi tips bagaimana cara membuat garis horizontal, Diagonal dan Vertikal dengan OpenGL. Selain itu juga saya mendapatkan tugas dari dosen saya, dosen Grafik Komp. & Pengolahan Citra. (hehehe...) disini saya mencoba untuk membuat OpenGL dengan compiler Dev C++. Kalau kalian bingung dimana mau download Compiler Dev C++ ini tenang saja tidak perlu takut karena banyak kok digoogle.
Disini saya akan berbagi bagaimana cara step by step menggunakan compiler ini, dan saya juga akan berbagi source kodenya kok. Tenang saja (hehehe...)
Semoga tips saya ini bisa bermanfaat dan bisa berbagi ilmu dengan kalian . disini saya juga masih dalam tahap belajar kok. Jadi maaf2 jika ada salah dalam penulisan source kode atau apapun karena yang saya tulis diblog ini atas dasar pemahaman saya. (hehehe..)
Oke kita mulai aja yah,, yukss simak baik-baik... ^_^
Selintas tentang OpenGL
OpenGL adalah sebuah program aplikasi interface yang digunakan untuk mendefinisikan komputer garfis 2D dan 3D. Fungsi dasar dari OpenGL adalah untuk mengeluarkan koleksi perintah khusus atau executable ke sistem operasi. Dengan demikian, program ini bekerja dengan perangkat keras grafis yang berada pada hard drive atau sumber tertentu lainnya. Setiap perintah dirancang untuk melakukan tindakan tertentu atau memulai efek khusu yang terkait dengan grafis.
Hal pertama yang harus dilakukan adalah sebagai berikut :
1.      Aplikasi Open gl nya (Compiler C++) sudah terinstall dilaptop atau PC kalian.
2.      Buka terlbih dahulu aplikasi Compiler C++ nya.
3.      Klik menu File > Pilih New > Project.
4.      Pada bagian ini pilih tag Multimedia > lalu klik Open GL dan beri nama project nya.
Setelah langkah-langkah diatas telah kalian lakukan, sekarang lanjut ke pembuatan tugas saya. Kali ini saya akan membuat program sederhana yaitu membuat garis Horizontal, Vertikal dan Diagonal.
Membuat garis Horizontal
Setelah itu akan muncul lembar kerja yang sudah terisi code untuk OpenGL  ini. Yang harus kita lakukan adalah mencari bagian yang bertuliskan  /* OpenGL animation code goes here  */ . untuk mengerjakan program dengan file multimedia OpenGL, kita hanya menghapus bagian source code yang sudah ada dilembar kerja tersebut dan menggantinya dengan source code untuk garis horizontal.
Untuk membuat garis Horizontal  kita bisa tuliskan koding seperti gambar di bawah ini :

 


/*Untuk membuat garis Horizontal*/
glClearColor (0.0f, 0.0f, 0.0f, 0.0f); : untuk memilih warna yang digunakan untuk membersihkan latar dalammode RGBA.
glClear (GL_COLOR_BUFFER_BIT); : untuk membersihkan layar latar belakang dengan warna hitam.
glPushMatrix();  : Membuat baris kode menjadi tidak berlaku untuk bagian luar.
glClearColor(1,1,1,0); : untuk menentukan warna garis/titik.
glColor3f(1,1,1); //  : untuk menentukan warna garis/titik.
glBegin(GL_LINES);  : untuk menggambar garis dari titik yang digunakan.
glColor3f(0.0f, 0.0f, 1.0f);
glVertex3f(-0.6f, 0.0f, 0.0f);  : untuk menentukan titik awal yang digunakan.
glColor3f(0.0f, 0.0f, 1.0f);  : untuk menentukan titik yang digunakan.
glVertex3f(0.6f, 0.0f, 0.0f); : untuk menentukan titik akhir yang digunakan.
glEnd();  : untuk mengakhiri gambar garis dititik akhir.
glPopMatrix(); : Membuat baris kode menjadi tidak berlaku untuk bagian luar.
SwapBuffers (hDC); : digunakan untuk menukar bagian belakang buffer menjadi buffer layar.
Sleep (1);

Outputnya :
Setelah mengetik source code seperti yang diatas maka sekarang kita mengcompile dengan menekan tombol F9, file yang akan dicompile akan meminta untuk disave, untuk disave file diberi nama lalu. Setelah itu dicompile dengan menekan tombol F9. Jika tidak terdapat error maka program akan langsung jalan dan hasil outputnya adalah :

 
 
Membuat Garis Vertikal
         Untuk membuat garis vertikal kita bisa tuliskan koding seperti gambar di bawah ini :

 

/*Untuk membuat garis vertikal*/
glClearColor (0.0f, 0.0f, 0.0f, 0.0f); : untuk memilih warna yang digunakan untuk membersihkan latar dalammode RGBA.
glClear (GL_COLOR_BUFFER_BIT); : untuk membersihkan layar latar belakang dengan warna hitam.
glPushMatrix ();  : Membuat baris kode menjadi tidak berlaku untuk bagian luar.
glClearColor(1,1,1,0);  : untuk menentukan warna garis/titik.
glColor3f(1,1,1); //  : untuk menentukan warna garis/titik.
glBegin(GL_LINES); : untuk menggambar garis dari titik yang digunakan.
glVertex3f(0.10,10.0,13.13); : untuk menentukan titik awal yang digunakan.
glVertex3f(0,0,0.0); : untuk menentukan titik akhir yang digunakan.
glEnd (); : untuk mengakhiri gambar garis dititik akhir.
glPopMatrix (); : Membuat baris kode menjadi tidak berlaku untuk bagian luar.
SwapBuffers (hDC); : digunakan untuk menukar bagian belakang buffer menjadi buffer layar.
Sleep (1);

Outputnya :


















Membuat Garis Diagonal
         Untuk membuat garis diagonal kita bisa tuliskan koding seperti gambar di bawah ini :
 
  
/*Untuk membuat garis Diagonal*/
glClearColor (0.0f, 0.0f, 0.0f, 0.0f); : untuk memilih warna yang digunakan untuk membersihkan latar dalammode RGBA.
glClear (GL_COLOR_BUFFER_BIT); : untuk membersihkan layar latar belakang dengan warna hitam.

glPushMatrix ();  : Membuat baris kode menjadi tidak berlaku untuk bagian luar.
glClearColor(1,1,1,0);  : untuk menentukan warna garis/titik.
glColor3f(1,1,1); // : untuk menentukan warna garis/titik.
glBegin(GL_LINES); : untuk menggambar garis dari titik yang digunakan.
glVertex3f(0,0,-0.8); : untuk menentukan titik awal yang digunakan.
glVertex3f(9.9,8.9,0.1); : untuk menentukan titik akhir yang digunakan.
glEnd ();  : untuk mengakhiri gambar garis dititik akhir.
glPopMatrix (); : Membuat baris kode menjadi tidak berlaku untuk bagian luar.
SwapBuffers (hDC); :digunakan untuk menukar bagian belakang buffer menjadi buffer layar.
Sleep (1);

Outputnya :


Alhamdulilah,,iya begitulah langkah-langkah dan source kode untuk membuat garis vertikal, horizontal dan diagonal yang saya pelajari dan pahami. Maaf jika ada kekurangan dan kesalahan dalam kata-katanya. Terima Kasih...

Nama : Lusi Sulistyarini
NPM : 14110096
Kelas : 3 KA 31