Tutorial Grafika Komputer dengan Bahasa C++ dan Freeglut #1 : Instalasi Dev-C++ dan Freeglut

Tutorial Grafika Komputer C++ dan Freeglut

Tutorial Grafika Komputer dengan Bahasa C++ dan Freeglut : Instalasi Dev-C++ dan Freeglut - Seperti yang kalian baca dari judul kita akan membahas ilmu komputer yang akan dikawinkan dengan sebuah seni dan kreativitas. Topik blog kita akhir - akhir ini memang membahas seni, seperti menggambar menggunakan OpenCV Python, dan sekarang kita akan membuat animasi menggunaan C++ dan Freeglut.

Setelah pada Tutorial C++ sebelumnya kita berhasil membuat ChatBot AI dengan C++ pada Tutorial Membuat Chatbot AI dengan Bahasa C++,  selanjutnya kita akan membuat animasi dengan bantuan freeglut. Khusus untuk tutorial ini akan saya bagi menjadi beberapa part, jadi jangan bosan ketemu dengan saya dan ikuti setiap cara yang saya jabarkan disini.

Untuk part yang pertama ini, kita akan memulai dengan proses instalasi Dev-C++ untuk tempat kita bermain dengan code, kemudian dilanjutkan dengan memasukkan library Freeglut kedalamnya.

APA ITU FREEGLUT

Freeglut adalah Open Source alternatif untuk OpenGL Utility Toolkit (GLUT) library. GLUT pertama kali ditulis oleh Mark Kilgard untuk membantu sample program pada edisi kedua buku OpenGL "RedBook" . Namun, library ini ditinggalkan ( tidak mendapat pembaruan ) sejak tahun 1998, dan parahnya lagi, lisensi dari GLUT ini tidak memperbolehkan siapapun untuk mempublish kode yang telah dimodifikasi, sedih kan 😢, untung saja pada tahun 1999, Pawel W. Olszta bersama kontributors Andreas Umbach dan Steve Baker membuat project Freeglut ini.

INSTALASI DEV-C++ DAN FREEGLUT

Nah sebelum kita memasuki proses penulisan code, saya asumsikan bahwa kalian semua masih belum mempunyai Dev-c++ dan Freeglut terinstall didalamnya, jika kalian sudah punya Alhamdullilah 😊 sehingga kalian bisa skip langkah awal kita ini.

1. Pertama :  Pastikan sudah download file installer dev-c++ nya di laman Sourceforge Dev-C++

Software Dev-C++

2. Kedua : Download juga library freeglutnya di Direct download library Freeglut
3. Ketiga : Lakukan penginstallan seperti menginstall software biasanya
4. Keempat : Ekstrak file zip yang telah didownload, didalam folder yang telah didownload, akan ada folder lagi dengan nama freeglut

File Freeglut

5. Kelima : Folder tree yang didownload akan nampak seperti gambar (gambar here)

Tree File Freeglut

6. Keenam : Selanjutnya copy semua file dari include\GL ke $PATH_INSTALASI\Dev-Cpp\MinGW64\x86_64-w64-mingw32\include\GL

Folder "include" Freeglut

7. Ketujuh : Selanjutnya copy semua file dari lib\x64 ke $PATH_INSTALASI\Dev-Cpp\MinGW64\x86_64-w64-mingw32\lib

Folder "lib" Freeglut

8. Kedelapan : Terakhir copy file dari bin\x64 ke C:\windows\system32\

Folder "bin" Freeglut




Jika ke delapan misi diatas sudah kalian penuhi. Selamat kalian sudah berhasil memasukkan library ke dalam IDE Dev-c++ dan berhak melanjutkan perjalanan untuk menuliskan code C++ nya.

MENULIS CODE UNTUK TEST FREEGLUT

Sekarang kita akan membuat sample code untuk men test Freeglut yang baru saja kita install kedalan Dev-C++ kita. Langkah - langkahnya adalah sebagai berikut :

1. Pertama : Buat project baru ( File -> new -> project ) di Dev-c++ kalian

Buat File Baru Dev-C++

2. Kedua : Pilih empty project

Empty Project Dev-C++

3. Ketiga : Simpan Untitled tersebut dengan nama main.cpp di folder terserah yang kalian mau, yang penting jangan lupa tempatnya 😉

4. Keempat : tuliskan codingan untuk code test berikut ini

#include <GL/glut.h>
#include <GL/gl.h>

void drawing(){
glClear(GL_COLOR_BUFFER_BIT);
/* Plot the points */
glBegin(GL_POINTS);
/* Plot the first point */
for(int i=-100;i<=100;i++){
glVertex2s(i,0);
glVertex2s(0,i);
}

for(int i=-2;i<=2;i++){
glVertex2s(95+i,4+i);
glVertex2s(95-i,4+i);
}

for(int i=0;i<=2;i++){
glVertex2s(4+i,95+i);
glVertex2s(4-i,95+i);
glVertex2s(4,95-i);
}

glEnd();
glFlush();
}

void Init(){
glEnable(GL_POINT_SMOOTH);
glEnable(GL_BLEND);
/* Set clear color to white */
glClearColor(1.0,1.0,1.0,0);
/* Set plot size */
glPointSize(5.0);
/* Set fill color to black */
glColor3f(0.0,0.0,0.0);
/* glViewport(0 , 0 , 640 , 480); */
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-100.0, 100.0 , -100.0, 100.0, -1.0, 1.0);
}

int main(int argc, char **argv){
/* Initialise GLUT library */
glutInit(&argc,argv);
/* Set the initial display mode */
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
/* Set the initial window position and size */
glutInitWindowPosition(100,100);
glutInitWindowSize(500,500);
/* Create the window with title "Brute Force Line" */
glutCreateWindow("TESTING FREEGLUT");
/* Initialize drawing colors */
Init();
/* Call the displaying function */
glutDisplayFunc(drawing);
/* Keep displaying untill the program is closed */
glutMainLoop();
}

5. Kelima : Hampir saja saya lupa sesuatu, tambahkan linker pada ( project -> project options ), pada tab parameters, kalian tambahkan linker -lopengl32 -lfreeglut32 -lglu32 setelah itu tekan oke, INGAT! ini penting agar pada saat nanti compile tidak ada error.

Menambahkan Linker pada Dev-C++

Menambahkan Linker pada Dev-C++

6. Keenam dan Terakhir : Silahkan kalian coba untuk compile + run ( tekan tombol F11 ) maka akan muncul kurang lebih seperti berikut :

Hasil Test Code Freeglut

Tidak ada penjelasan khusus untuk Code Test tersebut, karena akan kami bahas pada part - part selanjutnya. Code tersebut hanyalah pertanda jika Freeglut telah terpasang dengan benar pada Dev-C++ kalian. Tapi yang paling penting di Code Test tersebut adalah di fungsi

int main(int argc, char **argv){
/* Initialise GLUT library */
glutInit(&argc,argv);
/* Set the initial display mode */
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
/* Set the initial window position and size */
glutInitWindowPosition(100,100);
glutInitWindowSize(500,500);
/* Create the window with title "Brute Force Line" */
glutCreateWindow("TESTING FREEGLUT");
/* Call the displaying function */
glutDisplayFunc(drawing);
/* Keep displaying untill the program is closed */
glutMainLoop();
}

Sehingga tanpa fungsi init() pun dan hanya dengan
void drawing(){ //biarkan kosong }, kalian sudah bisa melihat ada seperti windows baru lagi, didepan command line.

Hasil Test Code Freeglut

PENUTUP TUTORIAL C++ DAN FREEGLUT

Nah begitulah beberapa langkah yang akan berguna untuk membuat animasi menggunakan Bahasa C++. Memang cukup banyak dan membutuhkan ketelitian tinggi, tetapi tetap saja Programming is fun 🙂

Yap, segitu dulu untuk pembahasan Tutorial Grafika Komputer dengan Bahasa C++ dan Freeglut : Instalasi Dev-C++ dan Freeglut part yang pertama. Jangan lupa komen dibawah jika ada pertanyaan, dan jika bermanfaat silahkan share ke teman - teman kalian. Tetap bersama kami di Otak-Keren untuk ide - ide selanjutnya .. SEE YAA 😉

Salam ID

Author : Erick Surya Dinata

Share this

Related Posts