Minggu, 09 Oktober 2011

OpenGL c++ Segitiga, kotak, garis

Perlu baca teori dulu, biar paham..hehe^^
Sedikit dasar tentang OpenGL:
OpenGL adalah suatu graphic library yang sebagian bersifat open source, dipakai pada banyak platform (windows, linux) dan dapat digunakan pada berbagai jenis compiler seperti C++ atau Delphi.
OpenGL bukanlah bahasa pemrograman tetapi merupakan suatu Application Programming Interface (API).

 Sintax perintah OpenGL

Sintaks perintah OpenGL mengikuti aturan penulisan dari library dimana fungsi tersebut berasal, format penulisan fungsi OpenGL :
<awalanlibrary><perintah><optional jumlah argumen><optional tipe argumen>

Semua perintah OpenGL menggunakan awalan gl diikuti dengan huruf kapital pada setiap kata membentuk nama perintah (sebagai contoh glClearColor).

Untuk mendefinisikan konstanta diawali dengan GL_, dengan menggunakan huruf kapital dan garis bawah untuk memisahkan kata (seperti GL_POLY_STIPPLE).

Terkadang beberapa huruf dan angka ditambahkan pada akhir perintah (seperti 3f pada glVertex3f). Dalam hal ini angka 3 menunjukkan berapa banyak argumen yang harus ada pada perintah tersebut dan akhiran huruf f menunjukkan jenis datanya yaitu floating. 

Fungsi asli dari OpenGL sendiri selalu diawali dengan gl yang terdapat pada library opengl32.dll dan file header gl.h. Sedangkan beberapa library yang telah ditulis untuk menyediakan fungsi-fungsi tambahan pada OpenGL adalah :

OpenGL Utility Library (GLU) yang didalamnya terdapat sejumlah rutin yang menggunakan level bawah dari perintah OpenGL. Rutin-rutin ini mempunyai awalan glu. Library ini digunakan sebagai bagian dari implementasi OpenGL.


 

/* OpenGL 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);



/* OpenGL Kotak */
glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
glClear (GL_COLOR_BUFFER_BIT);


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 ();

SwapBuffers (hDC);


Sleep (1);

 

/* OpenGL Garis*/

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);

 
Penjelasan Program:

Ketiga koding diatas (segitiga, kotak, dan garis) merupakan bagian dari program utama untuk membuat tampilan output sesuai dengan namanya. jika menginginkan output segitiga, maka kita menggunakan koding yang segitiga sesuai yang ditulis diatas.

Pada program keseluruhan kita menggunakan library dari open gl, tujuannya sudah tentu untuk memanggil fungsi-fungsi grafis yang kita butuhkan nantinya.
Ada dua file header yang kita gunakan dalam menerapkan ketiga program diatas, yaitu:

#include <windows.h>
#include <gl/gl.h>

Kalo mau dijabarkan lebih detil nya, dibawah ini merupakan struktur utama dari open gl yang dimaksud.

Strukturnya terdiri atas:
Includes
Function Declarations
WinMain
OpenGL animation code
shutdown OpenGL
Destroy the window explicitly
Window Procedure
Enable OpenGL
Disable OpenGL

Bisa kita lihat ternyata program terdiri atas 9 bagian dengan masing-masing bagian berisi perintah dan fungsi-fungsi tertentu. Untuk menampilkan output yang kita mau, kita hanya perlu merubah isi dari komponen OpenGL animation code.

Delapan komponen yang lainnya tidak usah kita rubah, karena OpenGL animation code diibaratkan papan tulis yang akan kita gambar segitiga, kotak, ataupun garis nantinya. Menggambarnya tentu saja dengan penulisan koding dengan masing-masing kordinat vector yang memungkinkan untuk membentuk output gambar yang dikehendaki.

Baik, sekarang kita masuk ke penjelasan masing-masing syntax dari program ini:


Pada OpenGL mendeskripsikan objek dengan warna objek adalah proses yang berjalan sendiri-sendiri. Karena pada umumnya seorang programmer akan mengatur warna terlebih dahulu lalu menggambar objek. Sebelum warna diubah maka semua objek yang digambar sesudah perintah tersebut akan menggunakan warna terakhir yang terdapat pada coloring scheme.
Untuk warna digunakan perintah glColor3f(), jika lebih dari tiga maka argumen keempat adalah alpha yang akan dijelaskan pada bagian blending sebagai salah satu efek yang dipunyai OpenGL. Contoh berikut menunjukkan urutan langkah dalam proses spesifikasi warna sebelum objek digambar.
Contoh:
Bentuk umum:  

glColor3f(R,G,B)
Warna latar muka
Tiga komponen warna (RGB)
glColor4f(R,G,B,)
Warna latar muka
Empat komponen warna (RGB, alpha)
R = red, G= green, B= blue

glColor3f(0.0,1.0,0.0); //setting warna

glColor3f(1,0,0); // ini setting warna merah/Red program garis (coba lihat kembali program diatas)

glColor3f (1.0f, 0.0f, 0.0f);
glColor3f (0.0f, 1.0f, 0.0f);        Kombinasi warna pada segitiga & kotak seperti diatas      
glColor3f (0.0f, 2.0f, 0.0f);                
glColor3f (0.0f, 0.0f, 3.0f);

Berikutnya penjelasan mengenai :



glClearColor (0.0f, 0.0f, 0.0f, 0.0f);
glClear (GL_COLOR_BUFFER_BIT);     Lihat lagi, program segitiga, garis, kotak diatas 

Bentuk Umum:

glClearColour(R,G,B,);
Warna latar belakang dengan Empat komponen warna RGBAlpha

Kalo seperti ini berarti warna apa, ayo coba tebak..?
glColor3f(0.0,0.0,1.0);  warna biru/Blue ingat*RGB masing-masing merupakan float point

karena: Red= 0.0 Green=0.0 Blue= 1.0

Berikutnya:
glClear(GL_COLOR_BUFFER_BIT);

Fungsi ini akan menghapus window dan memberi warna yang telah kita definisikan sebelumnya dengan menggunakan glClearColor.

Berikutnya perintah:

glBegin(GL_LINES);
Garis
Objek primitif
glBegin(GL_TRIANGLES);
Segitiga
Objek primitif
glBegin(GL_QUADS);
Segiempat
Objek primitif

GL_LINES)
mulai menggambar garis

GL_TRIANGLES                 
setiap 3 glVertex membentuk segitiga, dan tiap segitiga saling lepas

GL_QUADS                         
tiap 4 glVertex membentuk segi empat

GL_POLYGON.                               


n glVertex akan membentuk bidang bersisi n

Contoh:
glBegin(GL_LINES);
glVertex3f(0,0,-0.8);
glVertex3f(9.9,8.9,0.1);

Contoh lain:

glVertex3i(1,0,-2);
glVertex3f(1.0, 0.0, -2.0);

adalah sama yaitu meletakkan titik di layar pada koordinat x = 1, y = 0 dan z = -2, perbedaannya yaitu pada perintah pertama menspesifikasikan titik dengan tipe data integer 32-bit, sedangkan yang kedua dengan tipe data single precision floating point.

Berikutnya glutSwapBuffers();
yaitu digunakan untuk menukar bagian belakang buffer menjadi buffer layar (screen
buffer)
  
       
Kesimpulan nya:

Bentuk umum coding untuk pembuatan garis :

glBegin(GL_LINES);                                                                /* Ingin menggambar garis */ 
glVertex2(tipe_data)(koordinat X1, koordinat Y1);              /* menyatakan sejumlah titik */
glVertex2(tipe_data)(koordinat X2, koordinat Y2);             /* menyatakan sejumlah titik */
glEnd();                                                                                    /* Akhir menggambar titik */

Bentuk coding untuk pembuatan segitiga :           
glBegin (GL_TRIANGLES);                                               /* Ingin menggambar segitiga * / 
glColor3f (1.0f, 0.0f, 0.0f);   glVertex2f (0.0f, 1.0f);          /* menyatakan sejumlah titik * /
glColor3f (0.0f, 1.0f, 0.0f);   glVertex2f (0.87f, -0.5f);      /* menyatakan sejumlah titik */
glColor3f (0.0f, 0.0f, 1.0f);   glVertex2f (-0.87f, -0.5f);    /* menyatakan sejumlah titik */
glEnd ();                                                                             /*  Akhir menggambar titik  * /

Dibutuhkan 3 buah vertex, masing-masing koordinat vertex1,2, dan 3 akan saling terhubung membentuk segitiga.

Sankyuu tlah m'baca~moga bermanfaat..
Bentuk coding untuk pembuatan kotak :           
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 ();

Dibutuhkan 4 buah vertex, masing-masing koordinat vertex1,2, 3, dan 4 akan saling terhubung membentuk persegi. Koordinat harus sama sisi, jika ingin berbentuk persegi (kubus)

Tidak ada komentar:

Posting Komentar