PA 4 Relief Mapping

• PA4 Relief Mapping is due on Oct 23, 2014, 11:59pm
• This assignment will help you deepen the understanding of the following topics
  • OpenGL pipeline
  • OpenGL shading language
  • Basic Lighting (Diffusion, Specular, Ambient, directional light, point light, spot light, etc)
  • Texture mapping
  • Normal mapping (tangent-space coordinate, paralax mapping, relief mapping)
• Code: cs451-PA4.7z Δ
• What to submit
  • Your code (with everything)
  • All images that you created. Make sure that you name your images as follows
    • Texture color map (cs451_pa4_color.jpg)
    • Normal map (cs451_pa4_normal.jpg)
    • Displacement map (height field) (cs451_pa4_height.jpg)
    • Image rendered with color map (cs451_pa4_texture.jpg)
    • Image rendered with normal map + color map (cs451_pa4_bump.jpg)
    • Image rendered with relief map + normal map + color map (cs451_pa4_relief.jpg)
  • README.txt file in cs451-PA4 folder with the following information
    • The OS and compiler that you compile your code
    • How to build your program
    • Tasks that you completed
    • Tasks that you started but did not complete
    • Tasks that you did not start
    • What are the known bugs in your code?
• How to submit
  • email me (jmlien@cs.gmu.edu) and your TA (ple13@masonlive.gmu.edu) a link to all source code and README.txt in a file named cs451_pa4_[your last name].zip
  • Please do not send us the file directly
• A very simple GLSL cheat sheet
  • http://goo.gl/CFQyF1

Tasks

• Task 1 (8%): Create a images
  • Use your camera to take a picture of a surface that has large geometric variance. This picture is called Color map.
  • Use http://www.crazybump.com/ to create
    • a normal map
    • a displacement map
    • Note: Crazybump only works on Windows and Mac. If you work on Linux and have no access to either Windows or Mac, please let me or your TA know.
• Task 2 (15%): Implement GLSL code that renders a given shape using per-pixel spot light shading (with diffusion and specular lights)
  • Hint: Go through the tutorials in the following links
    • http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
    • http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/lighting/
• Task 3 (15%): Implement GLSL code that textures a given shape using the Color map
  • Hint: Go through the tutorials in the following links
    • http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/glsl-core-tutorial-texture-coordinates/
    • http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/glsl-core-tutorial-texturing-with-images/
• Task 4 (30%): Implement GLSL code that creates bump mapping on a given shape using the Normal map
  • Hint:
    • you are allowed to modify shaders that you found online but cite the sources
    • make sure that your normal map is on the tangent space (i.e., not in object/world space)
• Task 5 (30%): Implement GLSL code that creates relief mapping on a given shape using both the Normal map and the Displace map
  • Hint:
    • you are allowed to modify shaders that you found online but cite the sources
• Task 6 (2%): Provide a README.txt described above

Examples

• I took an image of a towel of mine and used CrazyBump to generate normal and displacement maps (from left to right):

• To run your code with only spotlight shading:
  • > reliefmap ./models/essai.obj

• To run your code with texture mapping and spotlight shading:
  • > reliefmap -texture ./textures/towel_texture.jpg ./models/essai.obj

• To run your code with normal mapping+texture mapping+spotlight shading:
  • > reliefmap -texture ./textures/towel_texture.jpg -normalmap ./textures/towel_NRM.jpg ./models/essai.obj

• The following image shows the per-vertex tangent space coordinates

• To run your code with relief mapping+texture mapping+spotlight shading:
  • > reliefmap -texture ./textures/gmu-logo.jpg -normalmap ./textures/normalmap.jpg -reliefmap ./textures/displacement.jpg /models/essai.obj
• When something went wrong, it's likely that you will see this: