Computer Graphics
Introduction to
Computer Graphics
Erwin Yudi Hidayat
erwin@[Link]
erwin@[Link] Fasilkom Udinus || 2012
Evaluasi & Kontrak Kuliah CG
Evaluasi Penilaian
Tugas : 30 %
UTS : 35 %
UAS : 35 %
Peraturan
Max Keterlambatan: Menit
Ijin menggunakan surat
Berpakaian rapi dan sopan
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Courtesy of Tippet Studio
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
On set: Pyrotechnics
Courtesy of Tippet Studio
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Bugs:
Courtesy of Tippet Studio
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
The Final Stage: Burning the bugs
Courtesy of Tippet Studio
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What is Computer Graphics? CG
Definition
Producing pictures or images using a computer
Example
Starship Troopers: Tango-Urilla, Death From Above
Batman & Robin: The Love Dust
Courtesy of Buf Compagnie
erwin@[Link] Fasilkom Udinus || 2012
What’s cool about graphics! CG
Visual
Wide appeal
Interactive
Interdisciplinary
Biology, Physiology, Psychology, Physics, Math, Art,
CS
Movies and Games Call of Duty Modern Warfare 2:
Money $310 Million (opening day!)
Movies: $10.6B (2009)
Avatar: $242 Million (opening weekend)
Video games: $20.2B (2009)
erwin@[Link] Fasilkom Udinus || 2012
Applications CG
Display of Information
Design
Simulation & Training
Computer Art
Entertainment
Graphical User Interfaces
Science & Engineering
erwin@[Link] Fasilkom Udinus || 2012
Display of Information CG
Graphics for Scientific, Engineering, and
Medical Data
Nebula Medical Image
erwin@[Link] Fasilkom Udinus || 2012
Design CG
Graphics for Engineering and Architectural
System
Design of Building, Automobile, Aircraft,
Machine etc.
AutoCAD 2002 Interior Design
erwin@[Link] Fasilkom Udinus || 2012
Simulation CG
Computer-Generated Models of Physical,
Financial and Economic Systems for
Educational Aids
Flight Simulator Mars Rover Simulator
erwin@[Link] Fasilkom Udinus || 2012
Training CG
Designing Effective Step-By-Step Assembly Instructions (Maneesh Agrawala et. al)
erwin@[Link] Fasilkom Udinus || 2012
Computer Art CG
Graphics for Artist
Metacreation Painter
erwin@[Link] Fasilkom Udinus || 2012
Computer Art CG
Fine Arts
Blair Arch (Marissa Range,
Princeton University)
erwin@[Link] Fasilkom Udinus || 2012
Entertainment CG
Graphics for Movie, Game, VR etc.
Final Fantasy Online Game
erwin@[Link] Fasilkom Udinus || 2012
Entertainment CG
Movies
erwin@[Link] Fasilkom Udinus || 2012
Entertainment CG
Movies
erwin@[Link] Fasilkom Udinus || 2012
Entertainment CG
Games
erwin@[Link] Fasilkom Udinus || 2012
Graphical User Interfaces CG
erwin@[Link] Fasilkom Udinus || 2012
Graphical User Interfaces CG
erwin@[Link] Fasilkom Udinus || 2012
Science & Engineering CG
Simulated deformation of citrate synthase
during substrate binding (Kalju Kahn, UCSB)
erwin@[Link] Fasilkom Udinus || 2012
Science & Engineering CG
3D microscopy of capillaries in glomulerus of a
human kidney (Roger C. Wagner, University of
Deleware)
erwin@[Link] Fasilkom Udinus || 2012
What’s Our Scope? CG
Not a Tutorial on Commercial Software
3DMax, Maya, Photoshop, etc.
Not about Graphics Business
3D online-game, E-commerce, etc.
Graphics = Algorithm for Visual Simulation
Imaging, Modeling, Rendering, Animation
erwin@[Link] Fasilkom Udinus || 2012
Imaging CG
Warping
Metamorphosis
Non-Photorealistic Rendering
erwin@[Link] Fasilkom Udinus || 2012
Imaging CG
erwin@[Link] Fasilkom Udinus || 2012
Warping CG
Courtesy of Princeton Univ.
erwin@[Link] Fasilkom Udinus || 2012
Metamorphosis (Morphing) CG
Image 0 Warp 0
Image 1 Warp 1
Result
erwin@[Link] Fasilkom Udinus || 2012
Metamorphosis (Morphing) CG
Image 0 Warp 0
Image 1 Warp 1
Result
erwin@[Link] Fasilkom Udinus || 2012
Polygon Morphing CG
erwin@[Link] Fasilkom Udinus || 2012
Polygon Morphing CG
erwin@[Link] Fasilkom Udinus || 2012
Modeling CG
Shape Description & Design
erwin@[Link] Fasilkom Udinus || 2012
Modeling CG
erwin@[Link] Fasilkom Udinus || 2012
Rendering CG
Simulating Behavior of Lights & Image
Formation
erwin@[Link] Fasilkom Udinus || 2012
Rendering CG
erwin@[Link] Fasilkom Udinus || 2012
Animation CG
Motion Representation & Control
erwin@[Link] Fasilkom Udinus || 2012
Animation CG
erwin@[Link] Fasilkom Udinus || 2012
Tools in Graphics - Hardware CG
Desktop & Laptop PowerVR GPU
GPU
erwin@[Link] Fasilkom Udinus || 2012
Problems in Graphics (_ _)” CG
erwin@[Link] Fasilkom Udinus || 2012
So, what’s Computer Graphics? CG
Algorithms for Visual Simulations
The study of creating, manipulating, and using
visual images in the computer
erwin@[Link] Fasilkom Udinus || 2012
Textbook CG
Computer Graphics
C Version
D. Hearn and M. P. Baker
2nd Edition
PRENTICE HALL
erwin@[Link] Fasilkom Udinus || 2012
CG
erwin@[Link] Fasilkom Udinus || 2012