Tujuan
 Mahasiswa bisa membuat (create) gambar menggunakan Open-GL dan bahasa C++.  Mahasiswa bisa membuat gambar 2D dan gambar 3D.  Mahasiswa dapat menerapkan prinsip-prinsip transformasi 2D dan 3D.  Mahasiswa dapat menerapkan shading dan pencahayaan pada obyek gambar  Mahasiswa dapat membuat morphing

TUJUAN PENGAJARAN GRAFIKA KOMPUTER
 Mempelajari bagaimana membuat grafik

(gambar) yang tampak nyata dengan menggunakan program komputer.  Mempelajari berbagai macam bentuk transformasi yang dapat menampilkan perubahan atau gerakan gambar  Mempelajari bagaimana membuat elemen-elemen grafik dengan cara yang “smart”

MATERI GRAFIKA KOMPUTER  Pengenalan Grafika Komputer  Primitive Drawing  Grafik 2-Dimensi  Grafik 3-Dimensi  Morphing  Shading dan Optical View  Spline dan Bezier .

Prasyarat Grafika Komputer  Matematika  Aljabar Matrik  Teknik Pemrograman. khususnya yang menggunakan bahasa C++  Struktur Data dan Algoritma .

sebagai library untuk grafika komputer.  Open-GL. dan g++ untuk sistem operasi Linux. .Perangkat Yang Digunakan  Komputer PC  Sistem Operasi Microsoft Windows atau Linux  Bahasa C++: dalam hal ini menggunakan Microsoft Visual C++ untuk sistem operasi MSWindows.

Apa Grafika Komputer ?  Grafika komputer adalah gambar atau grafik yang dihasilkan oleh komputer. .  Grafika komputer merupakan perangkat (tool) dasar yang digunakan untuk membuat gambar dengan komputer.

animasi. special effect. game komputer. web browsing. seperti produksi film. Entertainment dan Publishing. buku.Dimana Grafik Yang Dibuat Dengan Komputer ini Digunakan  Seni. dan majalah  Image Processing  Menampilkan proses yang sedang berjalan (monitoring)  Menampilkan simulasi  CAD  Visualisasi analisa sains . slide.

Elemen-Elemen Dasar Grafika Komputer Polylines Text Filled regions Raster images .

.Polyline Polyline adalah dereten garis-garis lurus yang berhubungan. Polyline ini adalah dasar dari setiap pembuatan grafik.

Text Haettenschweile r Haettenschweil Time New Roman er Bold Time New RomanHaettenschweile bold Time New Roman italic r italic Courier Courier bold Courier italic .

Filled Region Filled-Region adalah bagaimana memberi (memblok) warna atau pattern pada sebuah luasan .

dimana sebuah gambar didefinisikan sebagai array dari besarbesaran numeris. 11111 10001 10201 12021 20102 .Raster Image Raster image adalah penyajian gambar menggunakan matrik dari setiap sel gambar.

Beberapa Device Dalam Grafika Komputer  Line-Drawing Display  Raster Display  Indexed Color dan The Lookup Table  Other Raster Display Devices  Hard-Copy Raster Devices .

.

Tujuan  Mengenal dan mulai menulis program untuk membuat gambar  Mempelajari dasar-dasar pembuatan grafik dengan OpenGL  Mengembangkan beberapa perangkat dasar untuk menggambar line. polyline dan polygon .

dan Windows . Unix.  OpenGL bekerja dalam bahasa C  OpenGL dapat bekerja pada beberapa platform. seperti SGI.OpenGL  OpenGL adalah library yang khusus menyediakan perangkat-perangkat pembuatan grafik.

dll  Letakkan glut. .h di direktori include pada Visual C (vc98/include)  Letakkan glut32.dll di direktori windows/system.h.lib dan glut32.lib di direktori lib pada Visual C (vc98/lib)  Letakkan glut32.Cara Menginstall OpenGL pada Microsoft Windows  Ada 3 file penting dalam OpenGL yang akan digunakan dalam sistem operasi MS-Windows. glut32. yaitu glut.

//program grafik ditulis disini } void display(void) { glClear(GL_COLOR_BUFFER_BIT).h> void userdraw() { static int tick=0. } .Struktur Dasar Program Grafik Dengan OpenGL #include <glut. userdraw(). glutSwapBuffers().

glutInitDisplayMode(GLUT_DOUBLE|GLUT_RGB).240. return 0..Struktur Dasar Program Grafik Dengan OpenGL int main(int argc.). glutMainLoop(). glutInitWindowSize(640.. } .. glClearColor(1.480).0.100).1. glutInitWindowPosition(100. gluOrtho2D(0.0.0.640.-240. char **argv) { glutInit(&argc.0).1. glutDisplayFunc(display). glutCreateWindow(“my first Open GL"). glutIdleFunc(display).argv).0.

100).Struktur Dasar Program Grafik Dengan OpenGL glutInitWindowPosition(100. glutInitWindowSize(640. Membuat windows dengan ukuran (640. Memberi judul pada windows dengan “my first Open GL” .480) dengan titik kiri atas jendela diletakkan pada posisi (100.480).100) di layar komputer glutCreateWindow(“my first Open GL").

.640] dan range untuk sumbu y adalah [-240.640..).1.0. Mendefinisikan warna dari windows yang dibuat dengan warna (1.0.-240.1) yaitu warna putih gluOrtho2D(0.1.0.Struktur Dasar Program Grafik Dengan OpenGL glClearColor(1.240..240] .0).0.1. Mendefinisikan besarnya sistem koordinat dengan range sumbu x adalah [0.

0) .480) (0.480) (640.Sistem Koordinat y Drawing Windows (0.0) x (640.

y) dimana x dan y didefinisikan sebagai bilangan bulat (integer) glVertex2f(x.y) Untuk menggambar titik di posisi (x.y) Untuk menggambar titik di posisi (x.y) dimana x dan y didefinisikan sebagai bilangan pecahan (float/double) .Menggambar Titik glVertex2i(x.y) glVertex2d(x.

Contoh Menggambar Titik glBegin(GL_POINTS). glVertex2i(100. My first Drawing .130). glVertex2i(100. glVertex2i(150.130). glEnd().50).

glEnd(). } Fungsi ini digunakan bila x dan y didefinisikan sebagai integer void drawDot(float x. glVertex2i(x. glEnd().y). int y) { glBegin(GL_POINTS). } Fungsi ini digunakan bila x dan y didefinisikan sebagai float .Fungsi Untuk Membuat Titik void drawDot(int x.y). float y) { glBegin(GL_POINTS). glVertex2f(x.

Latihan Menggambar Titik .

Menggambar Garis dengan Open-GL .

100). glEnd(). My first drawing glBegin(GL_LINES).Menggambar Garis Untuk membuat garis diperlukan library GL_LINES dengan menyatkan titik awal dan titik akhir dari garis. glVertex2i(100.150). glVertex2i(200. (100.150) .100) (200.

int y1. } .y2). glEnd(). } void drawLine(float x1. glEnd(). glVertex2f(x1.float y2) { glBegin(GL_LINES).int y2) { glBegin(GL_LINES).float y1.Fungsi Untuk Menggambar Garis void drawLine(int x1. glVertex2f(x2.y1). glVertex2i(x1.float x2.y1).int x2.y2). glVertex2i(x2.

y3).Membuat PolyLine Polyline adalah sekumpulan garis yang terhubung satu dengan yang lainnya hingga membentuk sebuah obyek gambar. glVertex2i(x1. glEnd(). . …………………………………………… glVertex2i(xn. glBegin(GL_LINE_STRIP). glVertex2i(x2.yn).y1).y2). glVertex2i(x3.

glVertex2i(300.Membuat PolyLine glBegin(GL_LINE_STRIP).150).50).100) (300.150) (100. glVertex2i(100. My first drawing (200. glEnd().50) . glVertex2i(200.100).

glVertex2i(x2. …………………………………………… glVertex2i(xn. glVertex2i(x1.Membuat Polygon Polyline adalah sekumpulan garis yang terhubung satu dengan yang lainnya dan berbentuk kurva tertutup hingga membentuk sebuah obyek gambar.yn). glBegin(GL_LINE_LOOP). . glVertex2i(x3.y1).y3). glEnd().y2).

My first drawing (200. glEnd().150).50) . glVertex2i(200. glVertex2i(300.150) (100.Membuat Polygon glBegin(GL_LINE_LOOP).100) (300.50).100). glVertex2i(100.

Tugas 1: gambar rumah seperti gambar berikut: Membuat My House .

Tugas 2: gambar TV seperti gambar berikut: Membuat My TV .

Sign up to vote on this title
UsefulNot useful