opeNgl DALAM MICROSOFT VISUAL STUDIO EXPRESS … · glVertex3f(0.25, 0.25, 0.0); (secara berurutan,...

OPENGL DALAM MICROSOFT VISUAL

STUDIO EXPRESS 2012

Tutorial Open GL untuk membuat garis dengan program

Microsoft Visual Studio Express 2012

Created by:

Gideon

Information System of Gundarma University by: Gideon Steven, 2013/10/15

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

http://user.xmission.com/~nate/glut/glut-3.7.6-bin.zip

http://www.microsoft.com/visualstudio/eng/downloads


4. Lalu akan muncul tampilan berikut, tunggu hingga proses instalasi selesai.

5. Kemudian proses instalasi telah selesai. Klik “launch” untuk menjalankan aplikasi.


B. Menginstall OpenGL Langkah – langkah yang diperlukan untuk menginstal openGL:

1. Extrak file yang terdapat pada file glut.zip yang telah di download tadi.


2. Copy Masing – masing file pada directori berikut ini: a. Glut32.lib (C:\Program Files (x86)\Microsoft Visual Studio 11.0\VC\lib)


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.


C. Menginput Codingan dalam C++ MVSE 2012

Bukalah program MVSE 2012, Kemudian klik Start -> New Project


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.


Kemudian Klik “application Settings”, Pilih “console application” dan “empty project”.

Kemudian Klik Finish.


Selanjutnya, saatnya kita memulai menginput koding kedalam program tersebut.

Caranya adalah Klik Tab “project” -> “add new item”.


Kemudian berilah nama pada file cpp, sesuai dengan keinginan anda. Pada tutorial ini saya

menggunakan nama “belajaropengl.cpp”.

Kemudian Clik Add


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 <glut.h>

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


glutInitWindowSize(250, 250);

glutInitWindowPosition(200, 200);

glutCreateWindow("XoaX.net");

Initialize();

glutDisplayFunc(Draw);

glutMainLoop();

return 0;

}


Setelah Semua kodingan diketikan pada file “belajaropengl.cpp”, kemudian Klik Tab “Debug”

Klik ‘Start without debugging’.

Klik yes.


Lalu akan muncul output seperti dibawah ini.

Program garis dengan OpenGL – MVSE 2012 berhasil dijalankan.


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 <glut.h>

// 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.


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.


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


glutMainLoop();

// melakukan looping pada perintah – perintah yang ada sebelumnya.

return 0;

// mengakhiri perulangan

}

// akhir dari program.


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/

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/

opeNgl DALAM MICROSOFT VISUAL STUDIO EXPRESS … · glVertex3f(0.25, 0.25, 0.0); (secara berurutan,...

Documents

Transcript of opeNgl DALAM MICROSOFT VISUAL STUDIO EXPRESS … · glVertex3f(0.25, 0.25, 0.0); (secara berurutan,...