Dev.DAI - Príspevky používateľa [sk]

Súbor:Lecture10.pdf

2016-05-23T10:04:15Z

Mihalik: Mihalik uploaded a new version of File:Lecture10.pdf

Súbor:Lecture10.pdf

2016-05-23T10:03:54Z

Mihalik:

RealTimeComputerGraphics

2016-05-23T10:03:39Z

Mihalik:

==Real-time computer graphics==

__TOC__

This lecture ...
* Will focus on visualization of 3D scenes
* Will show you what are current topics
* Will improve your skills in
** OpenGL
** Computational geometry
** Algorithms and data structures

== What you Need to Pass ==

* Show your project (70%).
**Project specification template: [[media:RTGProjektSpecifikacia.doc|RTGProjektSpecifikacia.doc]]
**For video recording you can use: https://obsproject.com/
* Pass oral exam: (30%, min. 15 points).

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

== LESSONS ==

=== Lesson00 "Introduction to Computer Graphics" ===
* Introduction to Computer Graphics
* Common techniques
* Cutting edge tools and packages
* State of the Art
* Lecture schedule
* "Terms and conditions" of this lecture
* Lecture notes: [[media:Lecture0.pdf|Lecture0.pdf]]

=== Lesson01 "Graphics Pipeline, Shaders" ===
* OpenGL Graphics Pipeline
* Shader languages
* GLSL – vertex, fragment
* Passing variables
* Lecture notes: [[media:Lecture1.pdf|Lecture1.pdf]]

=== Lesson02 "Buffer Objects, FBO" ===
* Vertex arrays
* Buffer object data
* Vertex Buffer Objects
* Pixel Buffer Objects
* Rendering to texture
* Deferred lighting
* Lecture notes: [[media:Lecture2.pdf|Lecture2.pdf]]

=== Lesson03 "Lighting, Texturing" ===
* Rendering equation
* Phong local illumination
* Oren-Nayar model
* Cook-Torrance model
* Texture filtering
* Bump mapping
* Lecture notes: [[media:Lecture3.pdf|Lecture3.pdf]]

=== Lesson04 "Global Illumination" ===
* Ambient occlusion
* Distance attenuation
* Ray tracing
* Depth buffer masking
* Lecture notes: [[media:Lecture4.pdf|Lecture4.pdf]]

=== Lesson05 "Shadows" ===
* Shadows generation
* Light maps
* Planar shadows
* Projective shadows
* Shadow mapping
* Shadow volumes
* Lecture notes: [[media:Lecture5.pdf|Lecture5.pdf]]

=== Lesson06 "Reflections, Refractions" ===
* Blending
* Fresnel reflectance
* Environment mapping
* Water rendering
* Caustics
* Subsurface scattering
* Lecture notes: [[media:Lecture6.pdf|Lecture6.pdf]]

=== Lesson07 "Post-Processing" ===
* Depth of Field
* Gaussian blur
* Motion blur
* Glow
* High Dynamic Range
* Tone mapping
* Lecture notes: [[media:Lecture7.pdf|Lecture7.pdf]]

=== Lesson08 "Geometry Optimalization" ===
* Reducing geometry
* Back-face culling
* Occlusion culling
* Levels of Detail
* Texture atlas
* Lecture notes: [[media:Lecture8.pdf|Lecture8.pdf]]

=== Lesson09 "GPGPU" ===
* SIMD
* CUDA
* Shared memory
* OpenCL
* Compute shaders
* Lecture notes: [[media:Lecture9.pdf|Lecture9.pdf]]

=== Lesson10 "GPU Volume Graphics" ===
* Volume Data
* Transfer Function
* Marching Cubes
* 3D Textures
* Multi-textures
* Ray-casting
* Lecture notes: [[media:Lecture10.pdf|Lecture10.pdf]]

=EXCERCISES=
*On every seminar we will focus on the selected problems from lessons. We will use programming tools to perform real-time computer graphics algorithms.
*Tutorials:
**http://www.lighthouse3d.com
**http://antongerdelan.net/opengl/
*Libraries:
**https://www.opengl.org/resources/libraries/glut/
**http://openil.sourceforge.net/
**http://glew.sourceforge.net/
**http://gnuwin32.sourceforge.net/packages/freetype.htm
**http://assimp.sourceforge.net/
**All in one package:
***[[media:dependancies.zip|dependancies.zip]]

=== Excercise00 "Základný projekt” ===
* Základný projekt: [[media:cv0.rar|cv0.rar]]
* Práca s knižnicami GLUT a GLEW
Témy: spustenie projektu, cvičenie s pridávaním svetla do scény a shaderov

=== Excercise01 "Animácia” ===
* Transformácia objektov
* Animácia, matice
Témy: cvičenie transformácie v shader programe: [[media:cv1.rar|cv1.rar]]

=== Excercise02 "GLSL 4.00.9” ===
* Transformácia objektov
* Animácia, matice
* VBO
Témy: prepíšte predchádzajúce cvičenie do GLSL 4.00.9: [[media:cv2.zip|cv2.zip]]

=== Excercise03 "Geometry Shader” ===
* Z buffer
* Geometry Shader
Témy: napíšte geometry shader ktorý vytvorí z trojuholníka štvorsten: [[media:cv3.zip|cv3.zip]]

=== Excercise04 "Tessellation” ===
* Tessellation control shader
* Tessellation evaluation shader
Témy: napíšte control a evaluation shader ktorý prerozdelí trojuholník: [[media:cv4.zip|cv4.zip]]

=== Excercise05 "Motion Blur” ===
* Screen space motion blur
* Framebuffer Object
Témy: napíšte shader ktorý vytvorí efekt "motion blur": [[media:cv5.zip|cv5.zip]]

=== Excercise06 "Projekcia” ===
* Projekčná matica
* Zobrazenie modelu
Témy: nastavte kameru a zobrazte scénu: [[media:cv6.zip|cv6.zip]]

=== Excercise07 "Shadow Mapping” ===
* Hĺbková textúra
* Tieň
Témy: nastavte kameru z pohľadu svetla a zobrazte tieň: [[media:cv7.zip|cv7.zip]]

=== Excercise08 "Ambient Occlusion” ===
* Hĺbková textúra
* Ambient Occlusion
Témy: nastavte shader program na zobrazenie efektu ambient occlusion: [[media:cv8.zip|cv8.zip]]

=== Excercise09 "Post-processing” ===
* Post-processing
* Glow
Témy: nastavte shader program na zobrazenie glow efektu: [[media:cv9.zip|cv9.zip]]

2016-05-23T09:46:51Z

Mihalik:

RealTimeComputerGraphics

2016-05-23T09:46:29Z

Mihalik:

==Real-time computer graphics==

__TOC__

This lecture ...
* Will focus on visualization of 3D scenes
* Will show you what are current topics
* Will improve your skills in
** OpenGL
** Computational geometry
** Algorithms and data structures

== What you Need to Pass ==

* Show your project (70%).
**Project specification template: [[media:RTGProjektSpecifikacia.doc|RTGProjektSpecifikacia.doc]]
**For video recording you can use: https://obsproject.com/
* Pass oral exam: (30%, min. 15 points).

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

== LESSONS ==

=== Lesson00 "Introduction to Computer Graphics" ===
* Introduction to Computer Graphics
* Common techniques
* Cutting edge tools and packages
* State of the Art
* Lecture schedule
* "Terms and conditions" of this lecture
* Lecture notes: [[media:Lecture0.pdf|Lecture0.pdf]]

=== Lesson01 "Graphics Pipeline, Shaders" ===
* OpenGL Graphics Pipeline
* Shader languages
* GLSL – vertex, fragment
* Passing variables
* Lecture notes: [[media:Lecture1.pdf|Lecture1.pdf]]

=== Lesson02 "Buffer Objects, FBO" ===
* Vertex arrays
* Buffer object data
* Vertex Buffer Objects
* Pixel Buffer Objects
* Rendering to texture
* Deferred lighting
* Lecture notes: [[media:Lecture2.pdf|Lecture2.pdf]]

=== Lesson03 "Lighting, Texturing" ===
* Rendering equation
* Phong local illumination
* Oren-Nayar model
* Cook-Torrance model
* Texture filtering
* Bump mapping
* Lecture notes: [[media:Lecture3.pdf|Lecture3.pdf]]

=== Lesson04 "Global Illumination" ===
* Ambient occlusion
* Distance attenuation
* Ray tracing
* Depth buffer masking
* Lecture notes: [[media:Lecture4.pdf|Lecture4.pdf]]

=== Lesson05 "Shadows" ===
* Shadows generation
* Light maps
* Planar shadows
* Projective shadows
* Shadow mapping
* Shadow volumes
* Lecture notes: [[media:Lecture5.pdf|Lecture5.pdf]]

=EXCERCISES=
*On every seminar we will focus on the selected problems from lessons. We will use programming tools to perform real-time computer graphics algorithms.
*Tutorials:
**http://www.lighthouse3d.com
**http://antongerdelan.net/opengl/
*Libraries:
**https://www.opengl.org/resources/libraries/glut/
**http://openil.sourceforge.net/
**http://glew.sourceforge.net/
**http://gnuwin32.sourceforge.net/packages/freetype.htm
**http://assimp.sourceforge.net/
**All in one package:
***[[media:dependancies.zip|dependancies.zip]]

=== Excercise00 "Základný projekt” ===
* Základný projekt: [[media:cv0.rar|cv0.rar]]
* Práca s knižnicami GLUT a GLEW
Témy: spustenie projektu, cvičenie s pridávaním svetla do scény a shaderov

=== Excercise01 "Animácia” ===
* Transformácia objektov
* Animácia, matice
Témy: cvičenie transformácie v shader programe: [[media:cv1.rar|cv1.rar]]

=== Excercise02 "GLSL 4.00.9” ===
* Transformácia objektov
* Animácia, matice
* VBO
Témy: prepíšte predchádzajúce cvičenie do GLSL 4.00.9: [[media:cv2.zip|cv2.zip]]

=== Excercise03 "Geometry Shader” ===
* Z buffer
* Geometry Shader
Témy: napíšte geometry shader ktorý vytvorí z trojuholníka štvorsten: [[media:cv3.zip|cv3.zip]]

=== Excercise04 "Tessellation” ===
* Tessellation control shader
* Tessellation evaluation shader
Témy: napíšte control a evaluation shader ktorý prerozdelí trojuholník: [[media:cv4.zip|cv4.zip]]

=== Excercise05 "Motion Blur” ===
* Screen space motion blur
* Framebuffer Object
Témy: napíšte shader ktorý vytvorí efekt "motion blur": [[media:cv5.zip|cv5.zip]]

=== Excercise06 "Projekcia” ===
* Projekčná matica
* Zobrazenie modelu
Témy: nastavte kameru a zobrazte scénu: [[media:cv6.zip|cv6.zip]]

=== Excercise07 "Shadow Mapping” ===
* Hĺbková textúra
* Tieň
Témy: nastavte kameru z pohľadu svetla a zobrazte tieň: [[media:cv7.zip|cv7.zip]]

=== Excercise08 "Ambient Occlusion” ===
* Hĺbková textúra
* Ambient Occlusion
Témy: nastavte shader program na zobrazenie efektu ambient occlusion: [[media:cv8.zip|cv8.zip]]

=== Excercise09 "Post-processing” ===
* Post-processing
* Glow
Témy: nastavte shader program na zobrazenie glow efektu: [[media:cv9.zip|cv9.zip]]

Súbor:Lecture4.pdf

2016-05-23T09:43:49Z

Mihalik: Mihalik uploaded a new version of File:Lecture4.pdf

Súbor:Lecture4.pdf

2016-05-23T09:43:20Z

Mihalik:

RealTimeComputerGraphics

2016-05-23T09:42:31Z

Mihalik:

==Real-time computer graphics==

__TOC__

This lecture ...
* Will focus on visualization of 3D scenes
* Will show you what are current topics
* Will improve your skills in
** OpenGL
** Computational geometry
** Algorithms and data structures

== What you Need to Pass ==

* Show your project (70%).
**Project specification template: [[media:RTGProjektSpecifikacia.doc|RTGProjektSpecifikacia.doc]]
**For video recording you can use: https://obsproject.com/
* Pass oral exam: (30%, min. 15 points).

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

== LESSONS ==

=== Lesson00 "Introduction to Computer Graphics" ===
* Introduction to Computer Graphics
* Common techniques
* Cutting edge tools and packages
* State of the Art
* Lecture schedule
* "Terms and conditions" of this lecture
* Lecture notes: [[media:Lecture0.pdf|Lecture0.pdf]]

=== Lesson01 "Graphics Pipeline, Shaders" ===
* OpenGL Graphics Pipeline
* Shader languages
* GLSL – vertex, fragment
* Passing variables
* Lecture notes: [[media:Lecture1.pdf|Lecture1.pdf]]

=== Lesson02 "Buffer Objects, FBO" ===
* Vertex arrays
* Buffer object data
* Vertex Buffer Objects
* Pixel Buffer Objects
* Rendering to texture
* Deferred lighting
* Lecture notes: [[media:Lecture2.pdf|Lecture2.pdf]]

=== Lesson03 "Lighting, Texturing" ===
* Rendering equation
* Phong local illumination
* Oren-Nayar model
* Cook-Torrance model
* Texture filtering
* Bump mapping
* Lecture notes: [[media:Lecture3.pdf|Lecture3.pdf]]

=== Lesson04 "Global Illumination" ===
* Ambient occlusion
* Distance attenuation
* Ray tracing
* Depth buffer masking
* Lecture notes: [[media:Lecture4.pdf|Lecture4.pdf]]

=EXCERCISES=
*On every seminar we will focus on the selected problems from lessons. We will use programming tools to perform real-time computer graphics algorithms.
*Tutorials:
**http://www.lighthouse3d.com
**http://antongerdelan.net/opengl/
*Libraries:
**https://www.opengl.org/resources/libraries/glut/
**http://openil.sourceforge.net/
**http://glew.sourceforge.net/
**http://gnuwin32.sourceforge.net/packages/freetype.htm
**http://assimp.sourceforge.net/
**All in one package:
***[[media:dependancies.zip|dependancies.zip]]

=== Excercise00 "Základný projekt” ===
* Základný projekt: [[media:cv0.rar|cv0.rar]]
* Práca s knižnicami GLUT a GLEW
Témy: spustenie projektu, cvičenie s pridávaním svetla do scény a shaderov

=== Excercise01 "Animácia” ===
* Transformácia objektov
* Animácia, matice
Témy: cvičenie transformácie v shader programe: [[media:cv1.rar|cv1.rar]]

=== Excercise02 "GLSL 4.00.9” ===
* Transformácia objektov
* Animácia, matice
* VBO
Témy: prepíšte predchádzajúce cvičenie do GLSL 4.00.9: [[media:cv2.zip|cv2.zip]]

=== Excercise03 "Geometry Shader” ===
* Z buffer
* Geometry Shader
Témy: napíšte geometry shader ktorý vytvorí z trojuholníka štvorsten: [[media:cv3.zip|cv3.zip]]

=== Excercise04 "Tessellation” ===
* Tessellation control shader
* Tessellation evaluation shader
Témy: napíšte control a evaluation shader ktorý prerozdelí trojuholník: [[media:cv4.zip|cv4.zip]]

=== Excercise05 "Motion Blur” ===
* Screen space motion blur
* Framebuffer Object
Témy: napíšte shader ktorý vytvorí efekt "motion blur": [[media:cv5.zip|cv5.zip]]

=== Excercise06 "Projekcia” ===
* Projekčná matica
* Zobrazenie modelu
Témy: nastavte kameru a zobrazte scénu: [[media:cv6.zip|cv6.zip]]

=== Excercise07 "Shadow Mapping” ===
* Hĺbková textúra
* Tieň
Témy: nastavte kameru z pohľadu svetla a zobrazte tieň: [[media:cv7.zip|cv7.zip]]

=== Excercise08 "Ambient Occlusion” ===
* Hĺbková textúra
* Ambient Occlusion
Témy: nastavte shader program na zobrazenie efektu ambient occlusion: [[media:cv8.zip|cv8.zip]]

=== Excercise09 "Post-processing” ===
* Post-processing
* Glow
Témy: nastavte shader program na zobrazenie glow efektu: [[media:cv9.zip|cv9.zip]]

2016-05-05T07:17:55Z

Mihalik:

RealTimeComputerGraphics

2016-05-05T07:16:22Z

Mihalik:

==Real-time computer graphics==

__TOC__

This lecture ...
* Will focus on visualization of 3D scenes
* Will show you what are current topics
* Will improve your skills in
** OpenGL
** Computational geometry
** Algorithms and data structures

== What you Need to Pass ==

* Show your project (70%).
**Project specification template: [[media:RTGProjektSpecifikacia.doc|RTGProjektSpecifikacia.doc]]
**For video recording you can use: https://obsproject.com/
* Pass oral exam: (30%, min. 15 points).

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

== LESSONS ==

=== Lesson00 "Introduction to Computer Graphics" ===
* Introduction to Computer Graphics
* Common techniques
* Cutting edge tools and packages
* State of the Art
* Lecture schedule
* "Terms and conditions" of this lecture
* Lecture notes: [[media:Lecture0.pdf|Lecture0.pdf]]

=== Lesson01 "Graphics Pipeline, Shaders" ===
* OpenGL Graphics Pipeline
* Shader languages
* GLSL – vertex, fragment
* Passing variables
* Lecture notes: [[media:Lecture1.pdf|Lecture1.pdf]]

=== Lesson02 "Buffer Objects, FBO" ===
* Vertex arrays
* Buffer object data
* Vertex Buffer Objects
* Pixel Buffer Objects
* Rendering to texture
* Deferred lighting
* Lecture notes: [[media:Lecture2.pdf|Lecture2.pdf]]

=== Lesson03 "Lighting, Texturing" ===
* Rendering equation
* Phong local illumination
* Oren-Nayar model
* Cook-Torrance model
* Texture filtering
* Bump mapping
* Lecture notes: [[media:Lecture3.pdf|Lecture3.pdf]]

=EXCERCISES=
*On every seminar we will focus on the selected problems from lessons. We will use programming tools to perform real-time computer graphics algorithms.
*Tutorials:
**http://www.lighthouse3d.com
**http://antongerdelan.net/opengl/
*Libraries:
**https://www.opengl.org/resources/libraries/glut/
**http://openil.sourceforge.net/
**http://glew.sourceforge.net/
**http://gnuwin32.sourceforge.net/packages/freetype.htm
**http://assimp.sourceforge.net/
**All in one package:
***[[media:dependancies.zip|dependancies.zip]]

=== Excercise00 "Základný projekt” ===
* Základný projekt: [[media:cv0.rar|cv0.rar]]
* Práca s knižnicami GLUT a GLEW
Témy: spustenie projektu, cvičenie s pridávaním svetla do scény a shaderov

=== Excercise01 "Animácia” ===
* Transformácia objektov
* Animácia, matice
Témy: cvičenie transformácie v shader programe: [[media:cv1.rar|cv1.rar]]

=== Excercise02 "GLSL 4.00.9” ===
* Transformácia objektov
* Animácia, matice
* VBO
Témy: prepíšte predchádzajúce cvičenie do GLSL 4.00.9: [[media:cv2.zip|cv2.zip]]

=== Excercise03 "Geometry Shader” ===
* Z buffer
* Geometry Shader
Témy: napíšte geometry shader ktorý vytvorí z trojuholníka štvorsten: [[media:cv3.zip|cv3.zip]]

=== Excercise04 "Tessellation” ===
* Tessellation control shader
* Tessellation evaluation shader
Témy: napíšte control a evaluation shader ktorý prerozdelí trojuholník: [[media:cv4.zip|cv4.zip]]

=== Excercise05 "Motion Blur” ===
* Screen space motion blur
* Framebuffer Object
Témy: napíšte shader ktorý vytvorí efekt "motion blur": [[media:cv5.zip|cv5.zip]]

=== Excercise06 "Projekcia” ===
* Projekčná matica
* Zobrazenie modelu
Témy: nastavte kameru a zobrazte scénu: [[media:cv6.zip|cv6.zip]]

=== Excercise07 "Shadow Mapping” ===
* Hĺbková textúra
* Tieň
Témy: nastavte kameru z pohľadu svetla a zobrazte tieň: [[media:cv7.zip|cv7.zip]]

=== Excercise08 "Ambient Occlusion” ===
* Hĺbková textúra
* Ambient Occlusion
Témy: nastavte shader program na zobrazenie efektu ambient occlusion: [[media:cv8.zip|cv8.zip]]

CG2 2014/en

2016-04-23T18:18:17Z

Mihalik:

[[File:cg2_2014.png]]
= Advanced Computer Graphics =

== What you Need to Pass ==

* Attend lessons. One missed +0 points. 2 missed 0 points, 3 missed 0 points, 4 and more is Fx.
* Project and exercise (mandatory, 10+50 points).
* Solve all homework problems (mandatory each one >=30%, 10 points)
* Pass final term (mandatory, 20 points) You will need to solve several problems discussed during lessons.
* Pass oral/written exam: (mandatory, +20 points)
* Summary
** Attendance = 0 or -100 (Fx)
** Exercise = +50..0
** Bonus = +10..0 (optional)
** Homework = +10..4 or +4..0 (Fx)
** Final term = +20..0
** Oral/written exam = +20..0

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

* [https://docs.google.com/spreadsheets/d/1k9qGAlKjxJLHS71MDg6L_Mz4wJH4snIfPWXGo2R35Eo/edit?usp=sharing VIEW RESULTS]
* [https://moodle.uniba.sk/fmfi Final Term] by Mooddle Ecetronic test 160.5.2015 8:10 in M-I)

* Schedule
** Mon (8:10) - Room M-I (lecture)
** Mon (11:30) - Room I-H3 (seminar)

=== Materials to read ===
* http://www.cs.princeton.edu/courses/archive/fall00/cs426/
* http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/pipeline33/
* http://www.amazon.com/Mathematics-Computer-Graphics-Undergraduate-Science/dp/1849960224
* http://www.martinus.sk/?uItem=19688 - Moderni Pocitacova Grafika

----
=== Lecture00 "Introduction to Computer Graphics" ===
* Computer Graphics Applications

=== Lecture01 "Graphics Pipeline" ===
* What is The Graphics Pipeline
* Vertex Shader
* Primitive Assembly
* Tessellation Shaders
* Geometry Shader
* Geometry Postprocessing and Rasterization
* Fragment Shader
* Frame Buffer Operations
* http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/pipeline33/
* Lecture notes: [[media:cg2_lesson00.pdf|lesson00.pdf]]
* Štátnicová téma: Zobrazovací kanál. Grafická pipeline moderného hardvéru, framebuffer, buffer objekty, používané súradnicové priestory, druhy shader programov, druhy optimalizačných techník (view frustum, occlusion, backface culling), príklad shader programov.

=== Lecture02 "Ray Tracing 1." ===
* TayTracong Pipeline
* Lecture notes: [[media:cg2_lesson01.pdf|lesson01.pdf]]

=== Lecture03 "Ray Tracing 2." ===
* Ray Intersections
* Lecture notes: [[media:cg2_lesson01.pdf|lesson01.pdf]]

=== Lecture04 "Ray Tracing 3." ===
* Ray Tracing Acceleration
* Data structure: grids, BVH, Kd-tree, Directional Partitioning
* Dynamic Scenes
* Beam and Cone Tracing
* Packet Tracing
* Lecture notes: [[media:cg2_lesson02.pdf|lesson02.pdf]]
* Poznámky v Slovenčine k téme [[media:cg2_DatoveStruktury.pdf|Dátové Štruktúry]] a [[media:cg2_Kd-tree.pdf|Kd-tree]].
* Štátnicová téma: Kanál metódy sledovania lúča a porovnanie s Radiosity metódou. (definícia lúča, definícia tieňového lúča, popis metódy sledovania lúča, generovanie lúča, pochod po lúči (ray traversal), prienik lúča s trojuholníkom, stromová štruktúra lúčov (ray tree) a jej použitie na výpočet lokálnej farby, problém presnosti priesečníkov). Metóda sledovania lúča na GPU, urýchľovacie techniky.

=== Lecture05 "Light Trasport." ===
* Physics behind ray tracing
* Physical light quantities
* Visual perception of light
* Light sources
* Light transport simulation: Rendering Equation
* Lecture notes: [[media:cg2_lesson05.pdf|lesson05.pdf]]
* Štátnicová téma: Fyzikálny osvetlovací model a výpočet farieb renderovacou rovnicou. (definícia radiancie, definícia BRDF a jej vlastnosti, fyzikálne BRDF Cook-Tarrance, definícia priestorového uhlu, napíšte renderovaciu rovnicu a vysvetlite jej členy).

=== Lecture06 "Radiosity." ===
* Diffuse reflectance function
* Radiative equilibrium between emission and absorption, escape
* System of linear equations
* Iterative solution Neuman series
* Lecture notes: [[media:cg2_lesson05.pdf|lesson05.pdf]]
* Boo chapter Shading: [[media:Shading.pdf|shading.pdf]]

=== Lecture07 "BRDF." ===
* Bidirectional Reflectance Distribution Function (BRDF)
* Reflection models
* Projection onto spherical basis functions
* Shading Phong model, Blin-Phong model
* Lecture notes: [[media:cg2_lesson07.pdf|lesson07.pdf]]
* Homework:
** 1. Prove that the specular BRDF from slides [https://dai.fmph.uniba.sk/upload/1/1d/Cg2_lesson07.pdf less07] fulfills the BRDF properties: reciprocity, energy conservation, definit space, value space of BRDF
** 2. Derive the equation for reflected direction Omega_r from [https://dai.fmph.uniba.sk/upload/e/eb/Shading.pdf shading] document.
* Physical BRDF
* Ward Reflection Model
* Cook-Torrance model
* Lecture notes: [[media:cg2_lesson07Phys.pdf|lesson07Phys.pdf]]

=== Lecture08 "Shadows." ===
* Lecture notes: [[media:cg2_lesson08.pdf|lesson08.pdf]]
* Štátnicová téma: Tiene, typy tieňov (mäkké, tvrdé, statické, dynamické), typy a popis algoritmov (projekčné, tieňové objemy, tieňové mapy (shadow mapping)), spôsoby implementácie jednotlivých algoritmov, artefakty a ich odstraňovanie, príklad shader programov pre tieňové mapy. Artefakty spôsobené diskretizáciou. Tiene vo Phongovom modeli.

=== Lecture09 "Texturing 1, 2." ===
* Texture parameterization
* Procedural methods
* Procedural textures
* Fractal landscapes
* Lecture notes: [[media:cg2_lesson09.pdf|lesson09.pdf]]
* Book chapter (Surface reality techniques): [[media:cg2_lessonBook09.pdf|lessonBoook09.pdf]]
* Štátnicová téma: Lokálne osvetľovacie modely. (tieňovanie, Phongov a Blinn-Phongov osvetlovací model, zložky (ambientna, difúzna, zrkadlová), textúrovanie a druhy textúr, mapovanie a filtrácia textúr, popísať princípy environment, bump, normal mapovania, textúrovací a tangenciálny priestor, príklad shader programov na GPU.

=== Lecture10 "Image Based Rendering 1." ===
* Plenopticfunction
* Panoramas
* Concentric Mosaics
* Light Field Rendering
* The Lumigraph
* Lecture notes: [[media:cg2_lesson10.pdf|lesson10.pdf]]
* Homework: Blinn-Phong enumeration.

=== Lecture11 "Image Based Rendering 2." ===
* Layered Depth Images
* View-dependent Texture Mapping
* Surface Light Fields
* View Morphing
* Lecture notes: [[media:cg2_lesson10.pdf|lesson10.pdf]]

=== Lecture12 "Ask me anything." ===
* Test problem introduction
----

= Seminars on Advanced Computer Graphics =

== Rules / Info ==
* On every seminar we will implement selected problems/algorithms related to lessons. We will '''usually - not necessary''' start with a prearranged template downloadable from this site.
* As a programming language we will use C#. We will use Visual C# 2010 as development environment. Alternatively you can use MonoDevelop (Linux / Mac OSX) on your own machine.


== Homeworks ==
* You can get '''max 100% per homework'''. Submission after deadline is for 0%.
* There is a '''min 60% of your final evaluation''' required for admission to final term.
* Additional activity can be awarder by '''max 10% of your final evaluation'''.
* Don't cheat - create instead. Any kind of cheating is punished by '''withholding 30% of your final evaluation''' for all involved students.
* As a homework, you will program what we could not finish during the exercise. Assignment and template will be downloadable from this site. See exercises.


== Exercises ==

=== "Introduction" ===
* Motivation?
** [http://goo.gl/5YLSxN 1st Octane], [http://goo.gl/J0E8qM 2nd Octane], [http://goo.gl/xVMEIk 3rd Octane]
** [http://www.fxguide.com/featured/the-state-of-rendering/ The State of Rendering 1], [http://www.fxguide.com/featured/the-state-of-rendering-part-2/ The State of Rendering 2]
* Theory / Reading?
** [http://www.scratchapixel.com/lessons/ Scratchapixel Lessons] - intersections, polygones, phong lighting
** [http://www.sci.utah.edu/~wald/PhD/wald_phd.pdf Ingo Wald's Thesis] - PhD. thesis about rendering, acceleration and global illumination.
** [http://www.amazon.com/Physically-Based-Rendering-Second-Edition/dp/0123750792 Physically Based Rendering]
* Practice?
** [http://www.belanecbn.sk/3dtutorials/index.php?id=16 Ray Tracer in c++]
** [http://www.codeproject.com/Articles/20355/Simple-Ray-Tracing-in-C-Part-VII-Shadows Ray Tracer in c#]
* Intro to c#?
** [http://www.amazon.com/Microsoft-Visual-2010-Step/dp/0735626707 Visual c# 2010], [http://www.amazon.com/4-0-Nutshell-The-Definitive-Reference/dp/0596800959 c# 4.0 in a Nutshell]
** [http://www.dofactory.com/ShortCutKeys/ShortCutKeys.aspx Visual Shortcuts], [http://www.shortcutworld.com/en/win/SharpDevelop_4.0.html SharpDevelop Short cuts]

=== Exercise00 "Vectors and Matrices" ===
* Create a simple application for vectors(4x1) and matrices(4x4)
* [[media:Ex01.Info.pdf|Info]] | [[media:CG1.Ex01.Sample.zip|Sample]] | [[media:CG1.Ex01.Template.zip‎|Template]]
* [http://www.sosmath.com/matrix/inverse/inverse.html Inverse Matrix] | [http://www.mathwords.com/a/adjoint.htm Adjoint Matrix] | [http://en.wikipedia.org/wiki/Adjugate_matrix Adjoint Matrix Wiki]


=== Exercise01 "Ray Casting" ===
* [[media:CG2.Ex01.pdf | Seminar slides]]
* Implement a camera class suitable for the ray casting method. As usual you should use a similar functionality as in the sample application. Application should specifically be able to:
** Render the scene (objects are movable).
** Move the camera in a 3D space.
** Change the camera's field of view (larger angle = more space to render), see Blender camera.
* Try to change the color of the intersected object due to distance from the camera
* '''[2 bonus %]:'''
** Create a camera which will rotate around defined point P (target) along a sphere with r = 1. You can use ideas from the Blender camera system and / or two-angle camera in openGL. Camera should use some sort of interactivity (2 angles) and targeted point P should be movable. Bonus camera can be created in a separated solution or you can change the structure in the template to implement two different cameras.
** [http://youtu.be/1twa3CJOEfA?t=1m49s Example Camera Movement]
* [[media:CG2.Ex01.Sample.zip | Sample]] | [[media:CG2.Ex01.Template.zip | Template]]


=== Exercise02 "Primitives" ===
* [[media:CG2.Ex02.pdf | Seminar slides]]
* Improve your tracer by adding a few primitives (ring, sphere, AABB box, triangle) [http://mrl.nyu.edu/~dzorin/rend05/lecture1a.pdf] [http://www.scratchapixel.com/lessons/3d-basic-lessons/lesson-9-ray-triangle-intersection/barycentric-coordinates/] [http://geomalgorithms.com/a04-_planes.html#Barycentric-Coordinate-Compute] [http://www.cs.virginia.edu/~gfx/Courses/2003/ImageSynthesis/papers/Acceleration/Fast%20MinimumStorage%20RayTriangle%20Intersection.pdf]. Each object should be movable. As usual you should use a similar functionality as in the sample application.
* '''[1 bonus %]:'''
** Create also a cylinder and a cone primitives
[[media:CG2.Ex02.Sample.zip | Sample]] | [[media:CG2.Ex02.Template.zip | Template]]



=== Exercise03 "Shader & Shading & Shadow" ===
* [[media:CG2.Ex03.pdf | Seminar slides]]
* Improve your tracer by adding shaders, shadows and lights. Implement checker and phong shader, sun light and hard shadows. Compute normals to each primitive in the point of intersection. As usual you should use a similar functionality as in the sample application.
[[media:CG2.Ex03.Sample.zip | Sample]] | [[media:CG2.Ex03.Template.zip | Template]]



=== Exercise04 "Lights & Shadows" ===
* [[media:CG2.Ex04.pdf | Seminar slides]]
* Improve your tracer by adding a point light, spot light [http://wiki.blender.org/index.php/Doc:2.6/Manual/Lighting/Lamps/Spot] and an area light. In the case of point and spot light, define the light as a point with hard shadows and linear/quadratic light attenuation [http://wiki.blender.org/index.php/Doc:2.6/Manual/Lighting/Lights/Light_Attenuation]. Area light could be defined by Lights x Lights point lights. Area light should also be able to produce soft shadows.
* '''[1 bonus %]:'''
** Write equation for illumination computed by sample code from seminar slides
[[media:CG2.Ex04.Sample.zip | Sample]] | [[media:CG2.Ex04.Template.zip | Template]]



=== Exercise05 "More About Shaders" ===
* [[media:CG2.Ex05.pdf | Seminar slides]]
* Improve your tracer by adding a few more shaders: Toon / Cell, Cook-Torrance, Oren-Nayar, Gradient. As usual you should use a similar functionality as in the sample application.
* Set Cook-Torrance color to match your measurements from Laboratory exercise.
* '''[2 bonus %]:'''
** Implement [http://cseweb.ucsd.edu/~ravir/6998/papers/p265-ward.pdf Ward Shader] [ [[media:Spheres.PNG|Example]] ]
** You should generate tangent space for each point on the sphere
** Remember to keep the same orientation of tangent space at each point
** You can replace Phong sphere with a Ward sphere
* [[media:CG2.Ex05.Sample.zip|Sample]] | [[media:CG2.Ex05.Template.zip|Template]]




=== Exercise06 "Even More About Shaders" ===
* [[media:CG2.Ex06.pdf | Seminar slides]]
* Improve your tracer by adding reflections and refractions to render mirror and glass objects. As usual you should use a similar functionality as in the sample application.
* ''''[1 bonus %]:'''
** Implement fresnel effect
[[media:CG2.Ex06.Sample.zip | Sample]] | [[media:CG2.Ex06.Template.zip | Template]]



=== ExerciseLab "Laboratory Experiment" ===
* Could we imitate materials from the real world?
** [http://img291.imageshack.us/img291/4066/failani.png Anisotropic], [http://rhinotoday.com/wp-content/uploads/2012/03/keyshot-render-paint-sphere.jpg Carpaint], [http://1.bp.blogspot.com/_TCqLkmUciss/TPMGTwQwteI/AAAAAAAAALI/ZO5RQt60E6k/s1600/Glass_Balls_Color-1280x800.jpg Translucent], [http://graphics.ucsd.edu/~henrik/papers/photon_diffusion/milk_photon_diffusion.jpg Semi-translucent]
* Yes we can and we will. Choose a sample paint and
** Measure its '''color in Lab''' and Convert to '''RGB''' - [http://www.easyrgb.com/index.php?X=CALC Easy RGB] (use illuminant D50)
** Measure '''gloss value''' in different conditions
* Write your results: Template
** Fill out [https://docs.google.com/spreadsheets/d/1vTk48NSrglbi9LJScbdDcOctnlvDvS5DYxxR_TCiRCg/edit?usp=sharing online form] with selected results (during the seminar)
** Guidelines are in the [http://www.sccg.sk/~hudak/CG2/CG2.Ex10.Template.doc template]
** Submit your results as a regular submission by mail


=== Exercise08 "Postprocessing" ===
* [[media:CG2.Ex08.pdf | Seminar slides]]
* Improve your raytracer by adding supersampling SSAA / FSAA [http://en.wikipedia.org/wiki/Supersampling].
* Implement blur. User can scale the intensity of blur [http://www.blackpawn.com/texts/blur/default.html]
* '''[2 bonus %]:'''
** Implement DOF. You can use definition from blur to create a fake DOF. User can define a point of sharpness and the intensity of the effect.




=== Exercise09 [06.05.2015] "Textures" ===
* [[media:CG2.Ex09.pdf‎ | Seminar slides]]




=== AMA "Ask Me Anything" ===
* Send your questions in advance to homework email

=== Final Term "Final Term" ===
* Final test in moodle
* Oral exam afterwards for successful students

CG2 2014/en

2016-04-23T18:16:43Z

Mihalik:

[[File:cg2_2014.png]]
= Advanced Computer Graphics =

== What you Need to Pass ==

* Attend lessons. One missed +0 points. 2 missed 0 points, 3 missed 0 points, 4 and more is Fx.
* Project and exercise (mandatory, 10+50 points).
* Solve all homework problems (mandatory each one >=30%, 10 points)
* Pass final term (mandatory, 20 points) You will need to solve several problems discussed during lessons.
* Pass oral/written exam: (mandatory, +20 points)
* Summary
** Attendance = 0 or -100 (Fx)
** Exercise = +50..0
** Bonus = +10..0 (optional)
** Homework = +10..4 or +4..0 (Fx)
** Final term = +20..0
** Oral/written exam = +20..0

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

* [https://docs.google.com/spreadsheets/d/1k9qGAlKjxJLHS71MDg6L_Mz4wJH4snIfPWXGo2R35Eo/edit?usp=sharing VIEW RESULTS]
* [https://moodle.uniba.sk/fmfi Final Term] by Mooddle Ecetronic test 160.5.2015 8:10 in M-I)

* Schedule
** Mon (8:10) - Room M-I (lecture)
** Mon (11:30) - Room I-H3 (seminar)

=== Materials to read ===
* http://www.cs.princeton.edu/courses/archive/fall00/cs426/
* http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/pipeline33/
* http://www.amazon.com/Mathematics-Computer-Graphics-Undergraduate-Science/dp/1849960224
* http://www.martinus.sk/?uItem=19688 - Moderni Pocitacova Grafika

----
=== Lecture00 "Introduction to Computer Graphics" ===
* Computer Graphics Applications

=== Lecture01 "Graphics Pipeline" ===
* What is The Graphics Pipeline
* Vertex Shader
* Primitive Assembly
* Tessellation Shaders
* Geometry Shader
* Geometry Postprocessing and Rasterization
* Fragment Shader
* Frame Buffer Operations
* http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/pipeline33/
* Lecture notes: [[media:cg2_lesson00.pdf|lesson00.pdf]]
* Štátnicová téma: Zobrazovací kanál. Grafická pipeline moderného hardvéru, framebuffer, buffer objekty, používané súradnicové priestory, druhy shader programov, druhy optimalizačných techník (view frustum, occlusion, backface culling), príklad shader programov.

=== Lecture02 "Ray Tracing 1." ===
* TayTracong Pipeline
* Lecture notes: [[media:cg2_lesson01.pdf|lesson01.pdf]]

=== Lecture03 "Ray Tracing 2." ===
* Ray Intersections
* Lecture notes: [[media:cg2_lesson01.pdf|lesson01.pdf]]

=== Lecture04 "Ray Tracing 3." ===
* Ray Tracing Acceleration
* Data structure: grids, BVH, Kd-tree, Directional Partitioning
* Dynamic Scenes
* Beam and Cone Tracing
* Packet Tracing
* Lecture notes: [[media:cg2_lesson02.pdf|lesson02.pdf]]
* Poznámky v Slovenčine k téme [[media:cg2_DatoveStruktury.pdf|Dátové Štruktúry]] a [[media:cg2_Kd-tree.pdf|Kd-tree]].
* Štátnicová téma: Kanál metódy sledovania lúča a porovnanie s Radiosity metódou. (definícia lúča, definícia tieňového lúča, popis metódy sledovania lúča, generovanie lúča, pochod po lúči (ray traversal), prienik lúča s trojuholníkom, stromová štruktúra lúčov (ray tree) a jej použitie na výpočet lokálnej farby, problém presnosti priesečníkov). Metóda sledovania lúča na GPU, urýchľovacie techniky.

=== Lecture05 "Light Trasport." ===
* Physics behind ray tracing
* Physical light quantities
* Visual perception of light
* Light sources
* Light transport simulation: Rendering Equation
* Lecture notes: [[media:cg2_lesson05.pdf|lesson05.pdf]]
* Štátnicová téma: Fyzikálny osvetlovací model a výpočet farieb renderovacou rovnicou. (definícia radiancie, definícia BRDF a jej vlastnosti, fyzikálne BRDF Cook-Tarrance, definícia priestorového uhlu, napíšte renderovaciu rovnicu a vysvetlite jej členy).

=== Lecture06 "Radiosity." ===
* Diffuse reflectance function
* Radiative equilibrium between emission and absorption, escape
* System of linear equations
* Iterative solution Neuman series
* Lecture notes: [[media:cg2_lesson05.pdf|lesson05.pdf]]
* Boo chapter Shading: [[media:Shading.pdf|shading.pdf]]

=== Lecture07 "BRDF." ===
* Bidirectional Reflectance Distribution Function (BRDF)
* Reflection models
* Projection onto spherical basis functions
* Shading Phong model, Blin-Phong model
* Lecture notes: [[media:cg2_lesson07.pdf|lesson07.pdf]]
* Homework:
** 1. Prove that the specular BRDF from slides [https://dai.fmph.uniba.sk/upload/1/1d/Cg2_lesson07.pdf less07] fulfills the BRDF properties: reciprocity, energy conservation, definit space, value space of BRDF
** 2. Derive the equation for reflected direction Omega_r from [https://dai.fmph.uniba.sk/upload/e/eb/Shading.pdf shading] document.
* Physical BRDF
* Ward Reflection Model
* Cook-Torrance model
* Lecture notes: [[media:cg2_lesson07Phys.pdf|lesson07Phys.pdf]]

=== Lecture08 "Shadows." ===
* Lecture notes: [[media:cg2_lesson08.pdf|lesson08.pdf]]
* Štátnicová téma: Tiene, typy tieňov (mäkké, tvrdé, statické, dynamické), typy a popis algoritmov (projekčné, tieňové objemy, tieňové mapy (shadow mapping)), spôsoby implementácie jednotlivých algoritmov, artefakty a ich odstraňovanie, príklad shader programov pre tieňové mapy. Artefakty spôsobené diskretizáciou. Tiene vo Phongovom modeli.

=== Lecture09 "Texturing 1, 2." ===
* Texture parameterization
* Procedural methods
* Procedural textures
* Fractal landscapes
* Lecture notes: [[media:cg2_lesson09.pdf|lesson09.pdf]]
* Book chapter (Surface reality techniques): [[media:cg2_lessonBook09.pdf|lessonBoook09.pdf]]
* Štátnicová téma: Lokálne osvetľovacie modely. (tieňovanie, Phongov a Blinn-Phongov osvetlovací model, zložky (ambientna, difúzna, zrkadlová), textúrovanie a druhy textúr, mapovanie a filtrácia textúr, popísať princípy environment, bump, normal mapovania, textúrovací a tangenciálny priestor, príklad shader programov na GPU.

=== Lecture10 "Image Based Rendering 1." ===
* Plenopticfunction
* Panoramas
* Concentric Mosaics
* Light Field Rendering
* The Lumigraph
* Lecture notes: [[media:cg2_lesson10.pdf|lesson10.pdf]]
* Homework: Blinn-Phong enumeration.

=== Lecture11 "Image Based Rendering 2." ===
* Layered Depth Images
* View-dependent Texture Mapping
* Surface Light Fields
* View Morphing
* Lecture notes: [[media:cg2_lesson10.pdf|lesson10.pdf]]

=== Lecture12 "Ask me anything." ===
* Test problem introduction
----

= Seminars on Advanced Computer Graphics =

== Rules / Info ==
* On every seminar we will implement selected problems/algorithms related to lessons. We will '''usually - not necessary''' start with a prearranged template downloadable from this site.
* As a programming language we will use C#. We will use Visual C# 2010 as development environment. Alternatively you can use MonoDevelop (Linux / Mac OSX) on your own machine.


== Homeworks ==
* You can get '''max 100% per homework'''. Submission after deadline is for 0%.
* There is a '''min 60% of your final evaluation''' required for admission to final term.
* Additional activity can be awarder by '''max 10% of your final evaluation'''.
* Don't cheat - create instead. Any kind of cheating is punished by '''withholding 30% of your final evaluation''' for all involved students.
* As a homework, you will program what we could not finish during the exercise. Assignment and template will be downloadable from this site. See exercises.


== Exercises ==

=== "Introduction" ===
* Motivation?
** [http://goo.gl/5YLSxN 1st Octane], [http://goo.gl/J0E8qM 2nd Octane], [http://goo.gl/xVMEIk 3rd Octane]
** [http://www.fxguide.com/featured/the-state-of-rendering/ The State of Rendering 1], [http://www.fxguide.com/featured/the-state-of-rendering-part-2/ The State of Rendering 2]
* Theory / Reading?
** [http://www.scratchapixel.com/lessons/ Scratchapixel Lessons] - intersections, polygones, phong lighting
** [http://www.sci.utah.edu/~wald/PhD/wald_phd.pdf Ingo Wald's Thesis] - PhD. thesis about rendering, acceleration and global illumination.
** [http://www.amazon.com/Physically-Based-Rendering-Second-Edition/dp/0123750792 Physically Based Rendering]
* Practice?
** [http://www.belanecbn.sk/3dtutorials/index.php?id=16 Ray Tracer in c++]
** [http://www.codeproject.com/Articles/20355/Simple-Ray-Tracing-in-C-Part-VII-Shadows Ray Tracer in c#]
* Intro to c#?
** [http://www.amazon.com/Microsoft-Visual-2010-Step/dp/0735626707 Visual c# 2010], [http://www.amazon.com/4-0-Nutshell-The-Definitive-Reference/dp/0596800959 c# 4.0 in a Nutshell]
** [http://www.dofactory.com/ShortCutKeys/ShortCutKeys.aspx Visual Shortcuts], [http://www.shortcutworld.com/en/win/SharpDevelop_4.0.html SharpDevelop Short cuts]

=== Exercise00 "Vectors and Matrices" ===
* Create a simple application for vectors(4x1) and matrices(4x4)
* [[media:Ex01.Info.pdf|Info]] | [[media:CG1.Ex01.Sample.zip|Sample]] | [[media:CG1.Ex01.Template.zip‎|Template]]
* [http://www.sosmath.com/matrix/inverse/inverse.html Inverse Matrix] | [http://www.mathwords.com/a/adjoint.htm Adjoint Matrix] | [http://en.wikipedia.org/wiki/Adjugate_matrix Adjoint Matrix Wiki]


=== Exercise01 "Ray Casting" ===
* [[media:CG2.Ex01.pdf | Seminar slides]]
* Implement a camera class suitable for the ray casting method. As usual you should use a similar functionality as in the sample application. Application should specifically be able to:
** Render the scene (objects are movable).
** Move the camera in a 3D space.
** Change the camera's field of view (larger angle = more space to render), see Blender camera.
* Try to change the color of the intersected object due to distance from the camera
* '''[2 bonus %]:'''
** Create a camera which will rotate around defined point P (target) along a sphere with r = 1. You can use ideas from the Blender camera system and / or two-angle camera in openGL. Camera should use some sort of interactivity (2 angles) and targeted point P should be movable. Bonus camera can be created in a separated solution or you can change the structure in the template to implement two different cameras.
** [http://youtu.be/1twa3CJOEfA?t=1m49s Example Camera Movement]
* [[media:CG2.Ex01.Sample.zip | Sample]] | [[media:CG2.Ex01.Template.zip | Template]]


=== Exercise02 "Primitives" ===
* [[media:CG2.Ex02.pdf | Seminar slides]]
* Improve your tracer by adding a few primitives (ring, sphere, AABB box, triangle) [http://mrl.nyu.edu/~dzorin/rend05/lecture1a.pdf] [http://www.scratchapixel.com/lessons/3d-basic-lessons/lesson-9-ray-triangle-intersection/barycentric-coordinates/] [http://geomalgorithms.com/a04-_planes.html#Barycentric-Coordinate-Compute] [http://www.cs.virginia.edu/~gfx/Courses/2003/ImageSynthesis/papers/Acceleration/Fast%20MinimumStorage%20RayTriangle%20Intersection.pdf]. Each object should be movable. As usual you should use a similar functionality as in the sample application.
* '''[1 bonus %]:'''
** Create also a cylinder and a cone primitives
[[media:CG2.Ex02.Sample.zip | Sample]] | [[media:CG2.Ex02.Template.zip | Template]]



=== Exercise03 "Shader & Shading & Shadow" ===
* [[media:CG2.Ex03.pdf | Seminar slides]]
* Improve your tracer by adding shaders, shadows and lights. Implement checker and phong shader, sun light and hard shadows. Compute normals to each primitive in the point of intersection. As usual you should use a similar functionality as in the sample application.
[[media:CG2.Ex03.Sample.zip | Sample]] | [[media:CG2.Ex03.Template.zip | Template]]



=== Exercise04 "Lights & Shadows" ===
* [[media:CG2.Ex04.pdf | Seminar slides]]
* Improve your tracer by adding a point light, spot light [http://wiki.blender.org/index.php/Doc:2.6/Manual/Lighting/Lamps/Spot] and an area light. In the case of point and spot light, define the light as a point with hard shadows and linear/quadratic light attenuation [http://wiki.blender.org/index.php/Doc:2.6/Manual/Lighting/Lights/Light_Attenuation]. Area light could be defined by Lights x Lights point lights. Area light should also be able to produce soft shadows.
* '''[1 bonus %]:'''
** Write equation for illumination computed by sample code from seminar slides
[[media:CG2.Ex04.Sample.zip | Sample]] | [[media:CG2.Ex04.Template.zip | Template]]



=== ExerciseLab "Laboratory Experiment" ===
* Could we imitate materials from the real world?
** [http://img291.imageshack.us/img291/4066/failani.png Anisotropic], [http://rhinotoday.com/wp-content/uploads/2012/03/keyshot-render-paint-sphere.jpg Carpaint], [http://1.bp.blogspot.com/_TCqLkmUciss/TPMGTwQwteI/AAAAAAAAALI/ZO5RQt60E6k/s1600/Glass_Balls_Color-1280x800.jpg Translucent], [http://graphics.ucsd.edu/~henrik/papers/photon_diffusion/milk_photon_diffusion.jpg Semi-translucent]
* Yes we can and we will. Choose a sample paint and
** Measure its '''color in Lab''' and Convert to '''RGB''' - [http://www.easyrgb.com/index.php?X=CALC Easy RGB] (use illuminant D50)
** Measure '''gloss value''' in different conditions
* Write your results: Template
** Fill out [https://docs.google.com/spreadsheets/d/1vTk48NSrglbi9LJScbdDcOctnlvDvS5DYxxR_TCiRCg/edit?usp=sharing online form] with selected results (during the seminar)
** Guidelines are in the [http://www.sccg.sk/~hudak/CG2/CG2.Ex10.Template.doc template]
** Submit your results as a regular submission by mail


=== Exercise05 "More About Shaders" ===
* [[media:CG2.Ex05.pdf | Seminar slides]]
* Improve your tracer by adding a few more shaders: Toon / Cell, Cook-Torrance, Oren-Nayar, Gradient. As usual you should use a similar functionality as in the sample application.
* Set Cook-Torrance color to match your measurements from Laboratory exercise.
* '''[2 bonus %]:'''
** Implement [http://cseweb.ucsd.edu/~ravir/6998/papers/p265-ward.pdf Ward Shader] [ [[media:Spheres.PNG|Example]] ]
** You should generate tangent space for each point on the sphere
** Remember to keep the same orientation of tangent space at each point
** You can replace Phong sphere with a Ward sphere
* [[media:CG2.Ex05.Sample.zip|Sample]] | [[media:CG2.Ex05.Template.zip|Template]]




=== Exercise06 "Even More About Shaders" ===
* [[media:CG2.Ex06.pdf | Seminar slides]]
* Improve your tracer by adding reflections and refractions to render mirror and glass objects. As usual you should use a similar functionality as in the sample application.
* ''''[1 bonus %]:'''
** Implement fresnel effect
[[media:CG2.Ex06.Sample.zip | Sample]] | [[media:CG2.Ex06.Template.zip | Template]]





=== Exercise08 "Postprocessing" ===
* [[media:CG2.Ex08.pdf | Seminar slides]]
* Improve your raytracer by adding supersampling SSAA / FSAA [http://en.wikipedia.org/wiki/Supersampling].
* Implement blur. User can scale the intensity of blur [http://www.blackpawn.com/texts/blur/default.html]
* '''[2 bonus %]:'''
** Implement DOF. You can use definition from blur to create a fake DOF. User can define a point of sharpness and the intensity of the effect.




=== Exercise09 [06.05.2015] "Textures" ===
* [[media:CG2.Ex09.pdf‎ | Seminar slides]]




=== AMA "Ask Me Anything" ===
* Send your questions in advance to homework email

=== Final Term "Final Term" ===
* Final test in moodle
* Oral exam afterwards for successful students

RealTimeComputerGraphics

2016-04-20T19:52:39Z

Mihalik: /* Excercise06 "Shadow Mapping” */

Súbor:Cv7.zip

2016-04-20T19:52:17Z

Mihalik:

RealTimeComputerGraphics

2016-04-20T19:50:49Z

Mihalik:

CG2 2014/en

2016-04-18T10:16:11Z

Mihalik:

[[File:cg2_2014.png]]
= Advanced Computer Graphics =

== What you Need to Pass ==

* Attend lessons. One missed +0 points. 2 missed 0 points, 3 missed 0 points, 4 and more is Fx.
* Project and exercise (mandatory, 10+50 points).
* Solve all homework problems (mandatory each one >=30%, 10 points)
* Pass final term (mandatory, 20 points) You will need to solve several problems discussed during lessons.
* Pass oral/written exam: (mandatory, +20 points)
* Summary
** Attendance = 0 or -100 (Fx)
** Exercise = +50..0
** Bonus = +10..0 (optional)
** Homework = +10..4 or +4..0 (Fx)
** Final term = +20..0
** Oral/written exam = +20..0

* Grades
** A = 92-100
** B = 84-91
** C = 76-83
** D = 68-75
** E = 60-67
** Fx = 0-59

* [https://docs.google.com/spreadsheets/d/1k9qGAlKjxJLHS71MDg6L_Mz4wJH4snIfPWXGo2R35Eo/edit?usp=sharing VIEW RESULTS]
* [https://moodle.uniba.sk/fmfi Final Term] by Mooddle Ecetronic test 160.5.2015 8:10 in M-I)

* Schedule
** Mon (8:10) - Room M-I (lecture)
** Mon (11:30) - Room I-H3 (seminar)

=== Materials to read ===
* http://www.cs.princeton.edu/courses/archive/fall00/cs426/
* http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/pipeline33/
* http://www.amazon.com/Mathematics-Computer-Graphics-Undergraduate-Science/dp/1849960224
* http://www.martinus.sk/?uItem=19688 - Moderni Pocitacova Grafika

----
=== Lecture00 "Introduction to Computer Graphics" ===
* Computer Graphics Applications

=== Lecture01 "Graphics Pipeline" ===
* What is The Graphics Pipeline
* Vertex Shader
* Primitive Assembly
* Tessellation Shaders
* Geometry Shader
* Geometry Postprocessing and Rasterization
* Fragment Shader
* Frame Buffer Operations
* http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/pipeline33/
* Lecture notes: [[media:cg2_lesson00.pdf|lesson00.pdf]]
* Štátnicová téma: Zobrazovací kanál. Grafická pipeline moderného hardvéru, framebuffer, buffer objekty, používané súradnicové priestory, druhy shader programov, druhy optimalizačných techník (view frustum, occlusion, backface culling), príklad shader programov.

=== Lecture02 "Ray Tracing 1." ===
* TayTracong Pipeline
* Lecture notes: [[media:cg2_lesson01.pdf|lesson01.pdf]]

=== Lecture03 "Ray Tracing 2." ===
* Ray Intersections
* Lecture notes: [[media:cg2_lesson01.pdf|lesson01.pdf]]

=== Lecture04 "Ray Tracing 3." ===
* Ray Tracing Acceleration
* Data structure: grids, BVH, Kd-tree, Directional Partitioning
* Dynamic Scenes
* Beam and Cone Tracing
* Packet Tracing
* Lecture notes: [[media:cg2_lesson02.pdf|lesson02.pdf]]
* Poznámky v Slovenčine k téme [[media:cg2_DatoveStruktury.pdf|Dátové Štruktúry]] a [[media:cg2_Kd-tree.pdf|Kd-tree]].
* Štátnicová téma: Kanál metódy sledovania lúča a porovnanie s Radiosity metódou. (definícia lúča, definícia tieňového lúča, popis metódy sledovania lúča, generovanie lúča, pochod po lúči (ray traversal), prienik lúča s trojuholníkom, stromová štruktúra lúčov (ray tree) a jej použitie na výpočet lokálnej farby, problém presnosti priesečníkov). Metóda sledovania lúča na GPU, urýchľovacie techniky.

=== Lecture05 "Light Trasport." ===
* Physics behind ray tracing
* Physical light quantities
* Visual perception of light
* Light sources
* Light transport simulation: Rendering Equation
* Lecture notes: [[media:cg2_lesson05.pdf|lesson05.pdf]]
* Štátnicová téma: Fyzikálny osvetlovací model a výpočet farieb renderovacou rovnicou. (definícia radiancie, definícia BRDF a jej vlastnosti, fyzikálne BRDF Cook-Tarrance, definícia priestorového uhlu, napíšte renderovaciu rovnicu a vysvetlite jej členy).

=== Lecture06 "Radiosity." ===
* Diffuse reflectance function
* Radiative equilibrium between emission and absorption, escape
* System of linear equations
* Iterative solution Neuman series
* Lecture notes: [[media:cg2_lesson05.pdf|lesson05.pdf]]
* Boo chapter Shading: [[media:Shading.pdf|shading.pdf]]

=== Lecture07 "BRDF." ===
* Bidirectional Reflectance Distribution Function (BRDF)
* Reflection models
* Projection onto spherical basis functions
* Shading Phong model, Blin-Phong model
* Lecture notes: [[media:cg2_lesson07.pdf|lesson07.pdf]]
* Homework:
** 1. Prove that the specular BRDF from slides [https://dai.fmph.uniba.sk/upload/1/1d/Cg2_lesson07.pdf less07] fulfills the BRDF properties: reciprocity, energy conservation, definit space, value space of BRDF
** 2. Derive the equation for reflected direction Omega_r from [https://dai.fmph.uniba.sk/upload/e/eb/Shading.pdf shading] document.
* Physical BRDF
* Ward Reflection Model
* Cook-Torrance model
* Lecture notes: [[media:cg2_lesson07Phys.pdf|lesson07Phys.pdf]]

=== Lecture08 "Shadows." ===
* Lecture notes: [[media:cg2_lesson08.pdf|lesson08.pdf]]
* Štátnicová téma: Tiene, typy tieňov (mäkké, tvrdé, statické, dynamické), typy a popis algoritmov (projekčné, tieňové objemy, tieňové mapy (shadow mapping)), spôsoby implementácie jednotlivých algoritmov, artefakty a ich odstraňovanie, príklad shader programov pre tieňové mapy. Artefakty spôsobené diskretizáciou. Tiene vo Phongovom modeli.

=== Lecture09 "Texturing 1, 2." ===
* Texture parameterization
* Procedural methods
* Procedural textures
* Fractal landscapes
* Lecture notes: [[media:cg2_lesson09.pdf|lesson09.pdf]]
* Book chapter (Surface reality techniques): [[media:cg2_lessonBook09.pdf|lessonBoook09.pdf]]
* Štátnicová téma: Lokálne osvetľovacie modely. (tieňovanie, Phongov a Blinn-Phongov osvetlovací model, zložky (ambientna, difúzna, zrkadlová), textúrovanie a druhy textúr, mapovanie a filtrácia textúr, popísať princípy environment, bump, normal mapovania, textúrovací a tangenciálny priestor, príklad shader programov na GPU.

=== Lecture10 "Image Based Rendering 1." ===
* Plenopticfunction
* Panoramas
* Concentric Mosaics
* Light Field Rendering
* The Lumigraph
* Lecture notes: [[media:cg2_lesson10.pdf|lesson10.pdf]]
* Homework: Blinn-Phong enumeration.

=== Lecture11 "Image Based Rendering 2." ===
* Layered Depth Images
* View-dependent Texture Mapping
* Surface Light Fields
* View Morphing
* Lecture notes: [[media:cg2_lesson10.pdf|lesson10.pdf]]

=== Lecture12 "Ask me anything." ===
* Test problem introduction
----

= Seminars on Advanced Computer Graphics =

== Rules / Info ==
* On every seminar we will implement selected problems/algorithms related to lessons. We will '''usually - not necessary''' start with a prearranged template downloadable from this site.
* As a programming language we will use C#. We will use Visual C# 2010 as development environment. Alternatively you can use MonoDevelop (Linux / Mac OSX) on your own machine.


== Homeworks ==
* You can get '''max 100% per homework'''. Submission after deadline is for 0%.
* There is a '''min 60% of your final evaluation''' required for admission to final term.
* Additional activity can be awarder by '''max 10% of your final evaluation'''.
* Don't cheat - create instead. Any kind of cheating is punished by '''withholding 30% of your final evaluation''' for all involved students.
* As a homework, you will program what we could not finish during the exercise. Assignment and template will be downloadable from this site. See exercises.


== Exercises ==

=== "Introduction" ===
* Motivation?
** [http://goo.gl/5YLSxN 1st Octane], [http://goo.gl/J0E8qM 2nd Octane], [http://goo.gl/xVMEIk 3rd Octane]
** [http://www.fxguide.com/featured/the-state-of-rendering/ The State of Rendering 1], [http://www.fxguide.com/featured/the-state-of-rendering-part-2/ The State of Rendering 2]
* Theory / Reading?
** [http://www.scratchapixel.com/lessons/ Scratchapixel Lessons] - intersections, polygones, phong lighting
** [http://www.sci.utah.edu/~wald/PhD/wald_phd.pdf Ingo Wald's Thesis] - PhD. thesis about rendering, acceleration and global illumination.
** [http://www.amazon.com/Physically-Based-Rendering-Second-Edition/dp/0123750792 Physically Based Rendering]
* Practice?
** [http://www.belanecbn.sk/3dtutorials/index.php?id=16 Ray Tracer in c++]
** [http://www.codeproject.com/Articles/20355/Simple-Ray-Tracing-in-C-Part-VII-Shadows Ray Tracer in c#]
* Intro to c#?
** [http://www.amazon.com/Microsoft-Visual-2010-Step/dp/0735626707 Visual c# 2010], [http://www.amazon.com/4-0-Nutshell-The-Definitive-Reference/dp/0596800959 c# 4.0 in a Nutshell]
** [http://www.dofactory.com/ShortCutKeys/ShortCutKeys.aspx Visual Shortcuts], [http://www.shortcutworld.com/en/win/SharpDevelop_4.0.html SharpDevelop Short cuts]

=== Exercise00 "Vectors and Matrices" ===
* Create a simple application for vectors(4x1) and matrices(4x4)
* [[media:Ex01.Info.pdf|Info]] | [[media:CG1.Ex01.Sample.zip|Sample]] | [[media:CG1.Ex01.Template.zip‎|Template]]
* [http://www.sosmath.com/matrix/inverse/inverse.html Inverse Matrix] | [http://www.mathwords.com/a/adjoint.htm Adjoint Matrix] | [http://en.wikipedia.org/wiki/Adjugate_matrix Adjoint Matrix Wiki]


=== Exercise01 "Ray Casting" ===
* [[media:CG2.Ex01.pdf | Seminar slides]]
* Implement a camera class suitable for the ray casting method. As usual you should use a similar functionality as in the sample application. Application should specifically be able to:
** Render the scene (objects are movable).
** Move the camera in a 3D space.
** Change the camera's field of view (larger angle = more space to render), see Blender camera.
* Try to change the color of the intersected object due to distance from the camera
* '''[2 bonus %]:'''
** Create a camera which will rotate around defined point P (target) along a sphere with r = 1. You can use ideas from the Blender camera system and / or two-angle camera in openGL. Camera should use some sort of interactivity (2 angles) and targeted point P should be movable. Bonus camera can be created in a separated solution or you can change the structure in the template to implement two different cameras.
** [http://youtu.be/1twa3CJOEfA?t=1m49s Example Camera Movement]
* [[media:CG2.Ex01.Sample.zip | Sample]] | [[media:CG2.Ex01.Template.zip | Template]]


=== Exercise02 "Primitives" ===
* [[media:CG2.Ex02.pdf | Seminar slides]]
* Improve your tracer by adding a few primitives (ring, sphere, AABB box, triangle) [http://mrl.nyu.edu/~dzorin/rend05/lecture1a.pdf] [http://www.scratchapixel.com/lessons/3d-basic-lessons/lesson-9-ray-triangle-intersection/barycentric-coordinates/] [http://geomalgorithms.com/a04-_planes.html#Barycentric-Coordinate-Compute] [http://www.cs.virginia.edu/~gfx/Courses/2003/ImageSynthesis/papers/Acceleration/Fast%20MinimumStorage%20RayTriangle%20Intersection.pdf]. Each object should be movable. As usual you should use a similar functionality as in the sample application.
* '''[1 bonus %]:'''
** Create also a cylinder and a cone primitives
[[media:CG2.Ex02.Sample.zip | Sample]] | [[media:CG2.Ex02.Template.zip | Template]]



=== Exercise03 "Shader & Shading & Shadow" ===
* [[media:CG2.Ex03.pdf | Seminar slides]]
* Improve your tracer by adding shaders, shadows and lights. Implement checker and phong shader, sun light and hard shadows. Compute normals to each primitive in the point of intersection. As usual you should use a similar functionality as in the sample application.
[[media:CG2.Ex03.Sample.zip | Sample]] | [[media:CG2.Ex03.Template.zip | Template]]



=== Exercise04 "Lights & Shadows" ===
* [[media:CG2.Ex04.pdf | Seminar slides]]
* Improve your tracer by adding a point light, spot light [http://wiki.blender.org/index.php/Doc:2.6/Manual/Lighting/Lamps/Spot] and an area light. In the case of point and spot light, define the light as a point with hard shadows and linear/quadratic light attenuation [http://wiki.blender.org/index.php/Doc:2.6/Manual/Lighting/Lights/Light_Attenuation]. Area light could be defined by Lights x Lights point lights. Area light should also be able to produce soft shadows.
* '''[1 bonus %]:'''
** Write equation for illumination computed by sample code from seminar slides
[[media:CG2.Ex04.Sample.zip | Sample]] | [[media:CG2.Ex04.Template.zip | Template]]





=== Exercise05 "More About Shaders" ===
* [[media:CG2.Ex05.pdf | Seminar slides]]
* Improve your tracer by adding a few more shaders: Toon / Cell, Cook-Torrance, Oren-Nayar, Gradient. As usual you should use a similar functionality as in the sample application.
* Set Cook-Torrance color to match your measurements from Laboratory exercise.
* '''[2 bonus %]:'''
** Implement [http://cseweb.ucsd.edu/~ravir/6998/papers/p265-ward.pdf Ward Shader] [ [[media:Spheres.PNG|Example]] ]
** You should generate tangent space for each point on the sphere
** Remember to keep the same orientation of tangent space at each point
** You can replace Phong sphere with a Ward sphere
* [[media:CG2.Ex05.Sample.zip|Sample]] | [[media:CG2.Ex05.Template.zip|Template]]




=== Exercise06 "Even More About Shaders" ===
* [[media:CG2.Ex06.pdf | Seminar slides]]
* Improve your tracer by adding reflections and refractions to render mirror and glass objects. As usual you should use a similar functionality as in the sample application.
* ''''[1 bonus %]:'''
** Implement fresnel effect
[[media:CG2.Ex06.Sample.zip | Sample]] | [[media:CG2.Ex06.Template.zip | Template]]





=== Exercise08 "Postprocessing" ===
* [[media:CG2.Ex08.pdf | Seminar slides]]
* Improve your raytracer by adding supersampling SSAA / FSAA [http://en.wikipedia.org/wiki/Supersampling].
* Implement blur. User can scale the intensity of blur [http://www.blackpawn.com/texts/blur/default.html]
* '''[2 bonus %]:'''
** Implement DOF. You can use definition from blur to create a fake DOF. User can define a point of sharpness and the intensity of the effect.




=== Exercise09 [06.05.2015] "Textures" ===
* [[media:CG2.Ex09.pdf‎ | Seminar slides]]




=== AMA "Ask Me Anything" ===
* Send your questions in advance to homework email

=== Final Term "Final Term" ===
* Final test in moodle
* Oral exam afterwards for successful students

Súbor:Cv6.zip

2016-04-14T07:39:30Z

Mihalik: Mihalik uploaded a new version of File:Cv6.zip

Súbor:Cv6.zip

2016-04-14T07:38:21Z

Mihalik:

2016-03-13T20:02:33Z

Mihalik:

2016-03-06T20:05:09Z

Mihalik: