Illumination and Shading. Illumination (Lighting) Model the interaction of light with surface points to determine their final color and brightness OpenGL.

Slides:



Advertisements
Similar presentations
2 COEN Computer Graphics I Evening’s Goals n Discuss the fundamentals of lighting in computer graphics n Analyze OpenGL’s lighting model n Show.
Advertisements

CSPC 352: Computer Graphics
Virtual Realism LIGHTING AND SHADING. Lighting & Shading Approximate physical reality Ray tracing: Follow light rays through a scene Accurate, but expensive.
1 MAE152 Computer Graphics for Scientists and Engineers Lighting in OpenGL.
Illumination and Shading
1. What is Lighting? 2 Example 1. Find the cubic polynomial or that passes through the four points and satisfies 1.As a photon Metal Insulator.
Computer Graphics - Class 10
University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2008 Tamara Munzner Lighting/Shading III Week.
Shading in OpenGL CS4395: Computer Graphics 1 Mohan Sridharan Based on slides created by Edward Angel.
IMGD 1001: Illumination by Mark Claypool
CS 4731: Computer Graphics Lecture 16: Illumination Models Part 2 Emmanuel Agu.
Shading in OpenGL Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico.
7M836 Animation & Rendering
Objectives Learn to shade objects so their images appear three- dimensional Learn to shade objects so their images appear three- dimensional Introduce.
1 CSC 830 Computer Graphics Lecture 5 Shading Course Note Credit: Some of slides are extracted from the course notes of prof. Mathieu Desburn (USC) and.
CS5500 Computer Graphics March 26, Shading Reference: Ed Angel’s book.
Computer Graphics (Spring 2008) COMS 4160, Lecture 14: OpenGL 3
University of British Columbia CPSC 414 Computer Graphics © Tamara Munzner 1 Shading Week 5, Wed 1 Oct 2003 recap: lighting shading.
Illumination and Shading
University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2005 Tamara Munzner Lighting and Shading Week.
Fundamentals of Computer Graphics Part 6 Shading prof.ing.Václav Skala, CSc. University of West Bohemia Plzeň, Czech Republic ©2002 Prepared with Angel,E.:
Computer Graphics Lighting.
1 Graphics CSCI 343, Fall 2013 Lecture 20 Lighting and Shading III.
Shading (introduction to rendering). Rendering  We know how to specify the geometry but how is the color calculated.
Shading in OpenGL.
19/17/ :25 UML Graphics: Conceptual Model Real Object Human Eye Display Device Graphics System Synthetic Model Synthetic Camera Real Light Synthetic.
Shading 03/19/2003. Lighting Principles Lighting based on how objects reflect light –Surface characteristics –Light color and direction –Global lighting.
Shading and Illumination. OpenGL Shading Without ShadingWith Shading.
Computer Graphics I, Fall 2010 Shading in OpenGL.
Lecture 9: Lighting and Shading 1  Principles of Interactive Graphics  CMSCD2012  Dr David England, Room 718,  ex 2271
Lecture 14 Shading models 1.Shading Constant Shading (to be implemented) Gouraud Shading Phong Shading 2.Light and shading with OpenGL 1.
08 |Lighting and Shading Eriq Muhammad Adams J |
University of Texas at Austin CS 378 – Game Technology Don Fussell CS 378: Computer Game Technology Basic Rendering Pipeline and Shading Spring 2012.
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 Shading I Ed Angel Professor of Computer Science, Electrical and Computer Engineering,
Chi-Cheng Lin, Winona State University CS430 Computer Graphics Lighting and Shading Part II.
OpenGL Lighting Jian-Liang Lin 2002 Hidden-Surface Removal -1 Original Code: while (1) { get_viewing_point_from_mouse_position(); glClear(GL_COLOR_BUFFER_BIT);
Computer Graphics: Programming, Problem Solving, and Visual Communication Steve Cunningham California State University Stanislaus and Grinnell College.
Illumination and Shading
CS 325 Introduction to Computer Graphics 03 / 29 / 2010 Instructor: Michael Eckmann.
RENDERING Introduction to Shading models – Flat and Smooth shading – Adding texture to faces – Adding shadows of objects – Building a camera in a program.
Lecture Fall 2001 Illumination and Shading in OpenGL Light Sources Empirical Illumination Shading Transforming Normals Tong-Yee Lee.
11/5/2002 (c) University of Wisconsin, CS 559 Last Time Local Shading –Diffuse term –Specular term –All together –OpenGL brief overview.
Local Illumination and Shading
Where We Stand So far we know how to: –Transform between spaces –Rasterize –Decide what’s in front Next –Deciding its intensity and color.
In the name of God Computer Graphics. Where We Stand So far we know how to: –Transform between spaces –Draw polygons Next –Deciding a pixel’s intensity.
Illumination and Shading Sang Il Park Sejong University.
OpenGL Shading. 2 Objectives Learn to shade objects so their images appear three-dimensional Introduce the types of light-material interactions Build.
Lighting and Reflection Angel Angel: Interactive Computer Graphics5E © Addison-Wesley
Shading NOTE: Some of these slides are from Ed Angel’s presentation at SIGGRAPH February 27, 2008.
David Luebke3/16/2016 CS 551 / 645: Introductory Computer Graphics David Luebke
Illumination Models. Introduction 1 Illumination model: Given a point on a surface, what is the perceived color and intensity? Known as Lighting Model,
Illumination CSE 410. Basic steps of lighting Enable smooth shading Set global ambient light glShadeModel(GL_SMOOTH); glEnable(GL_NORMALIZE); GLfloat.
1 CSCE 441: Computer Graphics Lighting Jinxiang Chai.
Computer Graphics Ken-Yi Lee National Taiwan University (the slides are adapted from Bing-Yi Chen and Yung-Yu Chuang)
Computer Graphics: Illumination
Illumination and Shading. Illumination (Lighting) Model the interaction of light with surface points to determine their final color and brightness OpenGL.
Illumination Models and Surface-Rendering Methods CEng 477 Introduction to Computer Graphics.
Illumination and Shading. Illumination (Lighting) Model the interaction of light with surface points to determine their final color and brightness OpenGL.
1 Dr. Scott Schaefer Lighting. 2/49 Lighting/Illumination Color is a function of how light reflects from surfaces to the eye Global illumination accounts.
CSC Graphics Programming
Shading To determine the correct shades of color on the surface of graphical objects.
Illumination and Shading
Shading in OpenGL Ed Angel
Lighting Phong's Lighting Model normals
Illumination and Shading
Lighting and Materials
Lighting – Light Sources
CS5500 Computer Graphics April 10, 2006.
ייצוג בעולם 3D ייצוג מצולעים (פוליגונים) צלע קודקוד צלעe0 : {v1,v2}
Last Time Liang-Barsky Details Weiler-Atherton clipping algorithm
Presentation transcript:

Illumination and Shading

Illumination (Lighting) Model the interaction of light with surface points to determine their final color and brightness OpenGL computes illumination at vertices illumination

Shading Apply the lighting model at a set of points across the entire surface Shading

Illumination Model The governing principles for computing the illumination A illumination model usually considers : Light attributes (light intensity, color, position, direction, shape) Object surface attributes (color, reflectivity, transparency, etc) Interaction among lights and objects (object orientation) Interaction between objects and eye (viewing dir.)

Illumination Calculation Local illumination: only consider the light, the observer position, and the object material properties Example: OpenGL 

Illumination Models Global illumination: take into account the interaction of light from all the surfaces in the scene Example: Ray Tracing (CIS681) object 1 object 2 object 3 object 4

Basic Light Sources Point lightDirectional light Spot light Light intensity can be independent or dependent of the distance between object and the light source sun

Simple local illumination The model used by OpenGL – consider three types of light contribution to compute the final illumination of an object Ambient Diffuse Specular Final illumination of a point (vertex) = ambient + diffuse + specular

Ambient light contribution Ambient light (background light): the light that is scattered by the environment A very simple approximation of global illumination Independent of the light position,object orientation, observer’s position or orientation – ambient light has no direction (Radiosity is the calculation of ambient light) object 1 object 2 object 3 object 4

Ambient lighting example

Ambient light calculation Each light source has an ambient light contribution (I a ) Different objects can reflect different amounts of ambient (different ambient reflection coefficient Ka, 0 <= K a <= 1 ) So the amount of ambient light that can be seen from an object is: Ambient = I a * K a

Diffuse light contribution Diffuse light: The illumination that a surface receives from a light source and reflects equally in all direction It does not matter where the eye is

Diffuse lighting example

Diffuse light calculation Need to decide how much light the object point receive from the light source – based on Lambert’s Law Receive more light Receive less light

Diffuse light calculation (2) Lambert’s law: the radiant energy D that a small surface patch receives from a light source is: D = I * cos (  ) I: light intensity  : angle between the light vector and the surface normal N : surface normal light vector (vector from object to light) 

Diffuse light calculation (3) Like the ambient light case, different objects can reflect different amount of diffuse light (different diffuse reflection coefficient K d, 0 <= K d <= 1 )) So, the amount of diffuse light that can be seen is: Diffuse = K d * I * cos (  )   N L cos(  ) = N.L

Specular light contribution The bright spot on the object The result of total reflection of the incident light in a concentrate region See nothing!

Specular light example

Specular light calculation How much reflection you can see depends on where you are The only position the eye can see specular from P if the object has an ideal reflection surface But for a non-perfect surface you will still see specular highlight when you move a little bit away from the idea reflection direction When  is small, you see more specular highlight  ? p 

Specular light calculation (2) Phong lighting model specular = K s * I * cos n (  ) K s : specular reflection coefficient N: surface normal at P I: light intensity  : angle between V and R cos(  ): the larger is n, the smaller is the cos value cos(  ) = R.V  p  V R N L n

Specular light calculation (3) The effect of ‘n’ in the phong model n = 10 n = 30 n = 90 n = 270

Put it all together Illumination from a light: Illum = ambient + diffuse + specular = K a * I + K d * I * (N.L) + K s * I * (R.V) n If there are N lights Total illumination for a point P =  (Illum) Some more terms to be added (in OpenGL): Self emission Global ambient Light distance attenuation and spot light effect n (N.H) or

Lighting in OpenGL Adopt Phong lighting model (specular) plus diffuse and ambient lights Lighting is computed at vertices Interpolate across surface (Gouraud/smooth shading) OR Use a constant illumination (get it from one of the vertices) Setting up OpenGL Lighting: Light Properties Enable/Disable lighting Surface material properties Provide correct surface normals Light model properties

Light Properties Properties: Colors / Position and type / attenuation glLightfv(light, property, value) (1)constant: specify which light you want to set the property example: GL_LIGHT0, GL_LIGHT1, GL_LIGHT2 … you can create multiple lights (OpenGL allows at least 8 lights) (2) constant: specify which light property you want to set the value example: GL_AMBIENT, GL_DIFFUSE, GL_SPECULAR, GL_POSITION (check the red book for more) (3) The value you want to set to the property 1 23

Property Example Define colors and position a light GLfloat light_ambient[] = {0.0, 0.0, 0.0, 1.0}; GLfloat light_diffuse[] = {1.0, 1.0, 1.0, 1.0}; GLfloat light_specular[] = {1.0, 1.0, 1.0, 1.0}; GLfloat light_position[] = {0.0, 0.0, 1.0, 1.0}; glLightfv(GL_LIGHT0, GL_AMBIENT, light_ambient); glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse); glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular); glLightfv(GL_LIGHT0, GL_POSITION, light_position); colors Position What if I set the Position to (0,0,1,0)?

Types of lights OpenGL supports two types of lights Local light (point light) Infinite light (directional light) Determined by the light positions you provide w = 0: infinite light source (faster) w != 0: point light – position = (x/w, y/w, z/w) GLfloat light_position[] = {x,y,z,w}; glLightfv(GL_LIGHT0, GL_POSITION, light_position);

Turning on the lights Turn on the power (for all the lights) glEnable(GL_LIGHTING); glDisable(GL_LIGHTING); Flip each light’s switch glEnable(GL_LIGHTn) (n = 0,1,2,…)

Controlling light position Modelview matrix affects a light’s position You can specify the position relative to: Eye space: the highlight remains in the same position relative to the eye call glLightfv() before gluLookAt() World space: a light’s position/direction appears fixed in the scene Call glLightfv() after gluLookAt() See Nat Robin’s Demo

Material Properties The color and surface properties of a material (dull, shiny, etc) How much the surface reflects the incident lights (ambient/diffuse/specular reflecetion coefficients) glMaterialfv(face, property, value) Face: material property for which face (e.g. GL_FRONT, GL_BACK, GL_FRONT_AND_BACK) Property: what material property you want to set (e.g. GL_AMBIENT, GL_DIFFUSE, GL_SPECULAR, GL_SHININESS, GL_EMISSION, etc) Value: the value you can to assign to the property

Material Example Define ambient/diffuse/specular reflection and shininess GLfloat mat_amb_diff[] = {1.0, 0.5, 0.8, 1.0}; GLfloat mat_specular[] = {1.0, 1.0, 1.0, 1.0}; GLfloat shininess[] = {5.0}; (range: dull 0 – very shiny128) glMaterialfv(GL_FRONT_AND_BACK, GL_AMBIENT_AND_DIFFUSE, mat_amb_diff); glMaterialfv(GL_FRONT, GL_SPECULAR, mat_speacular); glMaterialfv(GL_FRONT, GL_SHININESS, shininess); refl. coefficient

Global light properties glLightModelfv(property, value) Enable two sided lighting property = GL_LIGHT_MODEL_TWO_SIDE value = GL_TRUE (GL_FALSE if you don’t want two sided lighting) Global ambient color Property = GL_LIGHT_MODEL_AMBIENT Value = (red, green, blue, 1.0); Check the red book for others

Surface Normals Correct normals are essential for correct lighting Associate a normal to each vertex glBegin(…) glNormal3f(x,y,z) glVertex3f(x,y,z) … glEnd() The normals you provide need to have a unit length You can use glEnable(GL_NORMALIZE) to have OpenGL normalize all the normals

Lighting revisit Where is lighting performed in the graphics pipeline? modeling and viewing v1, m1 v2, m2 v3, m3 per vertex lighting projection clipping interpolate vertex colors viewport mapping Rasterization texturing shading Display

Polygon shading model Flat shading – compute lighting once and assign the color to the whole polygon

Flat shading Only use one vertex (usually the first one) normal and material property to compute the color for the polygon Benefit: fast to compute It is used when: The polygon is small enough The light source is far away (why?) The eye is very far away (why?) OpenGL command: glShadeModel(GL_FLAT)

Mach Band Effect Flat shading suffers from “mach band effect” Mach band effect – human eyes accentuate the discontinuity at the boundary Side view of a polygonal surface perceived intensity

Smooth shading Reduce the mach band effect – remove value discontinuity Compute lighting for more points on each face Flat shading smooth shading

Smooth shading Two popular methods: Gouraud shading (used by OpenGL) Phong shading (better specular highlight, not supported by OpenGL)

Gouraud Shading (1) The smooth shading algorithm used in OpenGL glShadeModel(GL_SMOOTH) Lighting is calculated for each of the polygon vertices Colors are interpolated for interior pixels

Gouraud Shading (2) Per-vertex lighting calculation Normal is needed for each vertex Per-vertex normal can be computed by averaging the adjust face normals n n1 n2 n3 n4 n = (n1 + n2 + n3 + n4) / 4.0

Gouraud Shading (3) Compute vertex illumination (color) before the projection transformation Shade interior pixels: color interpolation (normals are not needed) C1 C2 C3 Ca = lerp(C1, C2)Cb = lerp(C1, C3) Lerp(Ca, Cb) for all scanlines * lerp: linear interpolation

Gouraud Shading (4) Linear interpolation Interpolate triangle color: use y distance to interpolate the two end points in the scanline, and use x distance to interpolate interior pixel colors a b v1v2 x x = a / (a+b) * v2 + b/(a+b) * v1

Gouraud Shading Problem Lighting in the polygon interior can be inaccurate

Gouraud Shading Problem Lighting in the polygon interior can be inaccurate

Phong Shading Instead of color interpolation, we calculate lighting for each pixel inside the polygon (per pixel lighting) We need to have normals for all the pixels – not provided by the user Phong shading algorithm interpolates the normals and compute lighting during rasterization (need to map the normal back to world or eye space though - WHY?)

Phong Shading (2) Normal interpolation Slow – not supported by OpenGL and most of the graphics hardware n1 n2 n3 nb = lerp(n1, n3) na = lerp(n1, n2) lerp(na, nb)