LAPORAN PRAKTIKUM

GRAFIK KOMPUTER
Dosen Pengampu: Indri Tri Julianto, S.Kom., M.Kom
“Primitive Drawing Membuat 3 Garis
Berwarna ”

Disusun Oleh :
Heryaman Saptahadi Ilmasik (2106045)
Informatika C

PROGRAM STUDI TEKNIK INFORMATIKA

INSTITUT TEKNOLOGI GARUT
2022
A. Latar Belakang

Primitive Drawing merupakan suatu metode menggambar objek pada suatu

layar / monitor dengan menggunakan langkah-langkah geometri yang bersifat
sederhana.Primitive drawing membangun sebuah bangun datar atau bangun ruang
menggunakan bagian- bagian objek pada objek gambarnya, misalnya titik, garis, garis
dari suatu objek. Sehingga pada tahap tertentu, seluruh bagian tersebut akan
digabungkan menjadi sebuah deskripsi bentuk objek bangun datar (dua dimensi) atau
bangun ruang (tiga dimensi).
Sama seperti pada tugas kali ini yang membahas mengenai cara membuat garis
lurus sederhana serta mengubah titik kordinat, dan juga mengubah warna pada garis
tersebut.

B. Rumusan Masalah
1. Bagaimana Cara Membuat Primitive Drawing 3 Garis)?
2. Bagaimana Mengubah titik kordinat dan warna garis pada syntax?
3. Bagaimana Mengubah judul pada display drawing windows?

C. Tujuan
1. Mahasiswa mampu membuat 3 garis sederhana (primitive drawing)
2. Mahasiswa mampu merubah titik kordinat dan warna pada garis
3. Mahasiswa mampu mengubah judul pada tampilan windows

D. Hasil & Pembahasan

Source Code

#include <GL/glut.h>

void garis();

main(int argc, char**argv){

glutInit(&argc,argv);
glutInitDisplayMode(GLUT_SINGLE|GLUT_RGB);
glutInitWindowSize(800,500);
glutInitWindowPosition(100,100);
 glutCreateWindow("2106056 - Fahmi Hadi Palaha");
glClearColor(0.5, 0.5, 0.5,0.0);
glMatrixMode(GL_PROJECTION);
glOrtho(400.0,400.0,250.0,250.0,-250.0,250.0);
glutIdleFunc(garis);
glutDisplayFunc(garis);
glutMainLoop();
}

void garis(){
glClear(GL_COLOR_BUFFER_BIT);
glLineWidth(6.0); //Untuk Ketebalan Garis
glBegin(GL_LINES);
//Garis warna merah
glColor3f(2.0, 0.0, 0.0);
glVertex2f(0.5,0.5);
glVertex2f(-0.5,0.5);
//Garis warna putih
glColor3f(1.0, 1.0, 1.0);
glVertex2f(0.5,0);
glVertex2f(-0.5,0);
//Garis warna biru
glColor3f(0.0, 0.0, 2.0);
glVertex2f(0.5,-0.5);
glVertex2f(-0.5,-0.5);

glEnd();
glFlush();
}
 Hasil dari source code

Penjelasan :
Pada hasil praktikum kali ini yaitu membuat 3 garis dengan warna yang berbeda ini ada beberapa
langkah penting yang saya lakukan :
• Pertama saya memanggil library open gl dengan source code : “ #include<GL/glut.h> dan jangan
lupa untuk mengisi parameter pada project agar program dapat berjalan
• Lalu saya mendeskripsikan function utnuk membuat tiga garis dengan source code :”void
three_lines(); untuk menampilkan hasil dari function tersebut menggunakan source code :”
glutDisplayFunc(three_lines);sesuai dengan function yang didefinisikan. Lalu untuk mengisi nilai
dari function tersebut menggunakan source code :” void three_lines()
• Dan untuk menunjukan banyaknya parameter yang digunakan didefiniskans “ argc (Argument
For Count)”dan untuk menyimpan seluruh parameter yang digunakan selama proses compile and
run berlangsung didefiniskan “argv (Argument For Vector)” dengan source code:”main(int
argc,char**argv) ”
• Lalu untuk memasukkan data dari argc dan argv saya menggunakan source code berikut :
“ glutInit(&argc,argv);”
• Selanjutnya untuk memberi efek RGB pada project grafik menggunakan source code berikut : “
glutInitDisplayMode(GLUT_SINGLE|GLUT_RGB);
• Selanjutnya saya membuat ukuran windows dengan ukuran 800 x 500 dengan source code
:“glutInitWindowSize(800,500) , dan mengubah nama display menjadi “2106056_Fahmi
Hadi Palaha”. Dengan cara mengubah kalimat pada
“ glutCreateWindow(“Test”) ” menjadi “ glutCreateWindow(“2106056_Fahmi Hadi Palaha”)”
Untuk menentukan posisi window tinggal ubah pada source code
:”glutInitWindowPosition(100,100);
• Dan untuk mengganti warna background tinggal mengubahnya pada source code : “
glClearColor(0.0,0.0,0.0,0.0);
• Untuk menginisialisasikan Matriks digunakan source code :
“glMatrixMode(GL_PROJECTION);”
• Sebagai penentu letak spesifik objek digunakan source code : “ glOrtho(400.0,400.0,250.0,250.0,-
250.0,250.0);”
• untuk menampilkan hasil dari function menggunakan source code :”
glutDisplayFunc(garis);sesuai dengan function yang didefinisikan. Lalu untuk mengisi nilai dari
function tersebut menggunakan source code :” void three_lines()
• Setelah itu untuk membersihkan wanra pada layar bisa kita gunakan source :
“glClear(GL_COLOR_BUFFER_BIT); dan untuk membuat garis gunakan: “
glBegin(GL_LINES):”
• Nah setalah membuat garis selanjutnya kita tinggal menentukan titik kordinat untuk membuat 3
garis dengan titik koordinat sebagai berikut:
▪ Garis pertama teletak pada titik kordinat X (-0.8 sampai 0.8) dan Y( 0.55 dan 0.55)
▪ Garis kedua terletak pada titik kordinat X( -0.8 sampai 0.8) dan Y (0.0 dan 0.0)
▪ Garis ketiga terletak pada titik kordinat X (-.8 sampai 0.8) dan Y-(0.55 dan -0.55)
Dan untuk mengubah titik kordinat disini kita tinggal mengubah source code “ glVertex2f(-
0.0,0.0); dengan titik kordinat yang sudah digunakan ”disini saya membuat 6 “glVertex2f” 3
untuk sumbu X dan 3 untuk sumbu Y karena disini saya membuat 3 garis.
• Setelah menentukan titik kordinat pada garis selanjutnya saya mengubah warna pada garis
mengubah kode warna pada “glColor3f(0.0,0.0,0.0)”disini saya menggunakan kode warna berikut
▪ Untuk kode warna merah : glColor3f(1.0,0.0,0.0);
▪ Untuk kode warna putih: glColor3f(1.0,1.0,1.0);
 ▪ Untuk kode warna lemon: glColor3f(0.0,0.0,2.0);
• Untuk menandakan bahwa program berakhir gunakan : “glEnd();” dan untuk menggambarkan
grafiknya gunakan :”glFinish();”
• Terakhir tinggal kita running dengan klik Exexute – Compile & Run
 E. Kesimpulan
Jadi dari praktikum yang telah dilakukan ditemukan cara untuk membuat primitive
drawing 3 garis yaitu dengan cara mengatur titik kordinat X dan Y, untuk menentukan
panjang kita tinggal mengubah titik kordinat X dan untuk menentukan atas dan bawah kita
tinggal mengubah titik kordinat Y. Lalu untuk mengubah warna dari setiap garis kita hanya
perlu mengubah kode warnanya saja.

DAFTAR PUSTAKA

OPENGL, B. (2017, Mei 10). Coding Warna OpenGL. Retrieved Oktober 8, 2022 from Cara Informatika:
https://cara-informatika.blogspot.com/2017/05/coding-warna-opengl.html
Primitive Drawing. (n.d.). Modul Praktikum 2, 1-10.