CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149...

17
CS 476: Computer Graphics Lecture 1: Overview

Transcript of CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149...

Page 1: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

CS 476: Computer Graphics

Lecture 1: Overview

Page 2: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

Geometric Primitives

Page 3: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D Scene Generation

Clem Lapeyre, Samni Oyenuga, Gray Williams

Digital 3D Geometry, Duke University, 2019

Page 4: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

Rendering

How do we see light? Let’s reverse engineer it!

Shirley/Marschner Ch. 4

Page 5: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

Ray Tracing: Pixel First REndering

Tralie 2009

Page 6: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

Ray Tracing: Pixel First REndering

https://www.awn.com/news/nvidia-unveils-quadro-rtx-worlds-first-ray-tracing-gpu

Page 7: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

REal-Time Pipeline: Object First REndering

Page 8: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

Real-Time REndering TOols: Shaders ANd WebGL

Page 9: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

Rendering: Global Illumination

Radiosity: http://dudka.cz/rrv/files/screenshot/room4-step079-snapshot000.png

Page 10: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

ARtistic Effects

Cel Shading (aka “Toon Shading”)

Page 11: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D Shape REpresentationsPolygon Meshes

Page 12: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D Shape REpresentationsSubdivision Surfaces

https://raw.githubusercontent.com/mattatz/unity-subdivision-surface/master/Captures/Heads.png

Page 13: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D Shape REpresentationsVolumetric Representations

https://renderman.pixar.com/resources/RenderMan_20/appnote.31.html

Page 14: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D Shape REpresentationsVolumetric Representations? Building a head from blobs

Page 15: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D AnimationKeyframes

https://animationmethods.wordpress.com/category/3d-animation-2/

Page 16: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D AnimationRotation Interpolation

Page 17: CS 476: Computer Graphics€¦ · skeleton pelvis head Ishoulder knee 137 146 141 148 143 151 149 153 151 156 158 161 161 163 169 166 175 163 157 173 171 153 139 (c) N = 20 (d) N

3D AnimationRigging/Skinning