![Page 1: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/1.jpg)
Introduction to
Computer Graphics
Overview
![Page 2: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/2.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
![Page 3: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/3.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
![Page 4: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/4.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
Curt
is e
t al. 1
997
![Page 5: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/5.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
Curt
is e
t al. 1
997
![Page 6: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/6.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
Curt
is e
t al. 1
997
![Page 7: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/7.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
Curt
is e
t al. 1
997
![Page 8: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/8.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
Curt
is e
t al. 1
997
![Page 9: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/9.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Overview
• https://tobias.isenberg.cc/graphics-intro/
1. introduction,
scan conversion
P E
NE
M
![Page 10: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/10.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Overview
• https://tobias.isenberg.cc/graphics-intro/
1. introduction,
scan conversion
2. 2D/3D transformations,
3D object representations
![Page 11: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/11.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Overview
• https://tobias.isenberg.cc/graphics-intro/
1. introduction,
scan conversion
2. 2D/3D transformations,
3D object representations
3. viewing/projections;
hidden surface removal
![Page 12: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/12.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Overview
• https://tobias.isenberg.cc/graphics-intro/
1. introduction,
scan conversion
2. 2D/3D transformations,
3D object representations
3. viewing/projections;
hidden surface removal
4. illumination; shading
L
N
V
RθΦ
![Page 13: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/13.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Overview
• https://tobias.isenberg.cc/graphics-intro/
1. introduction,
scan conversion
2. 2D/3D transformations,
3D object representations
3. viewing/projections;
hidden surface removal
4. illumination; shading
5. texture mapping;
color and color models
![Page 14: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/14.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Overview
• https://tobias.isenberg.cc/graphics-intro/
1. introduction,
scan conversion
2. 2D/3D transformations,
3D object representations
3. viewing/projections;
hidden surface removal
4. illumination; shading
5. texture mapping;
color and color models
6. clipping; filling
1001
1000
1010
0001
0000
0010 0110
0100
0101
![Page 15: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/15.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – Lectures
• language: English
• materials and information:
http://tobias.isenberg.cc/graphics-intro/
• textbook: Peter Shirley
et al.: Fundamentals of
Computer Graphics, 3rd ed.,
2009, A K Peters, Ltd.
ISBN: 978-1-56881-469-8
• suggested readings for
covered topics (2nd & 3rd ed.)
![Page 16: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/16.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – TD/TP, Project
• taught by Mickaël Sereno
• taught in French
• OpenGL-based graphics
programming
• TD1: intro/reminder OOP
• TD2–TD5: small assignments
• TD6: personal project (more time)
![Page 17: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/17.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – TD/TP, Project
• implementations in
• use of 3D graphics API
• other exist as well
![Page 18: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/18.jpg)
IntroductionTobias IsenbergComputer Graphics
Advanced Graphics Class in ET5
• implementation of a raytracer
![Page 19: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/19.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – TD/TP, Project
• personal project
– technological
advancement
– quality programming
– originality and creativity
– project adapted
to your skills
• examples from
previous years
![Page 20: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/20.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics – TD/TP, Project
![Page 21: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/21.jpg)
IntroductionTobias IsenbergComputer Graphics
Grand CG Rendering Competition
2020
![Page 22: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/22.jpg)
IntroductionTobias IsenbergComputer Graphics
CG: Grading and Rules
• final exam:
– in English
– multiple choice
– everybody gets personal
exam sheet
• cheating:
disciplinary actions
• sick during tutorial
or exam: call/e-mail
me beforehand
![Page 23: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/23.jpg)
IntroductionTobias IsenbergComputer Graphics
How to contact me
• e-mail: [email protected]
• Web: https://tobias.isenberg.cc/
• office:
Digiteo-Moulon
(building 660),
room 1044
01-74854292
![Page 24: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/24.jpg)
IntroductionTobias IsenbergComputer Graphics
Further Rule
exceptions only for people who need laptop for note taking
![Page 25: Introduction to Computer Graphics - tobias.isenberg.cc · Computer Graphics Tobias Isenberg Introduction Computer Graphics –Overview • 1. introduction, scan conversion P E](https://reader030.vdocuments.us/reader030/viewer/2022033119/5f359582cc815a182c74dd68/html5/thumbnails/25.jpg)
IntroductionTobias IsenbergComputer Graphics
Computer Graphics
• Questions?
• if I speak too fast or you do not understand
something, please ask