SlideShare a Scribd company logo
1 of 9
Download to read offline
TUGAS
GRAFIK KOMPUTER DAN PENGOLAHAN CITRA

MEMBUAT GARIS HORIZONTAL dan DIAGONAL PADA OPENGL

Nama : Meliana.Herdiani
Kelas:3KA33
Npm:14111413

UNIVERSITAS GUNADARMA
SISTEM INFORMASI
2013
* Menginstal DEV C++ dan Header Glut OpenGL.
Pada pembuatan garis kali ini saya menggunakan DEV C++ sebagai IDE(Integrated Developmet
Environment) untuk membuat program ini.
Peralatan yang digunakan untuk membuat program ini antara lain :
1. DEV C++ Sebagai IDE(Integrated Developmet Environment),Jika belum punya bisa
download di :

2. Header Glut (Header yang digunakan untuk menuliskan program OpenGL)

Nah setelah dua peralatan tersebut anda miliki silakan instal DevC++ nya,setelah selesai instal
DevC++ instal header Glutnya dengan Cara berikut :
1. Buka Dev C++
2. Klik Menu Tools Lalu Pilih Package Manager

3.lalu akan muncul jendela Package manager,klik ditombol instal lalu arahkan ke lokasi anda
menyimpan file header Glut yang sudah anda download sebelumnya.

Ganti Files of Type menjadi (generic packages) ada file berekstensi (.rar atau .zip ) terbaca
4.lalu klik open dan instal sampai selesai.

* Membuat Project Baru
Setelah berhasil menginstal DEV C++ beserta header untuk OpenGL, sekarang mulai membuat
program dengan membuat project baru, dengan langkah sebagai berikut :
- Klik menu File > Pilih New > Project .
- Pada bagian ini pilih tag Multimedia > lalu klik OpenGL lalu beri nama Project.
Setelah anda membuat project baru dengan cara diatas Form Source Code yang anda lihat bukan
lembar kerja kosong pada umumnya,tetapi lembar kerja yang sudah terisi source code untuk
openGL ini. yang harus kita lakukan adalah mencari bagian yang bertuliskan /* OpenGL
animation code goes here */ . untuk mengerjakan program dengan file multimedia OpenGL kita
cukup mengubah-ubah pada bagian ini saja .

1. Membuat Garis Vertikal
Untuk Membuat garis Vertikal tuliskan code berikut setelah komentar /* OpenGL animation
code goes here */ :
/*Untuk membuat garis Vertikal*/
glClearColor (0.0f, 0.0f, 0.0f, 0.0f); //[ untuk memilih warna yang digunakan untuk
membersihkan latar dalammode RGBA]
glClear (GL_COLOR_BUFFER_BIT); //[untuk membersihkan layar latar belakang dengan
warna hitam]
glPushMatrix ();

//[Membuat baris kode menjadi tidak berlaku untuk bagian luar]

glClearColor(1,1,1,0);

//[untuk menentukan warna garis/titik]

glColor3f(1,1,1); //

[untuk menentukan warna garis/titik]

glBegin(GL_LINES);

//[untuk menggambar garis dari titik yang digunakan ]

glVertex3f(0.10,10.0,13.13); //[ untuk menentukan titik awal yang digunakan ]
glVertex3f(0,0,0.0);
glEnd ();

// [ untuk menentukan titik akhir yang digunakan ]

//[untuk mengakhiri gambar garis dititik akhir ]

glPopMatrix (); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar]
SwapBuffers (hDC); //[digunakan untuk menukar bagian belakang buffer menjadi buffer layar]
Sleep (1);
}
}
/* shutdown OpenGL */

Logika:
pada pembuatan garis baik dari vertikal, horizontal, maupun diagonal memiliki fungsi
pemahaman tentang garis pada line di coding bagian "glvertex3f" disinilah dimana sebuah garis
dibuat dengan koordinat yang kita tentukan dan disinilah pemahaman tentang koordinat
diperlukan untuk pembuatan garis yang sesuai fungsi yang kita gunakan. dan setelah coding
dibuat kita tinggal tekan F9 untuk compile dan run lalu jendela untuk open GL sample pun
keluar dan menghasilkan sebuah garis berbentuk garis vertikal.

2. Membuat Garis Horizontal
Caranya sama seperti membuat garis vertikal hanya saja Code yang dituliskan seperti berikut :
/* OpenGL animation code goes here */
/*Untuk membuat garis Horizontal*/
glClearColor (0.0f, 0.0f, 0.0f, 0.0f); //[ untuk memilih warna yang digunakan untuk
membersihkan latar dalammode RGBA]
glClear (GL_COLOR_BUFFER_BIT); //[untuk membersihkan layar latar belakang dengan
warna hitam]
glPushMatrix();
//[Membuat baris kode menjadi tidak berlaku untuk bagian luar]
glClearColor(1,1,1,0); //[untuk menentukan warna garis/titik]
glColor3f(1,1,1); //
[untuk menentukan warna garis/titik]
glBegin(GL_LINES);
glColor3f(0.0f, 0.0f, 1.0f);

//[untuk menggambar garis dari titik yang digunakan ]

glVertex3f(-0.6f, 0.0f, 0.0f); //[ untuk menentukan titik awal yang digunakan ]
glColor3f(0.0f, 0.0f, 1.0f);
//[ untuk menentukan titik yang digunakan ]
glVertex3f(0.6f, 0.0f, 0.0f); //[ untuk menentukan titik akhir yang digunakan ]
glEnd();
////[untuk mengakhiri gambar garis dititik akhir ]
glPopMatrix(); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar]
SwapBuffers (hDC); //[digunakan untuk menukar bagian belakang buffer menjadi buffer layar]
Sleep (1);
}
}
/* shutdown OpenGL */
Logika:
pada pembuatan garis horizontal sama seperti sebelumnya lebih memahami masalah di line
bagian "glvertex3f" disinilah dimana sebuah garis dibuat dengan koordinat yang kita tentukan
dan disinilah pemahaman tentang koordinat diperlukan untuk pembuatan garis yang sesuai
fungsi yang kita gunakan. dan setelah coding dibuat kita tinggal tekan F9 untuk compile dan run
lalu jendela untuk open GL sample pun keluar dan menghasilkan sebuah garis berbentuk garis
Horizontal.

3. Membuat Garis Diagonal
Code yang dituliskan adalah Seperti berikut :
/* OpenGL animation code goes here */
/*Untuk membuat garis Diagonal*/
glClearColor (0.0f, 0.0f, 0.0f, 0.0f); //[ untuk memilih warna yang digunakan untuk
membersihkan latar dalammode RGBA]
glClear (GL_COLOR_BUFFER_BIT); //[untuk membersihkan layar latar belakang dengan
warna hitam]
glPushMatrix ();

//[Membuat baris kode menjadi tidak berlaku untuk bagian luar]

glClearColor(1,1,1,0); //[untuk menentukan warna garis/titik]
glColor3f(1,1,1); //

[untuk menentukan warna garis/titik]

glBegin(GL_LINES);

//[untuk menggambar garis dari titik yang digunakan ]

glVertex3f(0,0,-0.8);

//[ untuk menentukan titik awal yang digunakan ]

glVertex3f(9.9,8.9,0.1);

//[ untuk menentukan titik akhir yang digunakan ]

glEnd ();

//[untuk mengakhiri gambar garis dititik akhir ]

glPopMatrix (); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar]
SwapBuffers (hDC); //[digunakan untuk menukar bagian belakang buffer menjadi buffer layar]

Sleep (1);
}
}
/* shutdown OpenGL */

Maka hasil Outputnya akan seperti gambar berikut :
LOGIKA :
pada pembuatan garis diagonal sama seperti sebelumnya lebih memahami masalah di line
bagian "glvertex3f" disinilah dimana sebuah garis dibuat dengan koordinat yang kita tentukan
dan disinilah pemahaman tentang koordinat diperlukan untuk pembuatan garis yang sesuai
fungsi yang kita gunakan. dan setelah coding dibuat kita tinggal tekan F9 untuk compile dan run
lalu jendela untuk open GL sample pun keluar dan menghasilkan sebuah garis berbentuk garis
diagonal.

More Related Content

Similar to Tugas

2414_GRAFKOM terapi dikit.docx
2414_GRAFKOM terapi dikit.docx2414_GRAFKOM terapi dikit.docx
2414_GRAFKOM terapi dikit.docxDoniapriadi
 
Pascal - Pendahuluan1.txt - Notepad.pdf
Pascal - Pendahuluan1.txt - Notepad.pdfPascal - Pendahuluan1.txt - Notepad.pdf
Pascal - Pendahuluan1.txt - Notepad.pdfJurnal IT
 
Pascal (Pengenalan).pdf
Pascal (Pengenalan).pdfPascal (Pengenalan).pdf
Pascal (Pengenalan).pdfDesaSumbung
 
Tugas praktikum algoritma modul 1 faisal al zamar
Tugas praktikum algoritma modul 1 faisal al zamarTugas praktikum algoritma modul 1 faisal al zamar
Tugas praktikum algoritma modul 1 faisal al zamarFaisal Zamar
 
Pengenalan Bahasa C
Pengenalan Bahasa CPengenalan Bahasa C
Pengenalan Bahasa Cguestaf3e8f4
 
PENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMAN
PENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMANPENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMAN
PENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMANNur Kholifah Hidayah
 
Laporan praktikum modul 5
Laporan praktikum modul 5Laporan praktikum modul 5
Laporan praktikum modul 5Devi Apriansyah
 
Membuat peta digital dengan quantum gis
Membuat peta digital dengan quantum gisMembuat peta digital dengan quantum gis
Membuat peta digital dengan quantum gisYusmadi Martias
 
Pemrograman open gl-android-02-polygon-opengl
Pemrograman open gl-android-02-polygon-openglPemrograman open gl-android-02-polygon-opengl
Pemrograman open gl-android-02-polygon-openglMedia Cyber
 
Cara membuat simulasi lcd running text dengan menggunakan proteus
Cara membuat simulasi lcd running text dengan menggunakan proteusCara membuat simulasi lcd running text dengan menggunakan proteus
Cara membuat simulasi lcd running text dengan menggunakan proteusFilla Fidyana
 
Grindstone - Dasar Dasar Keygenning
Grindstone - Dasar Dasar KeygenningGrindstone - Dasar Dasar Keygenning
Grindstone - Dasar Dasar Keygenningidsecconf
 
Pengenalan Bahasa C++
Pengenalan Bahasa C++Pengenalan Bahasa C++
Pengenalan Bahasa C++guestaf3e8f4
 
Tutorial master-cam
Tutorial master-camTutorial master-cam
Tutorial master-camirwaniin
 

Similar to Tugas (20)

Analisa Tutorial Open GL
Analisa Tutorial Open GLAnalisa Tutorial Open GL
Analisa Tutorial Open GL
 
6 modul avr
6 modul avr6 modul avr
6 modul avr
 
2414_GRAFKOM terapi dikit.docx
2414_GRAFKOM terapi dikit.docx2414_GRAFKOM terapi dikit.docx
2414_GRAFKOM terapi dikit.docx
 
Pascal - Pendahuluan1.txt - Notepad.pdf
Pascal - Pendahuluan1.txt - Notepad.pdfPascal - Pendahuluan1.txt - Notepad.pdf
Pascal - Pendahuluan1.txt - Notepad.pdf
 
Pascal (Pengenalan).pdf
Pascal (Pengenalan).pdfPascal (Pengenalan).pdf
Pascal (Pengenalan).pdf
 
Tutorial Java netbeans
Tutorial Java netbeansTutorial Java netbeans
Tutorial Java netbeans
 
Tugas praktikum algoritma modul 1 faisal al zamar
Tugas praktikum algoritma modul 1 faisal al zamarTugas praktikum algoritma modul 1 faisal al zamar
Tugas praktikum algoritma modul 1 faisal al zamar
 
Pengenalan Bahasa C
Pengenalan Bahasa CPengenalan Bahasa C
Pengenalan Bahasa C
 
Open GL Tutorial01
Open GL Tutorial01Open GL Tutorial01
Open GL Tutorial01
 
Laporan praktikum dpk modul 1
Laporan praktikum dpk modul 1Laporan praktikum dpk modul 1
Laporan praktikum dpk modul 1
 
PENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMAN
PENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMANPENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMAN
PENGENALAN SSISTEM OPERASI, IDE VISUAL C++, DAN ALGORITMA PEMROGRAMAN
 
Laporan praktikum modul 5
Laporan praktikum modul 5Laporan praktikum modul 5
Laporan praktikum modul 5
 
Membuat peta digital dengan quantum gis
Membuat peta digital dengan quantum gisMembuat peta digital dengan quantum gis
Membuat peta digital dengan quantum gis
 
Pemrograman open gl-android-02-polygon-opengl
Pemrograman open gl-android-02-polygon-openglPemrograman open gl-android-02-polygon-opengl
Pemrograman open gl-android-02-polygon-opengl
 
Handoutgeogebra
HandoutgeogebraHandoutgeogebra
Handoutgeogebra
 
Cara membuat simulasi lcd running text dengan menggunakan proteus
Cara membuat simulasi lcd running text dengan menggunakan proteusCara membuat simulasi lcd running text dengan menggunakan proteus
Cara membuat simulasi lcd running text dengan menggunakan proteus
 
Grindstone - Dasar Dasar Keygenning
Grindstone - Dasar Dasar KeygenningGrindstone - Dasar Dasar Keygenning
Grindstone - Dasar Dasar Keygenning
 
Pengenalan Bahasa C++
Pengenalan Bahasa C++Pengenalan Bahasa C++
Pengenalan Bahasa C++
 
2. CodeBlocks & C++
2. CodeBlocks & C++2. CodeBlocks & C++
2. CodeBlocks & C++
 
Tutorial master-cam
Tutorial master-camTutorial master-cam
Tutorial master-cam
 

Tugas

  • 1. TUGAS GRAFIK KOMPUTER DAN PENGOLAHAN CITRA MEMBUAT GARIS HORIZONTAL dan DIAGONAL PADA OPENGL Nama : Meliana.Herdiani Kelas:3KA33 Npm:14111413 UNIVERSITAS GUNADARMA SISTEM INFORMASI 2013
  • 2.
  • 3. * Menginstal DEV C++ dan Header Glut OpenGL. Pada pembuatan garis kali ini saya menggunakan DEV C++ sebagai IDE(Integrated Developmet Environment) untuk membuat program ini. Peralatan yang digunakan untuk membuat program ini antara lain : 1. DEV C++ Sebagai IDE(Integrated Developmet Environment),Jika belum punya bisa download di : 2. Header Glut (Header yang digunakan untuk menuliskan program OpenGL) Nah setelah dua peralatan tersebut anda miliki silakan instal DevC++ nya,setelah selesai instal DevC++ instal header Glutnya dengan Cara berikut : 1. Buka Dev C++ 2. Klik Menu Tools Lalu Pilih Package Manager 3.lalu akan muncul jendela Package manager,klik ditombol instal lalu arahkan ke lokasi anda menyimpan file header Glut yang sudah anda download sebelumnya. Ganti Files of Type menjadi (generic packages) ada file berekstensi (.rar atau .zip ) terbaca
  • 4. 4.lalu klik open dan instal sampai selesai. * Membuat Project Baru Setelah berhasil menginstal DEV C++ beserta header untuk OpenGL, sekarang mulai membuat program dengan membuat project baru, dengan langkah sebagai berikut : - Klik menu File > Pilih New > Project . - Pada bagian ini pilih tag Multimedia > lalu klik OpenGL lalu beri nama Project. Setelah anda membuat project baru dengan cara diatas Form Source Code yang anda lihat bukan lembar kerja kosong pada umumnya,tetapi lembar kerja yang sudah terisi source code untuk openGL ini. yang harus kita lakukan adalah mencari bagian yang bertuliskan /* OpenGL animation code goes here */ . untuk mengerjakan program dengan file multimedia OpenGL kita cukup mengubah-ubah pada bagian ini saja . 1. Membuat Garis Vertikal Untuk Membuat garis Vertikal tuliskan code berikut setelah komentar /* OpenGL animation code goes here */ : /*Untuk membuat garis Vertikal*/ glClearColor (0.0f, 0.0f, 0.0f, 0.0f); //[ untuk memilih warna yang digunakan untuk membersihkan latar dalammode RGBA] glClear (GL_COLOR_BUFFER_BIT); //[untuk membersihkan layar latar belakang dengan warna hitam] glPushMatrix (); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar] glClearColor(1,1,1,0); //[untuk menentukan warna garis/titik] glColor3f(1,1,1); // [untuk menentukan warna garis/titik] glBegin(GL_LINES); //[untuk menggambar garis dari titik yang digunakan ] glVertex3f(0.10,10.0,13.13); //[ untuk menentukan titik awal yang digunakan ]
  • 5. glVertex3f(0,0,0.0); glEnd (); // [ untuk menentukan titik akhir yang digunakan ] //[untuk mengakhiri gambar garis dititik akhir ] glPopMatrix (); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar] SwapBuffers (hDC); //[digunakan untuk menukar bagian belakang buffer menjadi buffer layar] Sleep (1); } } /* shutdown OpenGL */ Logika: pada pembuatan garis baik dari vertikal, horizontal, maupun diagonal memiliki fungsi pemahaman tentang garis pada line di coding bagian "glvertex3f" disinilah dimana sebuah garis dibuat dengan koordinat yang kita tentukan dan disinilah pemahaman tentang koordinat
  • 6. diperlukan untuk pembuatan garis yang sesuai fungsi yang kita gunakan. dan setelah coding dibuat kita tinggal tekan F9 untuk compile dan run lalu jendela untuk open GL sample pun keluar dan menghasilkan sebuah garis berbentuk garis vertikal. 2. Membuat Garis Horizontal Caranya sama seperti membuat garis vertikal hanya saja Code yang dituliskan seperti berikut : /* OpenGL animation code goes here */ /*Untuk membuat garis Horizontal*/ glClearColor (0.0f, 0.0f, 0.0f, 0.0f); //[ untuk memilih warna yang digunakan untuk membersihkan latar dalammode RGBA] glClear (GL_COLOR_BUFFER_BIT); //[untuk membersihkan layar latar belakang dengan warna hitam] glPushMatrix(); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar] glClearColor(1,1,1,0); //[untuk menentukan warna garis/titik] glColor3f(1,1,1); // [untuk menentukan warna garis/titik] glBegin(GL_LINES); glColor3f(0.0f, 0.0f, 1.0f); //[untuk menggambar garis dari titik yang digunakan ] glVertex3f(-0.6f, 0.0f, 0.0f); //[ untuk menentukan titik awal yang digunakan ] glColor3f(0.0f, 0.0f, 1.0f); //[ untuk menentukan titik yang digunakan ] glVertex3f(0.6f, 0.0f, 0.0f); //[ untuk menentukan titik akhir yang digunakan ] glEnd(); ////[untuk mengakhiri gambar garis dititik akhir ] glPopMatrix(); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar] SwapBuffers (hDC); //[digunakan untuk menukar bagian belakang buffer menjadi buffer layar] Sleep (1); } } /* shutdown OpenGL */
  • 7. Logika: pada pembuatan garis horizontal sama seperti sebelumnya lebih memahami masalah di line bagian "glvertex3f" disinilah dimana sebuah garis dibuat dengan koordinat yang kita tentukan dan disinilah pemahaman tentang koordinat diperlukan untuk pembuatan garis yang sesuai fungsi yang kita gunakan. dan setelah coding dibuat kita tinggal tekan F9 untuk compile dan run lalu jendela untuk open GL sample pun keluar dan menghasilkan sebuah garis berbentuk garis Horizontal. 3. Membuat Garis Diagonal Code yang dituliskan adalah Seperti berikut : /* OpenGL animation code goes here */ /*Untuk membuat garis Diagonal*/ glClearColor (0.0f, 0.0f, 0.0f, 0.0f); //[ untuk memilih warna yang digunakan untuk membersihkan latar dalammode RGBA] glClear (GL_COLOR_BUFFER_BIT); //[untuk membersihkan layar latar belakang dengan warna hitam]
  • 8. glPushMatrix (); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar] glClearColor(1,1,1,0); //[untuk menentukan warna garis/titik] glColor3f(1,1,1); // [untuk menentukan warna garis/titik] glBegin(GL_LINES); //[untuk menggambar garis dari titik yang digunakan ] glVertex3f(0,0,-0.8); //[ untuk menentukan titik awal yang digunakan ] glVertex3f(9.9,8.9,0.1); //[ untuk menentukan titik akhir yang digunakan ] glEnd (); //[untuk mengakhiri gambar garis dititik akhir ] glPopMatrix (); //[Membuat baris kode menjadi tidak berlaku untuk bagian luar] SwapBuffers (hDC); //[digunakan untuk menukar bagian belakang buffer menjadi buffer layar] Sleep (1); } } /* shutdown OpenGL */ Maka hasil Outputnya akan seperti gambar berikut :
  • 9. LOGIKA : pada pembuatan garis diagonal sama seperti sebelumnya lebih memahami masalah di line bagian "glvertex3f" disinilah dimana sebuah garis dibuat dengan koordinat yang kita tentukan dan disinilah pemahaman tentang koordinat diperlukan untuk pembuatan garis yang sesuai fungsi yang kita gunakan. dan setelah coding dibuat kita tinggal tekan F9 untuk compile dan run lalu jendela untuk open GL sample pun keluar dan menghasilkan sebuah garis berbentuk garis diagonal.