CoGIP: A Course on 2D Computer Graphics and Image Processing
Transcript of CoGIP: A Course on 2D Computer Graphics and Image Processing
![Page 1: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/1.jpg)
CoGIP: A Course on 2D Computer Graphics and Image Processing Eric Paquette, LESIA
![Page 2: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/2.jpg)
Eric Paquette, LESIA
Computer GraphicsComputer Graphics
• Computer Graphics (CG)– 90 % Computer Science curricula
• 10 % mandatory– a vast discipline
• only a subset in one course
![Page 3: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/3.jpg)
Eric Paquette, LESIA
Target for CoGIPTarget for CoGIP
• Undergraduate level • Computer Science - like programs• 1st CG course
– many ways to introduce CG• [Brown et al. 1988], [Cunningham 2002],
[Grissom et al. 1995], [Larrondo-Petrie et al. 1994]
![Page 4: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/4.jpg)
Eric Paquette, LESIA
3D CG73%
Others19%
CG - HCI3%
2D CG5%
1st CG Course1st CG Course
HCI: Human Computer Interaction
Typical 3D CG course• [Wolfe 1999], [Hitchner et al. 1999]• Text books
CoGIP
![Page 5: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/5.jpg)
Eric Paquette, LESIA
CoGIP CourseCoGIP Course
• 2D CG and Image Processing course– color– sampling– vector / raster graphics– filtering– 2D transformations
![Page 6: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/6.jpg)
Eric Paquette, LESIA
OverviewOverview
• Motivation• Topics• Labs• Discussion• Conclusion
![Page 7: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/7.jpg)
Eric Paquette, LESIA
Why?Why?
• Applications– web, user interface, visualization, reports,
presentations, promotional material, CG content creation, games, special effects, …
• Typical Computer Scientists– manipulate images and 2D more often than
3D
![Page 8: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/8.jpg)
Eric Paquette, LESIA
Why?Why?
• Quality presentation– 2D graphics / images– Capture
• digital camera, scanner, camcorder, …– Reproduction
• ink jet, laser, film, monitor, lithography, Web, …
![Page 9: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/9.jpg)
Eric Paquette, LESIA
OverviewOverview
• Motivation• Topics
– covered topics– relationships– book
• Labs• Discussion• Conclusion
![Page 10: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/10.jpg)
Eric Paquette, LESIA
CoGIP TopicsCoGIP Topics
• Color– perception, models, transformation
• Sampling– aliasing / antialiasing
• Acquisition / reproduction• Vector primitives
– lines, polylines, parametric curves, etc.– rasterization
• Filling• Filtering• 2D transformations
![Page 11: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/11.jpg)
Eric Paquette, LESIA
CoGIP TopicsCoGIP Topics
• Color– perception, models, transformation
• Sampling– aliasing / antialiasing
• Acquisition / reproduction• Vector primitives
– lines, polylines, parametric curves, etc.– rasterization
• Filling• Filtering• 2D transformations
![Page 12: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/12.jpg)
Eric Paquette, LESIA
CoGIP TopicsCoGIP Topics
• Color– perception, models, transformation
• Sampling– aliasing / antialiasing
• Acquisition / reproduction• Vector primitives
– lines, polylines, parametric curves, etc.– rasterization
• Filling• Filtering• 2D transformations
![Page 13: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/13.jpg)
Eric Paquette, LESIA
CoGIP TopicsCoGIP Topics
• Color– perception, models, transformation
• Sampling– aliasing / antialiasing
• Acquisition / reproduction• Vector primitives
– lines, polylines, parametric curves, etc.– rasterization
• Filling• Filtering• 2D transformations
![Page 14: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/14.jpg)
Eric Paquette, LESIA
CoGIP TopicsCoGIP Topics
• Color– perception, models, transformation
• Sampling– aliasing / antialiasing
• Acquisition / reproduction• Vector primitives
– lines, polylines, parametric curves, etc.– rasterization
• Filling• Filtering• 2D transformations
![Page 15: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/15.jpg)
Eric Paquette, LESIA
renderingvolumefiltering, thresholding
animationmorphingimage
texture mappingmappingforward–reverse
image 2D transformation
texture filteringsupersamplingfiltering
antialiasingaliasingsampling
color & perception
synthesisimageprocessingCGImage Processing
Shared TopicsShared Topics
![Page 16: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/16.jpg)
Eric Paquette, LESIA
synthesistextureanalysis
HDRI mappingbrightness, contrast, gamma
3D reconstruction
multiresolutionsurfaces
waveletsimage compression
image synthesisprojectionstereoshadingshape from shading
CGImage Processing
Shared Advanced TopicsShared Advanced Topics
HDRI: High Dynamic Range Imagery
![Page 17: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/17.jpg)
Eric Paquette, LESIA
CoGIP BookCoGIP Book
• No appropriate book– topics not covered in appropriate depth– missing topics
![Page 18: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/18.jpg)
Eric Paquette, LESIA
Our Books and ChaptersOur Books and Chapters
transformations[Hearn & Baker 2004], ch. 5curves[Foley et al. 1990], ch. 11image filtering (frequency)[Gonzalez & Woods 2002], ch. 5image filtering (spatial)[Effort 2000], ch. 7
sampling, vector primitives, reproduction, filling
[Hill 2001], ch. 10perception, color[Watt & Policarpo 1998], ch. 25
![Page 19: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/19.jpg)
Eric Paquette, LESIA
OverviewOverview
• Motivation• Topics• Labs
– lab topics– J2DCG lab tool
• Discussion• Conclusion
![Page 20: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/20.jpg)
Eric Paquette, LESIA
vector(and some raster)
CG (and some IP)Transformations
vectorCGCurves
rasterIP Filtering
rasterCGFilling
bothbothColor models
Vector / RasterCG / IP (Image Processing)
Topic
CoGIP LabsCoGIP Labs
![Page 21: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/21.jpg)
Eric Paquette, LESIA
J2DCGJ2DCG
• Focus– integrated vector &
raster graphics– less coding effort
• OpenSource project– j2dcg.sourceforge.net/
![Page 22: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/22.jpg)
Eric Paquette, LESIA
OverviewOverview
• Motivation• Topics• Labs• Discussion
– benefits– challenges
• Conclusion
![Page 23: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/23.jpg)
Eric Paquette, LESIA
AdvantagesAdvantages
• Advantage compared to 3D CG course– perception– color– acquisition / reproduction– image transformation– image composition– vector graphics
![Page 24: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/24.jpg)
Eric Paquette, LESIA
Benefits for studentsBenefits for students
• Efficient with 2D graphics software– create, edit, reproduce quality content
• Knowledge to interact with– CG & Image Processing specialists
![Page 25: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/25.jpg)
Eric Paquette, LESIA
Benefits for teachersBenefits for teachers
• Require similar knowledge– mathematics– programming
• Less duplication with Image Processing• Starting point for advanced courses
– Vision, 3D CG, animation, …
![Page 26: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/26.jpg)
Eric Paquette, LESIA
ChallengesChallenges
• Division– CG / Image Processing– Vector / Raster
• No appropriate book• Advanced course
– must follow CoGIP before– must refresh their memory
![Page 27: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/27.jpg)
Eric Paquette, LESIA
GTI410: Our ExperienceGTI410: Our Experience
• Students appreciate– topics– labs– labs in a single system
• Course notes from chapters– appropriate
• Advanced course on 3D
![Page 28: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/28.jpg)
Eric Paquette, LESIA
OverviewOverview
• Motivation• Topics• Labs• Discussion• Conclusion
![Page 29: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/29.jpg)
Eric Paquette, LESIA
ConclusionConclusion
• Good combination– natural integration– less duplication
• Good starting point for advanced courses• Good for many curricula
![Page 30: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/30.jpg)
Eric Paquette, LESIA
Future WorkFuture Work
• Approaches– (interactive) 3D CG– 2D CG and Image Processing– interactive 3D CG and HCI– others
• Which approach, when, where?
![Page 31: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/31.jpg)
Eric Paquette, LESIA
AcknowledgmentsAcknowledgments
• Research supported by grants from– NSERC– ETS
![Page 32: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/32.jpg)
Eric Paquette, LESIA
Additional MaterialAdditional Material
![Page 33: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/33.jpg)
Eric Paquette, LESIA
ReferencesReferences
• Books– [Effort 2000] Efford, N. 2000. Digital Image Processing: A
Practical Introduction Using Java. Addison-Wesley.– [Foley et al. 1990] Foley, J., Van Dam, A., Feiner, S., And
Hughes, J. 1990. Computer Graphics Principles and Practice, 2nd ed. Addison-Wesley.
– [Gonzalez & Woods 2002] Gonzalez, R., And Woods, R. 2002. Digital Image Processing, 2nd ed. Prentice Hall.
– [Hearn & Baker 2004] Hearn, D., And Baker, M. 2004. Computer Graphics with OpenGL, 3rd ed. Prentice Hall.
– [Hill 2001] Hill, F. 2001. Computer Graphics Using OpenGL, 2nd ed. Pearson Education.
– [Watt & Policarpo 1998] Watt, A., And Policarpo, F. 1998. The Computer Image. Addison-Wesley.
![Page 34: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/34.jpg)
Eric Paquette, LESIA
ReferencesReferences
• Papers– [Brown et al. 1988] Brown, J., Burton, R., Cunningham, S., And Ohlson, M. 1988. Varieties of
computer graphics courses in computer science. In Proceedings of the nineteenth SIGCSE technical symposium on Computer science education, 313.
– [Cunningham 2002] Cunningham, S., 2002. Recommendations of the computer science curriculum group of interest. Eurographics/SIGGRAPH Workshop on Computer Graphics Education 02 (CGE 02).
– [Grissom et al. 1995] Grissom, S., Bresenham, J., Kubitz, B., Owen, G. S., And Schweitzer, D. 1995. Approaches to teaching computer graphics. In Proceedings of the twenty-sixth SIGCSE technical symposium on Computer science education, 382–383.
– [Hitchner et al. 1999] Hitchner, L. E., And Sowizral, H. A. 1999. Adapting computer graphics curricula to changes in graphics. In Graphics and Visualization Education Workshop (GVE ’99) Proceedings, J. C. Teixeira, W. Hansmann, and M. McGrath, Eds., 23–30.
– [Larrondo-petrie et al. 1994] Larrondo-petrie, M. M., Bresenham, J., Laxer, C., Lansdown, J., And Owen, G. S. 1994. Approaches to teaching introductory computer graphics. In Proceedings of the 21st annual conference on Computer graphics and interactive techniques, ACM Press, 479–480.
– [Wolfe 1999] WOLFE, R. 1999. Brining the introductory computer graphics course into the 21st century. In Graphics and Visualization Education Workshop (GVE ’99) Proceedings, J. C. Teixeira, W. Hansmann, and M. McGrath, Eds., 3–8.
![Page 35: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/35.jpg)
Eric Paquette, LESIA
ContributionsContributions
• Description of a course on 2D CG & IP• Identification of practical / theoretical
relationships between 2D CG & IP• Relationship to advanced courses• Identification of benefits and drawbacks• OpenSource Framework for labs• Survey on CG courses
![Page 36: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/36.jpg)
Eric Paquette, LESIA
scanlinevector to rasterDDA, mid point
polygon, sphere, torus, etc.
primitives2D vector3D, gimbal lockanimation2D
3D, projectiontransformations2D3D, surfacescurves2D
Advanced CG2D CG + Image Processing
2D to 3D CG2D to 3D CG
DDA: Digital Differential Analyser
![Page 37: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/37.jpg)
Eric Paquette, LESIA
CoGIP Lab ToolCoGIP Lab Tool
• Focus– easily implement the algorithms
• less coding effort• less user interface development
Filter
MeanFilter3x3
Abstract class
Exampleconcrete class
![Page 38: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/38.jpg)
Eric Paquette, LESIA
Books constraintsBooks constraints
• [Watt & Policarpo 1998]– insufficient details
• 3D CG books– insufficient filtering, image transformations
• IP books– insufficient vector primitives, curves, vector to
raster, filling, 2D transformations, reproduction
![Page 39: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/39.jpg)
Eric Paquette, LESIA
DataData
• From data available on the Web• Undergraduate CS curricula• Number of
– 5 countries– 31 universities– 50 programs– 37 introductory CG courses
![Page 40: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/40.jpg)
Eric Paquette, LESIA
DataData
• Countries– Australia– Canada– New Zealand– United Kingdom– United States
![Page 41: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/41.jpg)
Eric Paquette, LESIA
IT EngineeringIT Engineering
• Information Technology Engineering• Applied Computer Science
– business– transactional environment– information technology– internet / intranet
• Integrators
![Page 42: CoGIP: A Course on 2D Computer Graphics and Image Processing](https://reader030.fdocuments.us/reader030/viewer/2022021207/620623278c2f7b173004cdb4/html5/thumbnails/42.jpg)
Eric Paquette, LESIA
Engineering
Computer Science
Computer Graphics
Network
Business
CHM101ING120MAT115
LOG120 LOG220
MAT235COM110
PHY102
GTI210
ING130MAT320PHY105
GTI3102
LOG340
GIA450MAT415
GTI4402
GTI410
LOG610
GIA400MAT140
GTI525GTI530
GTI520
GPO661TIN501
GTI664
GTI790
GTI4201
GTI710
GIA6011
IT Engineering (GTI)IT Engineering (GTI)
• Curriculum