computer graphics iii introduction - univerzita...
TRANSCRIPT
![Page 1: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/1.jpg)
Computer Graphics III Introduction
Jaroslav Křivánek, MFF UK
![Page 2: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/2.jpg)
![Page 3: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/3.jpg)
![Page 4: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/4.jpg)
![Page 5: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/5.jpg)
![Page 6: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/6.jpg)
Image synthesis (rendering)
Create an image (that looks like reality)
Given a scene description
![Page 7: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/7.jpg)
![Page 8: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/8.jpg)
![Page 9: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/9.jpg)
![Page 10: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/10.jpg)
![Page 11: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/11.jpg)
![Page 12: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/12.jpg)
ŠKODA Rapid Catalogue
![Page 13: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/13.jpg)
![Page 14: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/14.jpg)
![Page 15: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/15.jpg)
Image created by Bertrand Benoit Rendered in Corona Renderer
![Page 16: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/16.jpg)
![Page 17: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/17.jpg)
![Page 18: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/18.jpg)
![Page 19: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/19.jpg)
![Page 20: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/20.jpg)
Vertex Connection & Merging (VCM)
VCM (new) BPT PPM
SIGGRAPH Asia 2012
![Page 21: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/21.jpg)
Robust rendering of volumetric media
SIGGRAPH 2014
![Page 22: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/22.jpg)
![Page 23: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/23.jpg)
![Page 24: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/24.jpg)
![Page 25: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/25.jpg)
![Page 26: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/26.jpg)
![Page 27: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/27.jpg)
![Page 28: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/28.jpg)
CGG BBQ
![Page 29: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/29.jpg)
![Page 30: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/30.jpg)
![Page 31: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/31.jpg)
![Page 32: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/32.jpg)
Image synthesis – A gentle intro
![Page 33: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/33.jpg)
Image synthesis (rendering)
Create an image (that looks like reality)
Given a scene description
![Page 34: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/34.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
![Page 35: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/35.jpg)
Application of realistic image synthesis
Movie production
Entertainment, games
Industrial design
Architecture
Virtual showrooms
On-line commerce
Cultural heritage
Virtual and augmented reality
![Page 36: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/36.jpg)
Light transport simulation
emission
propagation
interaction
![Page 37: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/37.jpg)
Light transport simulation
Rendering = sum-up contributions of all light transport paths
![Page 38: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/38.jpg)
What’s in the image?
Image courtesy Eugene d’Eon
![Page 39: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/39.jpg)
What’s in the image?
Image courtesy Eugene d’Eon
![Page 40: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/40.jpg)
Why does skin look the way it does?
![Page 41: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/41.jpg)
Subsurface scattering effects on skin
![Page 42: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/42.jpg)
Global illumination – GI
42
Direct illumination
![Page 43: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/43.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 44: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/44.jpg)
Global illumination effects
Ideal (mirror) reflection / refraction
Color bleeding
Caustics
![Page 45: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/45.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)
![Page 46: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/46.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)
![Page 47: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/47.jpg)
Color bleeding
Image courtesy Michael Bunnell 47
![Page 48: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/48.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
![Page 49: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/49.jpg)
Caustics
Photograph Simulation using photon maps
Focusing of light as it’s reflected or refracted, leading to local increase of intensity
![Page 50: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/50.jpg)
Caustics
In physics or in computer vision, a caustic refers to a singularity of light intensity (infinite density of light energy)
![Page 51: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/51.jpg)
What do we see when we look at a surface of a swimming pool?
Reflections + refractions on water surface
Caustics at the bottom
![Page 52: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/52.jpg)
Caustics under water surface
High „concentration“ of photons – high light intensity
Low intensity
![Page 53: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/53.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
![Page 54: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/54.jpg)
Light
![Page 55: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/55.jpg)
Realistic image synthesis
How much light?
![Page 56: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/56.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
![Page 57: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/57.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
![Page 58: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/58.jpg)
Light
EM radiation (an EM wave propagating through space)
Image: Wikipedia
![Page 59: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/59.jpg)
Light
Frequency of oscillations => wavelength => perceived color
Image: Wikipedia
![Page 60: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/60.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
![Page 61: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/61.jpg)
Effects of the wave nature of light
Interference
Causes iridescence (structural coloration)
Img: Wikipedia
Constructive Destructive
![Page 62: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/62.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
![Page 63: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/63.jpg)
Iridescence – Structural coloration
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
Biological tissues can have layers causing interferences
![Page 64: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/64.jpg)
Iridescence – Structural coloration
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
![Page 65: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/65.jpg)
Iridescence – Structural coloration
Img
: h
ttp
://e
n.w
ikip
ed
ia.o
rg/w
iki/
Irid
esce
nce
![Page 66: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/66.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
![Page 67: Computer Graphics III Introduction - Univerzita Karlovacgg.mff.cuni.cz/~jaroslav/teaching/2016-npgr010/slides/01 - npgr010... · Computer Graphics III Introduction ... Image synthesis](https://reader031.vdocuments.site/reader031/viewer/2022030911/5b5afa587f8b9a2d458cbb7a/html5/thumbnails/67.jpg)
Polarization
Skylight is partially polarized
Specular reflections are polarized