Pages

Minggu, 17 Januari 2016

MEMBUAT SEGITIGA & PERSEGI


Langkah - langkah Membuat Segitiga Siku-Siku

   
   Setelah sebelumnya saya membahas sejarah dan pengenalan OpenGL di sini, kali ini saya akan membahas tentang bagaimana cara membuat segitiga siku siku & persegi menggunakan OpenGL.

Pertama yang harus kita lakukan adalah install dulu devc++ nya. Bisa di download di link : http://www.toggle.com/lv/group/view/kl39865/Dev-C%2B%2B.htm
Lalu, download package GLUT di link ini. Akan ada link di tabel download. Setelah di-klik, maka kita bisa men-save package di harddisk komputer.



Pertama buka Dev-C++ . akan tampil seperti :

Setelah package tersedia, dan klik menu Tools – Package Manager

Lalu klik tombol Install yang berada di pojok kiri atas.

Akan muncul window yang meminta file instalasi yang diinginkan. Pilihlah file Glut yang baru saja di-download tadi.



Lalu klik Open.
Setelah itu, akan muncul installation window. Tinggal klik Install dan tunggu hingga instalasi selesai. Lalu, klik Finish.
Package yang baru saja di-install akan muncul di window Package Manager dengan nama glut.

Sampai saat ini, proses instalasi Package Glut telah selesai. Saatnya membuat coding.
Buat Project baru dengan cara klik menu File – New – Project.

setelah itu pilih multimedia – kemudian openGL.

Kemudian save dimana tempat yang ingin kalian simpan.

project telah dibuka maka secara otomatis akan tampil seperti ini :

Agar project bisa decompile tambahkan :
-lglut32
-lglu32
-lopengl32
-lwinmm
-lgdi32
caranya pilih project – parameters, kemudian add library or object. Kemudian ok.



Setelah kita buat project baru maka secara otomatis pada layar akan muncul banyak coding yang anda hanya perlu menggantinya pada bagian :
/* OpenGL animation code goes here */
Contoh coding membuat segitiga :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
glClear (GL_COLOR_BUFFER_BIT);
glPushMatrix ();

glBegin (GL_TRIANGLES);
glColor3f (1.0f, 0.0f, 0.0f); glVertex2f (0.0f, 1.0f);
glColor3f (0.0f, 1.0f, 0.0f); glVertex2f (0.87f, -0.5f);
glColor3f (0.0f, 0.0f, 1.0f); glVertex2f (-0.87f, -0.5f);
glEnd ();
glPopMatrix ();
SwapBuffers (hDC);
theta += 1.0f;
sleep (1);


Setelah itu Compile project tersebut, dengan cara Execute >> Compile atau dengan shortcut ‘ctrl + f9)


 Setelah project berhasil di compile jalankan program tersebut dengan cara Execute >> Run atau dengan shortcut ‘ctrl + f10’
Maka akan tampil output seperti ini :
/* OpenGL Segitiga */
 
jika ingin membuat segitiga siku siku maka yang hanya perlu di ganti seditkit source code nya pada bagian gambar di bawah ini..
 
ganti dengan sorce code :
glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
            glClear (GL_COLOR_BUFFER_BIT);

            glPushMatrix ();
            glRotate(theta, 0.0f, 0.0f, 1.0f);
            glBegin (GL_TRIANGLES);
            glColor3f (0.0f, 0.0f, 1.0f);   glVertex2f (-0.6f, 0.0f);
            glColor3f (0.0f, 0.0f, 1.0f);   glVertex2f (-0.1f, 0.0f);
            glColor3f (0.0f, 0.0f, 1.0f);   glVertex2f (-0.1f, 0.6f);
            glEnd ();
            glPopMatrix ();

            SwapBuffers (hDC);

            theta += 1.0f;
            Sleep (1);

Hasilnya Seperti berikut :
 

Langkah - langkah Membuat Persegi dengan OpenGL

  Untuk membuat persegi menggunakan OpenGL sama halnya dengan membuat Segitiga hanya saja source codenya di rubah, Pada perintah glVertex2f kita ubah titik koordinat.Berikut source code membuat Persegi dengan OpenGL :

glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
glClear (GL_COLOR_BUFFER_BIT);
 

glPushMatrix ();
glRotate(theta, 0.0f, 0.0f, 1.0f);
glBegin (GL_POLYGON);
glColor3f (1.0f, 0.0f, 0.0f);   glVertex2f (-0.5f, -0.5f);
glColor3f (0.0f, 1.0f, 0.0f);   glVertex2f (-0.5f, 0.5f);
glColor3f (0.0f, 2.0f, 0.0f);   glVertex2f (0.5f, 0.5f);
glColor3f (0.0f, 0.0f, 3.0f);   glVertex2f (0.5f, -0.5f);
glEnd ();
glPopMatrix ();
 

SwapBuffers (hDC);
 

theta += 1.0f;
Sleep (1);

Setelah di Compile dan Run (F9) maka akan muncul hasil seperti gambar di bawah ini :
 
Catatan :
Apabila ingin menampilkan satu warna tertentu pada objek ubah source code glColor3f sesuai keinginan berikut source code untuk masing - masing warna :
Merah   glColor3f (1.0f, 0.0f, 0.0f)
Hijau     glColor3f (0.0f, 1.0f, 0.0f)
Biru      glColor3f (0.0f, 0.0f, 1.0f) 

Agar hasil Run source code tidak berputar hapus code glRotate
 

Tidak ada komentar:

Posting Komentar