COMP4610/8610 Computer Grahpics
Tutorial 3
HW2 Rasterization and Shading
Jinguang Tong
jinguang.tong@anu.edu.au
14/Mar/2024
Agenda
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 2
01 Overview
02 Task1
03 Task2
04 Task3
05 Q & A
01 Overview
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 3
Overview
• Topic: Rasterization and Shading.
• Totally 3 tasks.
• Extend working time to 4 weeks, 2 CLabs.
• Take 12% of the final mark.
• No more report template and marking criteria.
• Declaration of Originality as the first page of report.
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 4
02 Task1 Rasterization
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 5
Task1 Rasterization
• Implement the rasterization function
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 6
Task1 Rasterization
• Implement supersampling anti-aliasing (SSAA)
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 7
Task1 Rasterization
• Implement back-face culling
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 8
Task1 Rasterization
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 9
In your report:
• Put a screenshot of the rasterize_triangle(const Triangle &, bool) function
with anti-aliasing and a screenshot of the code snippet used for back-face
culling.
• Briefly explain how you implement back-face culling algorithm.
• Rotate the house around y-axis by 140 degree and render. Put two results
(w/ and w/o anti-aliasing) in the report.
03 Task2 Shading and Texture Mapping
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 10
Task2 Shading and Texture Mapping
• Implement four shaders: normal, blinn-phong, texture and bump mapping.
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 11
Task2 Bump mapping
• Perturb surface normal per pixel (for shading
computations only)
• “Height shift” per texel defined by a texture
3/14/24 COMP4610/COMP8610 COMPUTER GRAPHICS 12
3/14/24 COMP4610/COMP8610 COMPUTER GRAPHICS 13
Tangent space
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 14
3/14/24 COMP4610/COMP8610 COMPUTER GRAPHICS 15
Task2 Shading and Texture Mapping
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 16
A texture map (left). The corresponding normal map in tangent space (center). The normal
map applied to a sphere in object space (right).
LearnOpenGL - Normal Mapping
Task2 Shading and Texture Mapping
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 17
Different shading methods: Flat, Gouraud and Phong Shading
04 Task3 Modelling-Viewing-Projection
and Rendering
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 18
Task3 MVP and Rendering
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 19
Task3 MVP and Rendering
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 20
• Model the scene in blender.
• Export the scene to an obj file with a texture map.
• Load the model and texture map.
• Setup the scene (model, camera, light).
• Rasterize the scene with shadow effect.
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 21
05 Q&A
COMP4610/COMP8610 COMPUTER GRAPHICS 14/3/2024 22
THANK YOU
14/3/2024 COMP4610/COMP8610 COMPUTER GRAPHICS 23