Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... ·...
Transcript of Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... ·...
![Page 1: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/1.jpg)
computer graphics • introduction © 2009 fabio pellacini • 1
Fundamentals of Computer Graphics
Spring 2012
![Page 2: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/2.jpg)
computer graphics • introduction © 2009 fabio pellacini • 2
introduction
![Page 3: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/3.jpg)
computer graphics • introduction © 2009 fabio pellacini • 3
Computer Graphics: the study of creating images using computers
![Page 4: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/4.jpg)
computer graphics • introduction © 2009 fabio pellacini • 4
problems in graphics
• 2D imaging – compositing – filtering – painting
• 2D drawing – shape representation – editing
![Page 5: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/5.jpg)
computer graphics • introduction © 2009 fabio pellacini • 5
problems in graphics
• 3D modeling – surface representation – surface editing
[Nealenv et al. 2005]
![Page 6: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/6.jpg)
computer graphics • introduction © 2009 fabio pellacini • 6
problems in graphics
• 3D rendering – visibility estimation – lighting simulation – materials simulation
[Cornell PCG] [Cornell PCG]
![Page 7: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/7.jpg)
computer graphics • introduction © 2009 fabio pellacini • 7
problems in graphics
• 3D rendering – non-photorealistic styles
[Praun et al. 2001]
[Goo
ch e
t al
. 199
8]
![Page 8: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/8.jpg)
computer graphics • introduction © 2009 fabio pellacini • 8
problems in graphics
• animation – deformation representation – keyframe interpolation – physical simulation
[Ess
a et
al.
2005
]
[Gue
ndal
man
et
al. 2
005]
![Page 9: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/9.jpg)
computer graphics • introduction © 2009 fabio pellacini • 9
problems in graphics
• interaction – 2D/3D user interfaces – virtual reality – augmented reality
[Mos
covi
c et
al.
2005
]
[UN
C, O
ffice
of t
he F
utur
e]
![Page 10: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/10.jpg)
computer graphics • introduction © 2009 fabio pellacini • 10
problems in graphics
• putting them all together
[Geri’s Game – © Pixar/Disney]
![Page 11: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/11.jpg)
computer graphics • introduction © 2009 fabio pellacini • 11
computer graphics: mathematics and physics
made visible by computer simulations
![Page 12: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/12.jpg)
computer graphics • introduction © 2009 fabio pellacini • 12
applications
• entertainment – movies – games
[King Kong – © Universal Studios]
[NBA Live 07 – © EA Games]
![Page 13: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/13.jpg)
computer graphics • introduction © 2009 fabio pellacini • 13
applications
• entertainment – movies – games
[Lord of the Rings – © New Line Cinema]
[Lord of the Rings II – © EA Games]
![Page 14: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/14.jpg)
computer graphics • introduction © 2009 fabio pellacini • 14
applications
• entertainment • science and engineering
– computer-aided design – scientific/medical visualization
[Goo
ch e
t al
. 199
8]
![Page 15: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/15.jpg)
computer graphics • introduction © 2009 fabio pellacini • 15
applications
• entertainment • science and engineering • visualization
– information visualization
[Che
n et
al.
2005
]
![Page 16: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/16.jpg)
computer graphics • introduction © 2009 fabio pellacini • 16
applications
• entertainment • science and engineering • visualization • graphic arts
– digital photography – graphic design
[Adobe Photoshop]
![Page 17: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/17.jpg)
computer graphics • introduction © 2009 fabio pellacini • 17
applications
• entertainment • science and engineering • visualization • graphic arts • fine arts
[Wooden Mirror – Daniel Rozin]
![Page 18: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/18.jpg)
computer graphics • introduction © 2009 fabio pellacini • 18
mechanics
![Page 19: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/19.jpg)
computer graphics • introduction © 2009 fabio pellacini • 19
content
• you will – understand image synthesis principles – learn math to make images – implement key algorithms – write cool apps
• you will not – learn graphics APIs (OpenGL, DX)
• though you will use a bit of GL
– implement large systems
![Page 20: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/20.jpg)
computer graphics • introduction © 2009 fabio pellacini • 20
topics
• digital Images • rendering 3D environments • geometric transformations • graphics pipeline • curve and surface representation • animation
![Page 21: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/21.jpg)
computer graphics • introduction © 2009 fabio pellacini • 21
topics – digital images
• image representation • compositing • antialiasing
![Page 22: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/22.jpg)
computer graphics • introduction © 2009 fabio pellacini • 22
topics – rendering 3D environments
• raytracing • shading models • realistic materials • lighting simulation
[Cornell PCG]
![Page 23: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/23.jpg)
computer graphics • introduction © 2009 fabio pellacini • 23
topics – geometric transformations
• 2D transformations • 3D transformations • projections • hierachies
![Page 24: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/24.jpg)
computer graphics • introduction © 2009 fabio pellacini • 24
topics – graphics pipeline
• rasterization • z-buffer • graphics architectures
[Marschner 2003]
![Page 25: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/25.jpg)
computer graphics • introduction © 2009 fabio pellacini • 25
topics – curves and surfaces
• parametric curves • polygonal meshes • subdivision surfaces
![Page 26: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/26.jpg)
computer graphics • introduction © 2009 fabio pellacini • 26
topics – animation
• keyframe interpolation • skeletal anination • skinning
time
valu
e
![Page 27: Fundamentals of Computer Graphicspellacini.di.uniroma1.it/teaching/graphics11/lectures/01... · 2017-09-12 · computer graphics • introduction © 2009 fabio pellacini • 1 Fundamentals](https://reader030.fdocuments.in/reader030/viewer/2022040411/5ed5da4fe5cfb841bf323220/html5/thumbnails/27.jpg)
computer graphics • introduction © 2009 fabio pellacini • 27
administration details pellacini.di.uniroma1.it/~teaching/graphics11/
index.html