BABI
PENGANTAR
GRAFIKA
KOMPUTER, 2D &
3D
MATERI
Pengenalan grafika komputer
Manfaat grafika komputer
Materi dalam grafika komputer
Mengenal library grafis OpenGL
Instalasi GLUT OpenGL
Mengenal Pemrograman Grafis
Struktur dasar Pemrograman Grafika menggunakan OpenGL
b. IMAGE PROCESSING
- Image processing mengolah suatu gambar
- Materinya berisi teknik memperbaiki dan menyajikan
informasi dari gambar
- Hasilnya bisa gambar atau informasi
b. GAMBAR
- Gambar dihasilkan dari proses pembuatan atau peniruan
- Detail tidak lengkap, Misalnya siapa yang maumenghitung
jumlah kumis kucing baru digambarkan sesuai dengan
jumlahnya
B. TEXT
C. REGION
D. Raster Image
3.2 GRAFIKA 2
- Z-Order danZ-buffer
- Morphing
- Color Map
- Texture Map
- Curve
- Camera View
- TranformasiGeometri
7.5 glClearColor(1.0,1.0,1.0,0.0);
a. Mendefinisikan warna dari windows yang dibuat dengan
warna(1,1,1) yaitu warna putih
7.6 gluOrtho2D(-320.,320.,-240.,240.);
a. Mendefinisikan besarnya sistem koordinat dengan range
sumbux adalah[-320,320] dan range untuk sumbuy adalah[-
240,240]
BAB II
PRIMITIVE
DRAWING
MATERI
Sistem Koordinat 2D
Menggambar Titik
Menggambar Garis
Menggambar Polyline
Menggambar Polygon
Mengubah Warna
1. SIMTEM KOORDINAT 2D
2. MENGGAMBAR TITIK
a. glVertex2i(x,y)
Untuk menggambar titik diposisi(x,y) dimana x dan y
didefinisikan sebagai bilangan bulat(integer)
b. glVertex2f(x,y)
glVertex2d(x,y)
Untuk menggambar titik diposisi(x,y) dimana x dan y
didefinisikan sebagai bilangan pecahan(float/double)
Menggunakan library glBegin(GL_POINTS)
3. MENGGAMBAR GARIS
Untuk membuat garis diperlukan library GL_LINES
dengan menyatakan titik awal dan titik akhir dari
garis.
a. glBegin(GL_LINES);
glVertex2f(100,100);
glVertex2f(200,150);
glEnd();
4. MENGGAMBAR POLYLINE
Polyline adalah sekumpulan garis yang terhubung
satu dengan yang lainnya hingga membentuk sebuah obyek
gambar
a. glBegin(GL_LINE_STRIP);
glVertex2f(x1,y1);
glVertex2f(x2,y2);
glVertex2f(x3,y3);
glVertex2f(xn,yn);
glEnd();
glVertex2f(300,50);
glEnd();
5. MENGGAMBAR POLYGON
Polygon adalah sekumpulan garis yang terhubung satu
dengan yang lainnya dan berbentuk kurva tertutup hingga
membentuk sebuah obyek gambar.
a. glBegin(GL_LINE_LOOP);
glVertex2f(x1,y1);
glVertex2f(x2,y2);
glVertex2f(x3,y3);
glVertex2f(xn,yn);
glEnd();
6. MENGUBAH WARNA
a. glColor3f(red,green,blue);
b. glColor3f(0.,0.,0.);//black
glColor3f(0.,0.,1.);//blue glColor3f(0.,1.,0.);//green
glColor3f(0.,1.,1.);//cyan glColor3f(1.,0.,0.);//red
glColor3f(1.,0.,1.);//magenta
glColor3f(1.,1.,0.);//yellow
glColor3f(1.,1.,1.);//white
a. float x,y;
for(inti=0;i<1000;i++){ x=640*(float)rand()/RAND_MAX-
320;
y=480*(float)rand()/RAND_MAX-240;
drawDot(x,y);
}
BAB III
OBYEK GRAFIK 2D
MATERI
Definisi Obyek Grafik2-D
PolyLine
Mewarnai Area (FillPolygon)
Membangun Obyek Grafik2-D
Animasi 2-D
b. Typedef struct{
intx;
inty;
} point2D_t;
b. void setColor(color_tcol){
glColor3f(col.r, col.g, col.b);
}
a. Point2D_t shape[1000]
b. Point2D_t bunga[360]
2. POLYLINE
Polyline adalah suatu fungsi yang digunakan untuk
menggambarkan obyek 2-D yang sudah didefinisikan
didepan.
3. POLYGON
Polygon adalah suatu fungsi yang mirip dengan
polyline hanya saja hasilnya adalah kurva tertutup,
sedangkan polyline hasilnya terbuka kurva
3.1 FILLPOLYGON
Fungsi ini digunakan untuk mewarnai sebuah polygon
dengan warna tertentu
a. void fillPolygon(point2D_t pnt[],intn, color_t color){
inti;
setColor(color);
glBegin(GL_POLYGON);
for (i=0;i<n;i++) {
glVertex2f(pnt[i].x, pnt[i].y);}
glEnd();}
a. void userdraw()
{ Point2D_t kotak[4]={{100,100},{300,100},
{300,200},{100,200}};
Polygon(kotak,4);
}
Program ini digunakan untuk membuat kotak
5. ANIMASI 2D
a. Membuat obyek grafik 2-D menjadi bergerak.
b. Animasiyang dilakukan adalah memindahkan posisi gambar.
c. Pada sistem koordinat kartesian animasi akan berefek
gerakan linier (translasi), pada sistem koordinat polar
akan berefek gerakan berputar(rotasi).
BAB IV
GRAFIKA 3
DIMENSI
MATERI
Sistem Koordinat
Titik 3 Dimensi
Definisi Obyek 3 Dimensi
Implementasi Definisi Dari Struktur Face
Implementasi Definisi Dari Struktur Obyek 3D
Contoh Pernyataan Obyek Limas Segiempat
Implementasi Pernyataan Obyek 3 Dimensi
Implementasi Konversi Vektor 3D Menjadi Titik 2D
Implementasi Konversi Titik 3D Menjadi Vektor 3D
Implementasi Cara Menggambar Obyek 3D
Implementasi Tilting
2. TITIK 3 DIMENSI
a. Titik 3D dinyatakan dengan P(x,y,z)
Typedef struct
{
float x,y,z;
} point3D_t
b. Face adalah
{ for(j=0;j<prisma.fc[i].NumberofVertices;j++)
vecbuff[j]=vec[prisma.fc[i].pnt[j]];
for(j=0;j<prisma.fc[i].NumberofVertices;j++)
titik2D[j]=Vector2Point2D(vec[prisma.fc[i].pnt[j]]);
drawPolygon(titik2D,prisma.fc[i].NumberofVertices);
}
mat=tilting;
for(i=0;i<prisma.NumberofVertices;i++)
{ vec[i]=Point2Vector(prisma.pnt[i]);
vec[i]=mat*vec[i];
}
(1)Ambilvektordarisetiaptitikpadaface tersebut
(2)Konversikansetiapvektor3D menjadititik2D
(3)Dari hasilkonversidigambarkanpolygon