Course list http://www.c-jump.com/bcc/

Lab 7 -- Diffuse and specular light

1. Part 1: Experimenting with lights
2. Setting things up
3. Part 1 project updates
4. Things to do
5. Part 2: Adding configuration window
6. Visual Studio project updates
7. Using the config window
8. How to submit

Part 1: Experimenting with lights

• In this lab we begin using realistic lighting of our models. To understand the input data and calculations, we start by looking at material properties. In our program, we want to distinguish between

  • Ambient illumination -- simulates light reflected from the environment. We have seen an example of ambient light in the previous lab. If only ambient light is used on a model, it will appear as a silhouette. Ambient illumination is based on a minimal color an object emits even if no light is present. For us, this is an easiest light component to implement.

  • Diffuse light -- shows how the light bounces off an object in all directions. In OpenGL diffuse lighting is calculated from the relationship between the light direction and the normals of the object's surface. We can calculate diffuse light intensity as a dot product between these two vectors for every vertex or fragment.

  • Specular light -- illuminates the shiny spots on objects with a smooth surface. The size of each shiny spot is controlled by the "shininess" factor. The higher the shininess, the smaller the shiny spots will be. The specular highlights indicate how hard or how soft the material will appear to the viewer.

• Our plan is to compose data for a material of an object by providing colors of each of the lighting components and pass that information to our shaders.

   

Setting things up

• Download c262_lab07.zip and unzip it under the labs subdirectory:

  
      C:\bcc\GL262Labs\labs\c262_lab07
  
  

• Open Visual Studio project

  
      C:\bcc\GL262Labs\labs\c262_lab07\c262_lab07.sln
  
  

  and compile the executable:

  
      Build -> Build Solution
  
  

  (or simply press F7.)

   

Part 1 project updates

• Observe the following project updates in this lab:

1. The vertex shader now includes lightPosition input variable.

2. The Light C++ class is added to the source code:

   
       Shader* myShader = new Shader( BCC_VERTEX_SHADER, BCC_FRAGMENT_SHADER );
       //...
       light = new Light( light_pos, light_ambient, light_diffuse, light_specular, myShader );
       myModel = new Model( myShader );
       //...
       myModel->set_material( material_ambient, material_diffuse, material_specular, shininess );
       myModel->set_light( light );
   
   

   Here, most of the parameters are arrays of 4 GLfloats.

3. The shininess is in range 1 to 255.

4. The render() function also calls

   
       light->set_shader_light_position();
   
   

   because the light position can move around.

5. The Model::render() function combines all light components and uploads them to OpenGL.

6. In the vertex shader the are three new out variables:

   • fN represents rotated normal vector for each vertex. The normal rotation matrix is calculated by render():

     
         // Compute the model matrix:
         // The order here is important!
         //myModel->mM =  mtx_trans * mtx_scale * myModel->mR; // rotate first
         myModel->mM =  mtx_trans * myModel->mR * mtx_scale;   // scale first
         // Compute the matrix for rotation of normals:
         myModel->mR = glm::transpose( glm::inverse( myModel->mM ));
     
     

     It is importand that transposed inversed model matrix myModel->mR includes all scaling and rotations of the model. This matrix properly rotates normals in the vertex shader Shaders\vertexProgram_v.c:

     
             fN = (mR*vNormal).xyz;
     
     

     The fN vector gets smoothly interpolated in the fragment shader and has to be normalized before the lighting calculations take place.

   • fE represents the vector connecting position of the vertex and the eye (or the camera)

   • fL represents the vector connecting position of the vertex and the light position. This vector is adjusted if it's not a directional "sun" light, but a "lamp" source instead. In the latter case the light source is transformed into the model.

7. In the fragment shader,

   • the three in vectors are normalized

   • the ambient, diffuse, and specular inputs are passed from Model::render()

   • the intensity of diffuse light is computed

   • the intensity of specular light is computed

   • the final color is computed as a combination of all three components

    

Things to do

• Understand everything that was discussed so far in this lab. Now is the time to ask questions!

• Make necessary changes to display objects in a bright red color with purple specular highligts.

   

Part 2: Adding configuration window

• Download c262_lab07_x2.zip and unzip it under the labs subdirectory:

  
      C:\bcc\GL262Labs\labs\c262_lab07_x2
  
  

• Open Visual Studio project

  
      C:\bcc\GL262Labs\labs\c262_lab07_x2\c262_lab07_x2.sln
  
  

  and compile the executable:

  
      Build -> Build Solution
  
  

  (or simply press F7.)

   

Visual Studio project updates

• Configuration window is using Open Source FLTK library to create a GUI window.

• Notice that the project contains a new subdirectory:

  
      C:\bcc\GL262Labs\labs\c262_lab07_x2\fluid_project
  
  

• The GUI window is constructed by FLUID (Fast Light User Interface Designer.) FLUID is distributed with FLTK. The window enables to interactively load, scale, rotate, and translate object models at run-time.

• There is also new a header file, src\ConfigWindow.h, which has the code to handle user input and update the OpenGL view accordingly.

• Use WinMerge to compare the previous and the new versions of the lab 7 project file:

  
        labs\c262_lab07\lab01.vcxproj
        labs\c262_lab07_x2\lab01.vcxproj
  
  

• Briefly, the project settings were updated as follows:

1. The source file

   
       labs\c262_lab07_x2\fluid_project\CFluidWindow.cxx
   
   

   was added to the project.

2. In Solution Explorer, after right-clicking the project and opening the project properties and switching configuration to 'All Configurations', the "Configuration Properties" -> "C/C++" -> "Preprocessor" -> Preprocessor definitions -> preprocessor symbol WIN32 was added.

3. Changed "Configuration Properties" -> "C/C++" -> "General" -> SDL checks -> No.

4. Added "Configuration Properties" -> "C/C++" -> "General" -> Additional Include Directories from blank to

   
       ..\..\external\include
   
   

5. Added "Configuration Properties" -> "Linker" -> "General" -> Additional Library Directories from blank to

   
       ..\..\external\lib
   
   

6. Applied changes and switched Configuration to 'Debug'

7. Changed "Configuration Properties" -> "Linker" -> "Input" -> Additional Dependencies, Edit and added

   
   fltkd.lib
   fltkformsd.lib
   fltkgld.lib
   fltkimagesd.lib
   fltkjpegd.lib
   fltkpngd.lib
   fltkzlibd.lib
   
   

8. Changed "Configuration Properties" -> "Linker" -> "Input" -> Ignore Specific Default Libraries

   
   libcd.lib
   
   

9. Applied changes and switched Configuration to 'Release'

10. Changed "Configuration Properties" -> "Linker" -> "Input" -> Additional Dependencies, Edit and added

    
    fltk.lib
    fltkforms.lib
    fltkgl.lib
    fltkimages.lib
    fltkjpeg.lib
    fltkpng.lib
    fltkzlib.lib
    
    

11. Changed "Configuration Properties" -> "Linker" -> "Input" -> Ignore Specific Default Libraries

    
    libc.lib
    
    

12. Also, verified that Debug configuration uses

    • "Configuration Properties" -> "C/C++" -> "Code Generation" -> Runtime Library Multi-threaded Debug DLL (/MDd), and

    • Release configuration uses Multi-threaded DLL (/MD)

13. Saved all options and closed the project properties dialog window.

     

Using the config window

• The ConfigWindow.h is #included from the main application source file, src\c262_lab07_x2.cpp. The changes in the main file also include

  
      // FLTK window support
      ConfigWindow config_window( &theta );
      config_window.show();
      
      glutMainLoop();
  
  

  The code creates the config window and makes it visible before calling glutMainLoop().

• The config window allows to load, scale, rotate, and move object models.

   

How to submit

• There are no files to submit.

• Demonstrate a working c262_lab07 program to your instructor.