GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA...

21
GRAFIKA GAME Aditya Wikan Mahastama [email protected] UNIV KRISTEN DUTA WACANA –GASAL 1112 1 Pengantar Grafika Game

Transcript of GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA...

Page 1: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

GRAFIKA GAME

Aditya Wikan [email protected]

UNIV KRISTEN DUTA WACANA – GASAL 1112

1

Pengantar Grafika Game

Page 2: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112
Page 3: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Term coined by William Fetter, Boeing (1960)http://web.cs.wpi.edu/~matt/courses/cs563/talks/history.html

• Computer Graphics are graphics created

using computers and, more generally,

the representation and manipulation of image data

by a computer

• Secara umum: apapun yang dicitrakan dengan

komputer, dan citra yang dimanipulasi dengan

komputer

GRAFIKA KOMPUTER

Page 4: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

COMPUTER

GRAPHICS

Computer

Graphics

Digital Image

Processing

Computer

Vision

Page 5: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

COMPUTER

GRAPHICS

Computer

Graphics

Digital Image

Processing

Computer

Vision�Data Visualization

�CGI

�Pattern Generator

�Image Preprocessing

�Image Manipulation

�Image Effects

�Pattern Recognition

Page 6: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

COMPUTER

GRAPHICS

Computer

Graphics

Digital Image

Processing

Computer

VisionDATA � IMAGE

IMAGE � IMAGE

IMAGE � DATA

Page 7: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

Digital Image Processing:

Input: pixels, output: pixels.

Manipulate existing images to achieve desired

visual results (image correction, visual effects,

transparency, image stitching)

Page 8: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

Computer Vision:

Input: pixels, output: data.

Read images, manipulate if necessary and

interprets it (segmentation, thinning, edge

detection, isolation, properties extraction)

Page 9: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

Computer Graphics:

Input: data, output: pixels.

Create, plot and manipulate images using data to

render analytic visual result (image primitives,

transformations, fractals, 2D and 3D planar

projection)

Page 10: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112
Page 11: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Menyajikan informasi dalam bentuk yang mudah

dipahami

GUNA GRAFIKA KOMPUTER

Page 12: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Memodelkan suatu kondisi secara visual untuk

mempermudah analisis

Page 13: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Memodelkan suatu kondisi secara visual untuk

mempermudah analisis

Page 14: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Menciptakan hal-hal yang mustahil, secara visual

Page 15: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Principles of Light and ColoursColour Models and Colour Rendering Modes

• Principles of Computer GraphicsPicture Elements (pixel)

Computer Graphics Coordinate System

Bitmap and Vector

• 2D and 3D Graphics Primitives ProjectionVertices, Lines, Curves

Their derivatives: Rectangle, Ellipse, Arc, Polygons

• Graphics Primitives ManipulationFilling, Clipping, Intersection, Transparency

• 2D TransformationTranslation, Reflection, Scaling, Rotation, Shearing

Composite Transformation

SCOPE OF COMPUTER GRAPHICS

Page 16: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Principles of Animated ObjectsSprites, Frames and Tracks

Principles of Physics in Animation

• Transformation in 3-Dimensional Space

• Pattern Generation

• Ray Tracing

• Lights and Shading

• Texture Mapping

• Volume Rendering

• 3D Modeling

• 3D Animation

Page 17: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

Can you draw this if you can’t even draw a single line?

Page 18: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

If this, just use a pencil ☺

Page 19: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Teori dan latihan

• Contoh implementasi dalam program

PROSES PERKULIAHAN

Page 20: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

• Memahami prinsip-prinsip grafika dalam komputer

• Mengetahui bagaimana sebenarnya komputer

menggambar sesuatu

• Dapat mengimplementasikan prinsip-prinsip grafika

ke dalam program

TUJUAN MATAKULIAH

Page 21: GRAFIKA GAME - lecturer.ukdw.ac.idlecturer.ukdw.ac.id/~mahas/dossier/grafgame_01.pdf · GRAFIKA GAME Aditya Wikan Mahastama mahas@ukdw.ac.id UNIV KRISTEN DUTA WACANA –GASAL 1112

MY HOPES

• Silakan lihat demo program