7/24/2019 2724039

1/18

Pengantar Kuliah:Pengantar Kuliah:Grafika KomputerGrafika Komputer

Program Diploma IV

PENS-ITS Surabaya 2003

By: Achmad Basuki & Nana Ramadijanti

7/24/2019 2724039

2/18

Tujuan Perkuliahan

Mahasiswa dapat membuat programuntuk membangun grafik 2D dan 3Dmenggunakan bahasa pemrograman C+

+ dan grafik library OpenGL Mahasiswa dapat menerapkan prinsip!

prinsip dasar grafika komputer untukkeperluan "isualisasi# animasi dan

simulasi pada bidang ilmu lainnya

7/24/2019 2724039

3/18

Materi Yang Harus Dikuasai UntukMempelajari Grafika Komputer

Menggambar Teknik (Technical Drawing)

Matematika, dalam hal ini yang lebih

dientingkan adalah al!abar matrik dange"metri#

Pemr"graman $"muter, dalam hal ini

emr"graman dalam baha%a &''

7/24/2019 2724039

4/18

Id Dasar Grafika Komput r

raika k"muter adalah %uatu bidang ilmu yang

memela!ari bagaimana *membangun+ graik

(gambar) baik 2 mauun 3 yang kelihatan nyata

menggunakan k"muter# Salah %atu bidang graika k"muter yang %angat

terkenal adalah Desain Grafis#

7/24/2019 2724039

5/18

Beerapa Penerapan Grafika Komputer

Entertainment, mi%alnya dalam embuatan ilm anima%i#Terminat"r II dan Titani meruakan "nt"h ilm n"n anima%iyang memanaatkan eek-eek graika k"muter yang%angat anggih#

.i%uali%a%i Pr"%e%, mi%alnya menggambarkan lay"ut kiner!a

r"%e% abrik, atau r"%e%-r"%e% yang dalam m"dul a!ar# .i%uali%a%i /a%il Penelitian, %eerti menggambar graik

er"rmane, garik erubahan bahkan graik m"del ha%il%imula%i dan imlementa%i r"gram#

er%ama-%ama dengan image r"e%%ing digunakan%ebagai alg"ritma identiika%i, %eerti yang dilakukan adake"li%ian untuk menggambarkan 1a!ah %e%e"rang %eara3 dan identiika%i %e%e"rang#

IS (e"grahi In"rmati"n Sy%tem)

Ma%il banyak yang lainnya#

7/24/2019 2724039

6/18

!pakah Beda Gamar Dan Photo "

Ph"t" meruakan gambar yang diha%ilkan

dengan r"%e% capturedari kegiatan nyata#

/a%ilnya %etia detail akan munul, mi%alnya

!umlah kumi% ada kuing %ama#

ambar adalah r"%e% embentukan gambar

yang dilakukan dengan meniru kegiatan nyata#

/a%ilnya ada beberaa detail yang tidak daatditamilkan# Siaa yang eduli ada !umlah

kumi% ada kuing ada %aat menggambar

$ni adalah pertanyaan dasar dalam membangungambar se%ara nyata

7/24/2019 2724039

7/18

Ma#am$Ma#am gamar Komputer

Raster Image, adalah gambar yang %trukturnyaberua matrik# imana %etia titik (,y) memunyai

nilai berua 1arna %e%uai dengan m"del 1arna yang

digunakan %eerti 4 atau &5M$# 6ile dengan

ek%ten%i MP, I6, TI66, 7P dan PN meruakan"nt"h dari 4a%ter Image# M"del gambar %emaam

ini digunakan dalam Image Pr"e%%ing# Vector Image, adalah gambar yang %trukturnya

berua 8ekt"r# ambar yang dibuat menggunakan

9ut"&9 atau Maya, atau gambar-gambar ada

IS meruakan "nt"h dari .et"r Image# M"del

gambar %emaam ini digunakan dalam raika

$"muter dan IS#

7/24/2019 2724039

8/18

Materi Grafika Komputer

Primiti8e ra1ing

:byek raik 2

Tran%"rma%i 2

:byek raik 3

Tran%"rma%i 3

Shading dan :tial .ie1

;-"rder dan ;-buer

M"rhing

&ur8e dan Sline

7/24/2019 2724039

9/18

Primiti%e Dra&ing

Menggambar obyek!obyek dasar grafik yangberupa& titik# garis# polyline# polygon Memberikan warna pada obyek grafik misalkan

dengan set%olor# fillpolygon# gradatepolygon

Polyline

Polygon

FillPolygon

GradatePolygon

7/24/2019 2724039

10/18

'(ek Grafik )D

'truktur data obyek grafik 2D# dalam halini digunakan bentuk struktur (type data

re%ord) dan array Menggambar obyek grafik 2D dengan

struktur data yang sudah ditentukan

*ab ini membahas bagaimana membangun obyekgrafik 2D

typedef struct {

float x,y;

} point2D_t;

point2D_t P[3];

drawPolygon(P,3);

Definisi struktur !"ple"entasi

7/24/2019 2724039

11/18

Transformasi )D

Ma%am!ma%am transformasi 2D# sepertiranslasi (pindah)# ,otasi (berputar) dan'%aling (berubah ukuran)

Model Matrik ransformasi

-erubahan 'truktur Data -oint2D ke.ektor2D dan sebaliknya

$mplementasi tranformasi 2D

translasi

rotasi

s#aling

7/24/2019 2724039

12/18

'(ek Grafik *D

Si%tem $""rdinat 3

Struktur data "byek graik 3 menggunakan

%truktur (tie data re"rd) untuktitik 3, ae(%i%i), dan array#

Mengambar "byek graik 3 %e%uai dengan

%truktur data yang %udah ditentukan#

*ab ini membahas bagaimana membangun obyekgrafik 3D

7/24/2019 2724039

13/18

+truktur Data '(ek Grafik )*D

typedef struct {

float x,y,z;

} point2D_t;

Definisi struktur titik 3D

titik3D

Fa#e

typedef struct {

int NumberofPoint;

int p[32;

} face_t;

Definisi struktur fa#e

7/24/2019 2724039

14/18

Transformasi *D

Ma%am!ma%am transformasi 3D# sepertiranslasi (pindah)# ,otasi (berputar)# '%aling(berubah ukuran) dan -erspektif

Model Matrik ransformasi 3D

-erubahan 'truktur Data -oint3D ke.ektor3D dan sebaliknya

$mplementasi tranformasi 3D

7/24/2019 2724039

15/18

+hading dan 'pti#al ,ie&

Wire-Frame Pewarnaan Pada Face

Dasar-dasar Optival View

Flat Shading

Garoud Shading

7/24/2019 2724039

16/18

Morphing

7/24/2019 2724039

17/18

-$order dan -$uffer

7/24/2019 2724039

18/18

&ur8e dan Sline