computer graphics iii introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...fake or...
TRANSCRIPT
![Page 1: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/1.jpg)
Computer Graphics III Introduction
Jaroslav Křivánek, MFF UK
![Page 2: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/2.jpg)
Image synthesis (rendering)
Create an image (that looks like reality)
Given a scene description
CG III (NPGR010) – J. Křivánek 2015
![Page 3: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/3.jpg)
CG III (NPGR010) – J. Křivánek 2015 Copyright © Hossein Diba
![Page 4: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/4.jpg)
CG III (NPGR010) – J. Křivánek 2015
Image created by Bertrand Benoit Rendered in Corona Renderer
![Page 5: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/5.jpg)
CG III (NPGR010) – J. Křivánek 2015
Image created by Jeff Patton Rendered in Corona Renderer
![Page 6: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/6.jpg)
CG III (NPGR010) – J. Křivánek 2015
ŠKODA Rapid Catalogue
![Page 7: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/7.jpg)
CG III (NPGR010) – J. Křivánek 2015
![Page 8: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/8.jpg)
Fake or real?
CG III (NPGR010) – J. Křivánek 2015
Images courtesy Dudek Digital Imaging
![Page 9: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/9.jpg)
CG III (NPGR010) – J. Křivánek 2015
Images courtesy Maciek Ptaszynski
Fake or real?
![Page 10: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/10.jpg)
CG III (NPGR010) – J. Křivánek 2015
Image created by Weta Digital © 20th Century Fox
![Page 11: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/11.jpg)
CG III (NPGR010) – J. Křivánek 2015
![Page 12: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/12.jpg)
CG III (NPGR010) – J. Křivánek 2015
vimeo >> “The Great Gatsby VFX”
![Page 13: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/13.jpg)
CG III (NPGR010) – J. Křivánek 2015
vimeo >> “The Great Gatsby VFX”
![Page 14: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/14.jpg)
Images courtesy of Walt Disney Pictures
Path tracing (Arnold renderer)
Alice in the Wonderland, 2010
CG III (NPGR010) – J. Křivánek 2015
![Page 15: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/15.jpg)
Point-based global illumination: “Up”
© Pixar Animation Studios Image credit: Per Christensen
CG III (NPGR010) – J. Křivánek 2015
![Page 16: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/16.jpg)
Algorithm: POINT-BASED GI
Point-based global illumination: “Toy Story 3”
© Pixar Animation Studios Image credit: Per Christensen CG III (NPGR010) – J. Křivánek 2015
![Page 17: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/17.jpg)
CG III (NPGR010) – J. Křivánek 2015
![Page 18: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/18.jpg)
Computer Graphics Group
CG III (NPGR010) – J. Křivánek 2015
![Page 19: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/19.jpg)
Graphics@CUNI – Faculty
CG III (NPGR010) – J. Křivánek 2015
Alex Wilkie
Pepča Pelikán
Jarda Křivánek
![Page 20: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/20.jpg)
Vertex Connection & Merging (VCM)
VCM (new) BPT PPM
CG III (NPGR010) – J. Křivánek 2015
SIGGRAPH Asia 2012
![Page 21: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/21.jpg)
Robust rendering of volumetric media
CG III (NPGR010) – J. Křivánek 2015
SIGGRAPH 2014
![Page 22: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/22.jpg)
Our work in production
![Page 23: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/23.jpg)
CG III (NPGR010) – J. Křivánek 2015
![Page 24: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/24.jpg)
Image synthesis – A gentle intro
![Page 25: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/25.jpg)
Image synthesis (rendering)
Create an image (that looks like reality)
Given a scene description
CG III (NPGR010) – J. Křivánek 2015
![Page 26: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/26.jpg)
Scene description
Geometry
Where is which object and what shape does it have?
Usually represented by triangular meshes
Accessed via ray casting
Surface reflectance
Surface color, glossiness, transparency, etc.
Mathematical model: the BRDF
Light sources
Spatial and directional distribution of emitted light
Radiometric terms are used to describe this
Camera (sensor)
Position, orientation, type (perspective, spherical), etc.
Mathematical model: the Measurement Equation CG III (NPGR010) – J. Křivánek 2015
![Page 27: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/27.jpg)
Application of realistic image synthesis
Movie production
Entertainment, games
Industrial design
Architecture
Virtual showrooms
On-line commerce
Cultural heritage
Virtual and augmented reality
CG III (NPGR010) – J. Křivánek 2015
![Page 28: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/28.jpg)
Light transport simulation
CG III (NPGR010) – J. Křivánek 2015
emission
propagation
interaction
![Page 29: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/29.jpg)
Light transport simulation
Rendering = sum-up contributions of all light transport paths
CG III (NPGR010) – J. Křivánek 2015
![Page 30: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/30.jpg)
What’s in the image?
CG III (NPGR010) – J. Křivánek 2015 Image courtesy Eugene d’Eon
![Page 31: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/31.jpg)
What’s in the image?
CG III (NPGR010) – J. Křivánek 2015
Image courtesy Eugene d’Eon
![Page 32: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/32.jpg)
Why does skin look the way it does?
CG III (NPGR010) – J. Křivánek 2015
![Page 33: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/33.jpg)
Subsurface scattering effects on skin
CG III (NPGR010) – J. Křivánek 2015
![Page 34: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/34.jpg)
Global illumination – GI
34
Direct illumination
![Page 35: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/35.jpg)
Direct illumination
Light reflects only once on its way from the source to the camera
Images © PDI/Dreamworks
Global illumination Global = Direct + Indirect Light transport between surfaces
in the scene Multiple reflections/refractions
Globální osvětlení
![Page 36: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/36.jpg)
Global illumination effects
Ideal (mirror) reflection / refraction
Color bleeding
Caustics
CG III (NPGR010) – J. Křivánek 2015
![Page 37: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/37.jpg)
Ideal (mirror) reflection/refraction
Glass, mirror, water surface
E.g. the image we see on a water surface is due to light in a completely different part of the scene (bottom, environment, sky, sun)
CG III (NPGR010) – J. Křivánek 2015
![Page 38: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/38.jpg)
Color bleeding
Light reflected from one diffuse surface onto another
Important for understanding of the spatial relationships of objects in a given scene (this happens subconsciously)
CG III (NPGR010) – J. Křivánek 2015
![Page 39: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/39.jpg)
Color bleeding
Image courtesy Michael Bunnell 39 CG III (NPGR010) – J. Křivánek 2015
![Page 40: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/40.jpg)
Manually placed light sources as a proxy for GI E.g. The cyan-ish tint on Mike Wasowski “reflected” from
Sulley’s belly
Was used before full GI simulation started to be feasible
“Manual” global illumination
Monsters Inc., 2001 © Pixar Animation Studios
CG III (NPGR010) – J. Křivánek 2015
![Page 41: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/41.jpg)
Caustics
Photograph Simulation using photon maps
Focusing of light as it’s reflected or refracted, leading to local increase of intensity
CG III (NPGR010) – J. Křivánek 2015
![Page 42: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/42.jpg)
Caustics
In physics or in computer vision, a caustic refers to a singularity of light intensity (infinite density of light energy)
CG III (NPGR010) – J. Křivánek 2015
![Page 43: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/43.jpg)
What do we see when we look at a surface of a swimming pool?
Reflections + refractions on water surface
Caustics at the bottom
CG III (NPGR010) – J. Křivánek 2015
![Page 44: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/44.jpg)
Caustics under water surface
High „concentration“ of photons – high light intensity
Low intensity
CG III (NPGR010) – J. Křivánek 2015
![Page 45: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/45.jpg)
Realistic image synthesis: Ingredients
Describe the “amount of light” in space – radiometry
Describe light interaction with surfaces – BRDF
Describe equilibrium light distribution – rendering equation (RE)
Image rendering = numerical solution of the RE
Find the light distribution in a given scene that fulfils
The rendering equation
The „boundary conditions “ = i.e. the scene model
Methods
Finite elements (radiosity) – obsolete
Monte Carlo (stochastic ray tracing) – prevalent
CG III (NPGR010) – J. Křivánek 2015
![Page 46: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/46.jpg)
Light
![Page 47: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/47.jpg)
Realistic image synthesis
How much light?
CG III (NPGR010) – J. Křivánek 2015
![Page 48: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/48.jpg)
Different approaches to rendering
Phenomenological
Traditional, “old” computer graphics
E.g. Phong shading model, colors between 0 and 1, etc.
Physically-based
Based on a proper mathematical formulation
Rendering algorithms = numerical methods for solving the rendering equation
Radiance values between 0 and infinity
CG III (NPGR010) – J. Křivánek 2015
![Page 49: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/49.jpg)
Mathematical model
Image synthesis (rendering) = light transport simulation
We need a mathematical model for light
Formulation of the model = choice of level of detail
No need to model the behavior of every single photon
Need simplifying assumptions
CG III (NPGR010) – J. Křivánek 2015
![Page 50: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/50.jpg)
Light
EM radiation (an EM wave propagating through space)
Image: Wikipedia
CG III (NPGR010) – J. Křivánek 2015
![Page 51: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/51.jpg)
Light
Frequency of oscillations => wavelength => perceived color
CG III (NPGR010) – J. Křivánek 2015
Image: Wikipedia
![Page 52: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/52.jpg)
Various kinds of optics
Geometry (ray) optics
Most useful for rendering
Describes bulk, macroscopic effects of light
It is not a complete theory (Does not describe all observed phenomena, such as diffraction, interference etc.)
Wave optics (light = E-M wave)
Important when describing interaction of light with objects of size on par with the light wavelength
Interference (soap bubbles), diffraction, dispersion
Quantum optics (light = photons)
Necessary to describe interaction of light with atoms
CG III (NPGR010) – J. Křivánek 2015
![Page 53: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/53.jpg)
Effects of the wave nature of light
Interference
Young experiment, a.k.a. double-slit experiment
CG III (NPGR010) – J. Křivánek 2015
![Page 54: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/54.jpg)
Effects of the wave nature of light
Interference
Causes iridescence (structural coloration)
Img: Wikipedia
Constructive Destructive
CG III (NPGR010) – J. Křivánek 2015
![Page 55: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/55.jpg)
Iridescence
Thin-film interference
Color changes with the observation angle
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
CG III (NPGR010) – J. Křivánek 2015
![Page 56: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/56.jpg)
Iridescence – Structural coloration
CG III (NPGR010) – J. Křivánek 2015
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
Biological tissues can have layers causing interferences
![Page 57: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/57.jpg)
Iridescence – Structural coloration
CG III (NPGR010) – J. Křivánek 2015
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
![Page 58: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/58.jpg)
Iridescence – Structural coloration
CG III (NPGR010) – J. Křivánek 2015
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
![Page 59: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/59.jpg)
Polarization
Preferential orientation of the E-M waves with respect to the direction of travel
Unpolarized light – many waves with different polarization
More in the “Predictive rendering” class
CG III (NPGR010) – J. Křivánek 2015
![Page 60: Computer Graphics III Introductionjaroslav/teaching/2015-npgr010/slides/01 - npgr010-2015...Fake or real? CG III (NPGR010) – J. Křivánek 2015 Images courtesy Dudek Digital Imaging](https://reader034.vdocument.in/reader034/viewer/2022050107/5f4593461faee97bfb61d3f1/html5/thumbnails/60.jpg)
Polarization
Skylight is partially polarized
Specular reflections are polarized
CG III (NPGR010) – J. Křivánek 2015