P. 1
Grafika Komputer_pertemuan1 Dan 2

Grafika Komputer_pertemuan1 Dan 2

|Views: 164|Likes:
Published by Reza Raharditya

More info:

Categories:Types, School Work
Published by: Reza Raharditya on Aug 06, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PPT, PDF, TXT or read online from Scribd
See more
See less

06/21/2015

pdf

text

original

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 .

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

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

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. .

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

11111 10001 10201 12021 20102 . dimana sebuah gambar didefinisikan sebagai array dari besarbesaran numeris.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 .

.

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

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

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

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

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

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

0...0).).0. Mendefinisikan warna dari windows yang dibuat dengan warna (1.0.1.0.1..640.1) yaitu warna putih gluOrtho2D(0.640] dan range untuk sumbu y adalah [-240.-240. Mendefinisikan besarnya sistem koordinat dengan range sumbu x adalah [0.240] .1.240.Struktur Dasar Program Grafik Dengan OpenGL glClearColor(1.

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

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

130). glVertex2i(150. glEnd(). glVertex2i(100.50). My first Drawing .130).Contoh Menggambar Titik glBegin(GL_POINTS). glVertex2i(100.

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

Latihan Menggambar Titik .

Menggambar Garis dengan Open-GL .

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

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

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

glVertex2i(100. glVertex2i(300.100) (300.50).150) (100.100). glEnd().50) .Membuat PolyLine glBegin(GL_LINE_STRIP). glVertex2i(200. My first drawing (200.150).

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

100).50) .Membuat Polygon glBegin(GL_LINE_LOOP).50). glVertex2i(200.150) (100. glEnd().100) (300. glVertex2i(300. glVertex2i(100. My first drawing (200.150).

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

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->