computer graphics cs77 — spring 2013

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 1 / 27

introduction

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 2 / 27

computer graphics: the study of creating images using computers

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 3 / 27

problems in graphics • 2D imaging – compositing – filtering – painting

• 2D drawing – shape representation – editing

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 4 / 27

problems in graphics • 3D modeling – surface representation [Nealenv et al. 2005]

– surface editing

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 5 / 27

problems in graphics • 3D rendering – visibility estimation

[Cornell PCG]

– materials simulation

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 6 / 27

problems in graphics • 3D rendering [Praun et al. 2001; Gooch et al. 1998]

– non-photorealistic styles

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 7 / 27

problems in graphics

– deformation representation – keyframe interpolation – physical simulation

computer graphics · introduction

[Essa et al. 2005; Guendalman et al. 2005]

• animation

© 2013 fabio pellacini, jonathan denning · 8 / 27

problems in graphics

– 2D/3D user interfaces – virtual reality – augmented reality

computer graphics · introduction

[UNC, Office of the Future; Moscovic et al. 2005]

• interaction

© 2013 fabio pellacini, jonathan denning · 9 / 27

problems in graphics

[Geri’s Game — © Pixar/Disney]

• putting them all together

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 10 / 27

computer graphics: mathematics and physics made visible by computer simulations

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 11 / 27

• entertainment

•

• •

•

– movies – games science and engineering – computer-aided design – scientific/medical visualization info visualization graphic arts – digital photography – graphic design fine arts

computer graphics · introduction

[Avatar — © 20th Century Fox; Fight Night Round 4 — © EA Games]

applications

© 2013 fabio pellacini, jonathan denning · 12 / 27

• entertainment

•

• •

•

– movies – games science and engineering – computer-aided design – scientific/medical visualization info visualization graphic arts – digital photography – graphic design fine arts

computer graphics · introduction

[X-Men Origins: Wolverine — © 20th Century Fox; © Activision]

applications

© 2013 fabio pellacini, jonathan denning · 13 / 27

applications

•

• •

•

– movies – games science and engineering – computer-aided design – scientific/medical visualization info visualization graphic arts – digital photography – graphic design fine arts

computer graphics · introduction

[Gooch et al. 1998]

• entertainment

© 2013 fabio pellacini, jonathan denning · 14 / 27

applications

•

• •

•

– movies – games science and engineering – computer-aided design – scientific/medical visualization info visualization graphic arts – digital photography – graphic design fine arts

computer graphics · introduction

[Chen et al. 2005]

• entertainment

© 2013 fabio pellacini, jonathan denning · 15 / 27

applications

•

• •

•

– movies – games science and engineering – computer-aided design – scientific/medical visualization info visualization graphic arts – digital photography – graphic design fine arts

computer graphics · introduction

[Adobe Photoshop]

• entertainment

© 2013 fabio pellacini, jonathan denning · 16 / 27

applications

•

• •

•

– movies – games science and engineering – computer-aided design – scientific/medical visualization info visualization graphic arts – digital photography – graphic design fine arts

computer graphics · introduction

[Wooden Mirror — Daniel Rozin]

• entertainment

© 2013 fabio pellacini, jonathan denning · 17 / 27

mechanics

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 18 / 27

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 OpenGL – implement large systems

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 19 / 27

topics • • • • • •

digital images rendering 3D environments geometric transformations graphics pipeline curve and surface representation animation

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 20 / 27

topics — digital images • image representation • compositing • antialiasing

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 21 / 27

topics — rendering 3D environments raytracing shading models realistic materials lighting simulation

computer graphics · introduction

[Cornell PCG]

• • • •

© 2013 fabio pellacini, jonathan denning · 22 / 27

topics — geometric transformations • • • •

2D transformations 3D transformations projections hierarchies

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 23 / 27

topics — graphics pipeline

[Marschner 2003]

• rasterization • z-buffer • graphics architectures

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 24 / 27

topics — curves and surfaces • parametric curves • polygonal meshes • subdivision surfaces

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 25 / 27

topics — animation • keyframe interpolation • skeletal animation • skinning

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 26 / 27

administration details www.cs.dartmouth.edu/~cs77/

computer graphics · introduction

© 2013 fabio pellacini, jonathan denning · 27 / 27