OPENGL DALAM MICROSOFT VISUAL STUDIO EXPRESS 2012 Tutorial Open GL untuk membuat garis dengan program Microsoft Visual Studio Express 2012
Created by: Gideon
OpenGL dengan Microsoft Visual Express 2012 Software – software yang diperlukan: a. Microsoft Visual Studio Express 2012 b. Glut 3.7.6 = (download Link) http://user.xmission.com/~nate/glut/glut-3.7.6-bin.zip
A.
Menginstall MVSE 2012
Download Aplikasinya dari link yang sudah disediakan di atas tadi. Kemudian ikutilah langkah – langkah berikut ini : 1. http://www.microsoft.com/visualstudio/eng/downloads download aplikasinya di link diatas. 2. Kemudian copy data pada file .iso kedalam dvd. 3. Lalu mulai instalasi, klik install
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
4. Lalu akan muncul tampilan berikut, tunggu hingga proses instalasi selesai.
5. Kemudian proses instalasi telah selesai. Klik “launch” untuk menjalankan aplikasi.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
B.
Menginstall OpenGL
Langkah – langkah yang diperlukan untuk menginstal openGL: 1. Extrak file yang terdapat pada file glut.zip yang telah di download tadi.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
2. Copy Masing – masing file pada directori berikut ini: a. Glut32.lib (C:\Program Files (x86)\Microsoft Visual Studio 11.0\VC\lib)
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
b. Glut.h (C:\Program Files (x86)\Microsoft Visual Studio 11.0\VC\include)
c. Glut32.dll
(C:\Windows\system)
Setelah itu, instalasi program selesai. Berikutnya kita akan membahas mengenai cara penginputan data dalam MVSE 2012.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
C. Menginput Codingan dalam C++ MVSE 2012 Bukalah program MVSE 2012, Kemudian klik Start -> New Project
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Window Berikut akan muncul, kemudian pilih ‘win32 console application’ pada tipe ‘visual c++’. Beri Nama Pada Project, dalam contoh ini saya menginput “belajar opengl”. Kemudian klik oke.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Kemudian Klik “application Settings”, Pilih “console application” dan “empty project”.
Kemudian Klik Finish.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Selanjutnya, saatnya kita memulai menginput koding kedalam program tersebut. Caranya adalah Klik Tab “project” -> “add new item”.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Kemudian berilah nama pada file cpp, sesuai dengan keinginan anda. Pada tutorial ini saya menggunakan nama “belajaropengl.cpp”.
Kemudian Clik Add
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Setelah itu ketikan codingan dalam file cpp tersebut seperti gambar dibawah ini. // A Simple OpenGL Project // Author: Michael Hall // Edited by: Gideon // This C++ code and project are provided "as is" // without warranty of any kind. For personal use only, // not for distribution. Copyright 2010 XoaX. #include
void Draw() { glClear(GL_COLOR_BUFFER_BIT); glColor3f(1.0, 1.0, 1.0); glBegin(GL_LINES); glVertex3f(0.25, 0.25, 0.0); glVertex3f(0.75, 0.75, 0.0); glEnd(); glFlush(); }
void Initialize() { glClearColor(0.0, 0.0, 0.0, 0.0); glMatrixMode(GL_PROJECTION); glLoadIdentity(); glOrtho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0); }
int main(int iArgc, char** cppArgv) { glutInit(&iArgc, cppArgv); glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
glutInitWindowSize(250, 250); glutInitWindowPosition(200, 200); glutCreateWindow("XoaX.net"); Initialize(); glutDisplayFunc(Draw); glutMainLoop(); return 0; }
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Setelah Semua kodingan diketikan pada file “belajaropengl.cpp”, kemudian Klik Tab “Debug”
Klik ‘Start without debugging’.
Klik yes.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Lalu akan muncul output seperti dibawah ini.
Program garis dengan OpenGL – MVSE 2012 berhasil dijalankan.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Penjelasan dari codingan: // A Simple OpenGL Project // Author: Michael Hall // Edited by: Gideon // This C++ code and project are provided "as is" // without warranty of any kind. For personal use only, // not for distribution. Copyright 2010 XoaX.
#include // mengambil library opengl (menggunakan library open gl)
void Draw() { // argument untuk menggambar pada open gl//
glClear(GL_COLOR_BUFFER_BIT); mengambil argumen pada gl Color buffer bit dimana buffer tersebut sudah diaktifkan untuk masukan warna.
glColor3f(1.0, 1.0, 1.0); terdapat 3 angka (1.0) dimana masing - masing angka tersebut merujuk pada warna Red, Green, Blue, atau biasa disingkat RGB dalam bahasa indonesia Merah, Hijau, Biru. 1. 0 merujuk pada warna ungu tua pada tiap RGB.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
glBegin(GL_LINES); = disini digunakan glbegin gl lines dimana akan di spesifikasikan titik koordinat yang akan di gambarkan.
glVertex3f(0.25, 0.25, 0.0); (secara berurutan, koordinat terjadi pada x, y, dan z.) glVertex3f(0.75, 0.75, 0.0);
glEnd(); //menutup glBegin yang ada diatas tadi.
glFlush(); // perintah untuk mengeksekusi Perintah GL lainnya tanpa ada akhirnya. }
void Initialize() { glClearColor(0.0, 0.0, 0.0, 0.0); //perintah untuk spesifikasi clear pada pilihan warna.
glMatrixMode(GL_PROJECTION); // pendeskiripsian dimana matriks yang sedang berada sekarang, yaitu pada GL_PROJECTION.
glLoadIdentity(); //merubah matrik yang sedang dikerjakan menjadi matrix identitas.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
glOrtho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0); //digunakan untuk mengalikan matriks yang ada dengan angka orthographic matrix. }
int main(int iArgc, char** cppArgv) { //merupakan bagian utama dari kodingan
glutInit(&iArgc, cppArgv);
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB); // Mengompile mode tampilan pada glut, yaitu satu dengan warna merah hijau biru.
glutInitWindowSize(250, 250); // menentukan ukuran dari gambar yang akan ditampilkan.
glutInitWindowPosition(200, 200); // menentukan posisi tampilan gambar dalam layar.
glutCreateWindow("XoaX.net"); // menampilkan window baru yang bertuliskan ‘xoax.net’.
Initialize(); // perintah untuk mengompile program
glutDisplayFunc(Draw); // command untuk menampilkan / menggambar
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
glutMainLoop(); // melakukan looping pada perintah – perintah yang ada sebelumnya. return 0; // mengakhiri perulangan } // akhir dari program.
Information System of Gundarma University
by: Gideon Steven, 2013/10/15
Daftar Pustaka
http://www.opengl.org/sdk/docs/man/xhtml/glClear.xml http://msdn.microsoft.com/en-us/library/windows/desktop/dd318399(v=vs.85).aspx http://en.wikibooks.org/wiki/OpenGL_Programming/Basics/Color http://xoax.net/cpp/crs/opengl/lessons/Lesson1/
Information System of Gundarma University
by: Gideon Steven, 2013/10/15