Grafika Komputer

Iman Ahmad Ihsanuddin

Mengenal Modus Menggambar Grafik
Ada tiga macam modus menggambar grafik, yaitu :
• Modus layar penuh : tergantung dari setting resolusi (ketajaman)
monitor anda. Misalnya di set 1024 x 1024, maka anda dapat
menggambar sebanyak 1024 pixel ke kanan dan 1024 pixel ke
bawah. Lihat gambar a : (100,50) artinya 100 ke kanan dan 50 ke
bawah dengan acuan sudut kiri-atas (0,0).
Mengenal Modus Menggambar Grafik
Ada tiga macam modus menggambar grafik, yaitu :
• Modus windows : Karena OGL berbasis windows, maka kita dapat
menggambar di dalam windows. Besar-kecil dan posisi window
relatif terhadap layar monitor dengan acuan sudut kiri-atas,
sedangkan gambarnya menggunakan sistem koordinat biasa : x ke
arah kanan dan y ke arah bawah. Lihat gambar b.
Mengenal Modus Menggambar Grafik
Ada tiga macam modus menggambar grafik, yaitu :
• Modus windows termodifikasi : sama dengan modus window,
namun sumbu y mengarah ke atas. Semua modus dinyatakan
dengan pixel (= bilangan bulat)
 Menggambar Titik
• Untuk menggambar tiga titik, masing-masing (100,50),
(100,130), dan (150,130), maka perintahnya adalah :

glBegin(GL_POINT);
glVertex2i(100,50);
glVertex2i(100,130);
glVertex2i(150,130);
glEnd();
Program lengkapnya adalah sebagai berikut :
#include <windows.h>
#include <gl/Gl.h>
#include <gl/glut.h>

void myInit(void)
{
glClearColor(1.0,1.0,1.0,0.0);
glColor3f(0.0f, 0.0f, 0.0f);
glPointSize(4.0);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
gluOrtho2D(0.0, 640.0, 0.0, 480.0);
}
void myDisplay(void)
{
glClear(GL_COLOR_BUFFER_BIT);
glBegin(GL_POINTS);
glVertex2i(100, 50); // menggambar 3 titik
glVertex2i(100, 130);
glVertex2i(150, 130);
glEnd();
glFlush(); // kirim output ke layar
}
void main(int argc, char** argv)
{
glutInit(&argc, argv); // inisialisasi toolkit
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB); // set modus display
glutInitWindowSize(640,480);
glutInitWindowPosition(100, 150);
glutCreateWindow("my first attempt"); glutDisplayFunc(myDisplay);

myInit();
glutMainLoop();
}
 Menggambar Garis
• Menggambar garis mirip dengan menggambar titik, bedanya
hanya pada argumen glBegin yang diberi argumen GL_LINES.
Pasangan dua perintah glVertex akan membentuk garis.
Contohnya :
glBegin(GL_LINES);
glVertex2i(40,100);
glVertex2i(202,96);
glEnd();
 
adalah membuat garis dari titik (40,100) sampai (202,96)
Menggambar Polyline dan Poligon
• Pada prinsipnya sama dengan menggambar garis (line).
Polyline adalah garis-garis yang saling berhubungan yang
ujung-ujungnya tidak bertemu. Kalau ujung-ujungnya
bertemu, maka disebut poligon (bidang bersisi banyak)

Gambar (a) Polyline (b) Poligon

Menggambar Polyline dan Poligon
Cara menggambar polyline adalah sebagai berikut :
glBegin(GL_LINE_STRIP);
glVertex2i(20,10);
glVertex2i(50,10);
glVertex2i(20,80);
glVertex2i(50,80);
glEnd();
Sedangkan untuk menggambar poligon, tinggal mengubah sedikit seperti berikut
glBegin(GL_LINE_LOOP);
glVertex2i(20,10);
glVertex2i(50,10);
glVertex2i(20,80);
glVertex2i(50,80);
glEnd();
 HOMEWORK!
Tugas Mandiri 3

1. Buatlah rumah 2D seperti gambar di bawah!

2. Coding harus dilampirkan dan hasil exe harus di printscreen.
3. Dikumpulkan dalam kertas A4 dengan font Calibri, 12pt.
Maksimal 2 halaman!
4. Dikumpulkan minggu depan.

Selamat mengerjakan 
Mau bertanya..?