C O M P U T E R G R A P H I C S. Computer Graphics. Three-Dimensional Graphics V. Guoying Zhao 1 / 65
|
|
- Isaac Simpson
- 5 years ago
- Views:
Transcription
1 Computer Graphics Three-Dimensional Graphics V Guoying Zhao 1 / 65
2 Shading Guoying Zhao 2 / 65
3 Objectives Learn to shade objects so their images appear three-dimensional Introduce the types of light-material interactions Build a simple reflection model --- the Phong model --- that can be used with real time graphics hardware Introduce modified Phong model Consider computation of required vectors Guoying Zhao 3 / 65
4 Why we need shading Suppose we build a model of a sphere using many polygons and color it with a constant color. We get something like consequence of our unnatural assumption that each surface is colored with a single color But we want a circular shape with many gradations or shades of color Guoying Zhao 4 / 65
5 Shading Why does the image of a real sphere look like Light-material interactions cause each point to have a different color or shade Need to consider Light sources Material properties Location of viewer Surface orientation Guoying Zhao 5 / 65
6 Scattering Light strikes A Some scattered Some absorbed Some of scattered light strikes B Some scattered Some absorbed Some of this scattered light strikes A, and so on This recursive scattering of light between surfaces accounts for subtle shading effects Guoying Zhao 6 / 65
7 Guoying Zhao 7 / 65 Rendering Equation The infinite scattering and absorption of light can be described by the rendering equation Cannot be solved analytical in general Numerical methods not fast enough Various approximation: Ray tracing, radiosity Rendering equation is global and includes Shadows Multiple scattering from object to object Focus on a simple local model -> compromise between physical correctness and efficient calculation.
8 Global Effects shadow translucent surface multiple reflection We start following rays of light from a point source. Viewer sees only the light that leaves the source and reaches his eyes-perhaps through a complex path and multiple interactions with objects in the scene. Guoying Zhao 8 / 65
9 Guoying Zhao 9 / 65 Physical Approaches Ray tracing: follow rays of light from center of projection until they either are absorbed by objects or go off to infinity Can handle global effects Multiple reflections Translucent objects Slow Must have whole data base available at all times Radiosity: Energy based approach viewpoint independent Very slow
10 Local illumination models Local illumination: (compromise between physical correctness and efficient calculation) consider only the light source(s) and a surface point Global illumination: also take all the other surfaces into account Guoying Zhao 10 / 65
11 Local vs Global Rendering Correct shading requires a global calculation involving all objects and light sources Incompatible with pipeline model which shades each polygon independently (local rendering) However, in computer graphics, especially real time graphics, we are happy if things look right Exist many techniques for approximating global effects Guoying Zhao 11 / 65
12 Light-Material Interaction Light that strikes an object is partially absorbed and partially scattered (reflected) The amount reflected determines the color and brightness of the object A surface appears red under white light because the red component of the light is reflected and the rest is absorbed The reflected light is scattered in a manner that depends on the smoothness and orientation of the surface Guoying Zhao 12 / 65
13 Light Sources General light sources are difficult to work with because we must integrate light coming from all points on the source Light can leave a surface through two fundamental processes: self-emission and reflection. A light source: an object with a surface Each point can emit light: direction and intensity Guoying Zhao 13 / 65
14 Simple Light Sources Point source: emits light equally Model with position and color Distant source = infinite distance away (parallel) Spotlight: narrow range of angles Restrict light from ideal point source: limiting the angles at which light from the source can be seen. Ambient light: uniform lighting Same amount of light everywhere in scene Can model contribution of many sources and reflecting surfaces Guoying Zhao 14 / 65
15 Surface Types The smoother a surface, the more reflected light is concentrated in the direction a perfect mirror would reflect the light A very rough surface scatters light in all directions smooth surface rough surface Guoying Zhao 15 / 65
16 Phong illumination model We re going to build up to an approximation of reality called the Phong illumination model It has the following characteristics: a local illumination model not physically based gives a first-order approximation to physical light reflection very fast widely used Guoying Zhao 16 / 65
17 Phong Model A simple model that can be computed rapidly Introduced by Phone and later modified by Blinn Proved to be efficient and to be a close enough approximation to physical reality to produce good renderings under a variety of lighting conditions and material properties. Guoying Zhao 17 / 65
18 Phong Model Uses four vectors: calculate a color for an arbitrary point p on a surface Normal: n To viewer: v To source: l Perfect reflector: r of l (determined by n and l) Has three components: light-material interactions Diffuse Specular Ambient Guoying Zhao 18 / 65
19 Ideal Reflector Normal is determined by local orientation Angle of incidence = angle of reflection The three vectors must be coplanar r = 2 (l n ) n - l Guoying Zhao 19 / 65
20 Guoying Zhao 20 / 65 Lambertian Surface Perfectly diffuse reflector Light scattered equally in all directions Appears same to all viewers Amount of light reflected is proportional to the vertical component of incoming light reflected light ~cos q i cos q i = l n if vectors normalized: I =k d I d l n There are also three coefficients, k r, k b, k g that show how much of each color component is reflected
21 Specular Surfaces Whereas a diffuse surface is rough, a specular surface is smooth Smooth surfaces show specular highlights due to incoming light being reflected in directions concentrated close to the direction of a perfect reflection Most surfaces are neither ideal diffusers nor perfectly specular (ideal reflectors) Guoying Zhao 21 / 65 specular highlight
22 Specular reflection Specular reflection accounts for the highlight that you see on some objects It is particularly important for smooth, shiny surfaces, such as: metal polished stone plastics apples on a supermarket The color is often determined solely by the color of the light corresponds to absence of internal reflections Guoying Zhao 22 / 65
23 Modeling Specular Reflections Phong proposed using a term that dropped off as the angle between the viewer and the ideal reflection increased I r ~ k s I cos α φ reflected shininess coef intensity incoming intensity absorption coef φ Guoying Zhao 23 / 65
24 The Shininess Coefficient As α increases, how the reflected light is concentrated in a narrower region centered on the angle of a perfect reflector Values of a between 100 and 200 correspond to metals: narrow highlights Values between 5 and 10 give surface that look like plastic: broad highlights cos α φ -90 φ 90 Guoying Zhao 24 / 65
25 Derivation, cont. One way to model near-perfect reflector is to take cos φ = (r v)/( r v ), raised to a power α (cos φ) α φ As α gets larger, the dropoff becomes {more,less} gradual gives a {larger,smaller} highlight simulates a {more,less} glossy surface Guoying Zhao 25 / 65 -pi/2 0 pi/2 smaller more less φ
26 Ambient reflection Ambient light is the result of multiple interactions between (large) light sources and the objects in the environment Amount and color depend on both the color of the light(s) and the material properties of the object Add k a I a to diffuse and specular terms reflection coef intensity of ambient light I a can be any of the individual light sources, or it can be a global ambient term. Guoying Zhao 26 / 65
27 Guoying Zhao 27 / 65 Distance Terms The light from a point source that reaches a surface is inversely proportional to the square of the distance between them We can add a factor of the quadratic form 1/(a + bd +cd 2 ) to the diffuse and specular Terms The constant and linear terms soften the effect of the point source
28 Light Sources In the Phong Model, we add the results from each light source Each light source has separate diffuse, specular, and ambient terms to allow for maximum flexibility even though this form does not have a physical justification Separate red, green and blue components Hence, 9 coefficients for each point source I dr, I dg, I db, I sr, I sg, I sb, I ar, I ag, I ab Guoying Zhao 28 / 65
29 Material Properties Material properties match light source properties Nine absorbtion coefficients k dr, k dg, k db, k sr, k sg, k sb, k ar, k ag, k ab K -r, k -g, k -b : how much of each color component is absorbed Shininess coefficient a Guoying Zhao 29 / 65
30 Adding up the Components For each light source and each color component, the Phong model can be written (without the distance terms) as I =k d I d l n + k s I s (v r ) a + k a I a For each color component we add contributions from all sources Guoying Zhao 30 / 65
31 Modified Phong Model I =k d I d l n + k s I s (v r ) a + k a I a The specular term in the Phong model is problematic because it requires the calculation of a new reflection vector and view vector for each vertex Blinn suggested an approximation using the halfway vector that is more efficient Halfway vector: the unit vector halfway between the view vector v and the lightsource vector l Guoying Zhao 31 / 65
32 The Halfway Vector h is normalized vector halfway between l and v h = ( l + v )/ l + v If the normal is in the direction of the halfway vector, then the maximum reflection from the surface is in the direction of the viewer. Guoying Zhao 32 / 65
33 Using the halfway angle Replace (v r ) a by (n h ) b b is chosen to match shineness Note that halway angle is half of angle between r and v if vectors are coplanar Resulting model is known as the modified Phong or Blinn-Phong model Specified in OpenGL standard Guoying Zhao 33 / 65
34 Example Only differences in these teapots are the parameters in the modified Phong model Guoying Zhao 34 / 65
35 Emissive Term We can simulate a light source in object with an emissive component This component is unaffected by any light sources or transformations Often used for effects where texture drives emission Guoying Zhao 35 / 65 Image by Witch Beam
36 Computation of Vectors l and v are specified by the application Can compute r from l and n Problem is determining n For simple surfaces n can be determined but how we determine n differs depending on underlying representation of surface OpenGL leaves determination of normal to application Guoying Zhao 36 / 65
37 Plane Normals Equation of plane: ax+by+cz+d = 0 We know that plane is determined by three points p 0, p 1, p 2 or normal n and p 0 Normal can be obtained by n = (p 2 -p 0 ) (p 1 -p 0 ) Guoying Zhao 37 / 65
38 Normal to Sphere Implicit function f(x,y,z)=0 Normal given by gradient Sphere f(p)=p p-1 in the vector form The normal at every point on the surface of the sphere points directly out of the sphere, that is, in a direction from the origin through the point. n = [ f/ x, f/ y, f/ z] T =p Guoying Zhao 38 / 65
39 Parametric Form For sphere x=x(u,v)=cos u sin v y=y(u,v)=cos u cos v z= z(u,v)=sin u Tangent plane determined by vectors p/ u = [ x/ u, y/ u, z/ u] T p/ v = [ x/ v, y/ v, z/ v] T Normal given by cross product n = p/ u p/ v Guoying Zhao 39 / 65
40 General Case We can compute parametric normals for other simple cases Quadrics Parameteric polynomial surfaces Bezier surface patches Guoying Zhao 40 / 65
41 Shading in OpenGL Guoying Zhao 41 / 65
42 Objectives Introduce the OpenGL shading Discuss polygonal shading Flat Smooth Gouraud Implementing Blinn-Phong model using shaders Guoying Zhao 42 / 65
43 Steps in OpenGL shading 1. Enable vertex and fragment shaders 2. Specify normals 3. Specify material properties 4. Specify lights Guoying Zhao 43 / 65
44 Normals In OpenGL the normal vectors can be defined using Vertex Buffer Objects Defined as per vertex data like vertex positions, texture coordinates, vertex colors etc. Use GL_ARRAY_BUFFER Bind normal vectors to shader attribute locations. struct Vertex X Y Z Nx Ny Nz X Y Z... glbindbuffer(gl_array_buffer, vbo); glbufferdata(gl_array_buffer, model.size() * sizeof (struct Vertex), &model[0], GL_STATIC_DRAW); glvertexattribpointer(normalattriblocation, 3, GL_FLOAT, GL_FALSE, sizeof(struct Vertex), (const GLvoid*)offsetof(struct Vertex, normal)); glenablevertexattribarray(normalattriblocation); Guoying Zhao 44 / 65
45 Normals Usually we want to set the normal to have unit length so cosine calculations are correct Length can be affected by transformations Note that scaling does not preserve length We should normalize lengths in shaders to avoid problems with scaling Guoying Zhao 45 / 65
46 Normal for Triangle plane n (p - p 0 ) = 0 n p 2 n = (p 1 - p 0 ) (p 2 - p 0 ) normalize n n/ n p 0 p p 1 Note that right-hand rule determines outward face Guoying Zhao 46 / 65
47 Defining a Point Light Source For each light source, we need to define diffuse, specular and ambient components, material shininess and light position. We can precalculate the product of light and material properties in our application I =k d I d l n + k s I s (v r ) a + k a I a GLfloat materialshininess = 100.0f; glm::vec4 lightposition(10.0f, 5.0f, 0.0f, 1.0f); glm::vec4 lightambient(0.2f, 0.2f, 0.2f, 1.0f); glm::vec4 materialambient(1.0f, 0.0f, 1.0f, 1.0f); glm::vec4 ambientproduct = glm::matrixcompmult(lightambient, materialambient); //.. and the same for diffuse and specular components Guoying Zhao 47 / 65
48 Defining a Point Light Source We then need to select what kind of attenuation we want to use for the light source. In this example, only constant term is used and we store all the parameters as a 3-component vector glm::vec3 lightattenuation(1.0f, 0.0f, 0.0f); Guoying Zhao 48 / 65
49 Moving Light Sources Light sources are geometric objects whose positions or directions can be manipulated with the model-view matrix Depending on where we place the position (direction), we can Move the light source(s) with the object(s) Fix the object(s) and move the light source(s) Fix the light source(s) and move the object(s) Move the light source(s) and object(s) independently Guoying Zhao 49 / 65
50 Different coordinate frames to use We can do shading calculations in different coordinate frames World coordinate frame May cause numerical precision problems with large scenes Object coordinate frame Requires object s model-matrix inverse to get light position View coordinate frame World coordinates centered at camera position Traditional model for OpenGL shading Verify that coordinate frames match Guoying Zhao 50 / 65
51 Front and Back Faces Usually we want to shade only front faces OpenGL face culling removes back-facing polygons It is also possible to disable culling and render and shade both sides of the face in different way back faces not visible back faces visible Guoying Zhao 51 / 65
52 Transparency Material properties are specified as RGBA values The A value can be used to make the surface translucent The default is that all surfaces are opaque regardless of A Later we will enable blending and use this feature Guoying Zhao 52 / 65
53 Polygon Normals Polygons have a single normal Shades at the vertices as computed by the Phong model can be almost same Identical for a distant viewer or if there is no specular component Consider model of sphere Want different normals at each vertex even though this concept is not quite correct mathematically Guoying Zhao 53 / 65
54 Smooth Shading We can set a new normal at each vertex Easy for sphere model If centered at origin n = p Now smooth shading works Note silhouette edge Guoying Zhao 54 / 65
55 Mesh Shading The previous example is not general because we knew the normal at each vertex analytically For polygonal models, Gouraud proposed we use the average of the normals around a mesh vertex n = (n 1 +n 2 +n 3 +n 4 )/ n 1 +n 2 +n 3 +n 4 Guoying Zhao 55 / 65
56 Gouraud Shading Gouraud and Phong Shading Find average normal at each vertex (vertex normals) Apply modified Phong model at each vertex Interpolate vertex shades across each polygon Phong shading Find vertex normals Interpolate vertex normals across edges Interpolate edge normals across polygon Apply modified Phong model at each fragment Guoying Zhao 56 / 65
57 Comparison If the polygon mesh approximates surfaces with a high curvatures, Phong shading may look smooth while Gouraud shading may show edges Phong shading requires much more work than Gouraud shading Until recently not available in real-time systems Now can be done using fragment shaders Both need data structures to represent meshes so we can obtain vertex normals Guoying Zhao 57 / 65
58 Gouraud shading Vertex Shader example (For OpenGL 3.2, no distance term for brevity) #version 150 // TODO: 1. Define inputs, outputs and uniform variables void main() { // TODO: 2. Transform input coordinates and vectors // TODO: 3. Compute terms in the illumination equation // TODO: 4. Store results in output variables } Guoying Zhao 58 / 65
59 Gouraud shading Vertex Shader example (For OpenGL 3.2, no distance term for brevity) // 1. Define inputs, outputs and uniform variables in vec4 vposition; in vec4 vnormal; // As a vector, must have vnormal.w == 0 out vec4 fcolor; // out vec4 gl_position; // predefined in OpenGL 3.2 uniform vec4 ambientproduct, diffuseproduct, specularproduct; uniform mat4 modelviewmatrix; uniform mat4 projectionmatrix; uniform vec4 lightposition; // in view space: viewmat * lpos; uniform float shininess; Guoying Zhao 59 / 65
60 Gouraud shading Vertex Shader example (For OpenGL 3.2, no distance term for brevity) // 1. Define inputs, outputs and uniform variables... void main() { // 2. Transform input coordinates and vectors vec3 pos = (modelviewmatrix * vposition).xyz; vec3 light = lightposition.xyz; // Light position already in view coordinate frame vec3 L = normalize(light - pos); // Light direction vec3 E = normalize(-pos); // Eye is at origin -> opposite direction of vertex position } vec3 H = normalize(l + E); // Halfway vector vec3 N = normalize((modelviewmatrix * vnormal).xyz); // TODO: 3. Compute terms in the illumination equation // TODO: 4. Store results in output variables Guoying Zhao 60 / 65
61 void main() {... Gouraud shading Vertex Shader example (For OpenGL 3.2, no distance term for brevity) // 3. Compute terms in the illumination equation vec4 ambient = ambientproduct; float Kd = max(dot(l, N), 0.0); vec4 diffuse = Kd * diffuseproduct; vec4 specular = vec4(0.0, 0.0, 0.0, 1.0); if (Kd > 0.0) { } float Ks = pow(max(dot(n, H), 0.0), shininess); specular = Ks * specularproduct; // TODO: 4. Store results in output variables... Guoying Zhao 61 / 65
62 ... Gouraud shading Vertex Shader example (For OpenGL 3.2, no distance term for brevity) out vec4 fcolor; // out vec4 gl_position; // predefined in OpenGL void main() { }... // 4. Store results in output variables // TODO: Scaling for diffuse and specular components fcolor = ambient + diffuse + specular; fcolor.a = 1.0; gl_position = projectionmatrix * modelviewmatrix * vposition; Guoying Zhao 62 / 65
63 #version 150 Gouraud shading Fragment Shader example (For OpenGL 3.2) in vec4 fcolor; // Interpolated between vertex values for each fragment out vec4 gl_fragcolor; void main(void) { gl_fragcolor = fcolor; } Guoying Zhao 63 / 65
64 Gouraud shading Fragment Shader example (For OpenGL 3.2) Guoying Zhao 64 / 65
65 Texture Mapping Next Lecture OpenGL Texture Mapping Compositing and Blending Guoying Zhao 65 / 65
Shading. Why we need shading. Scattering. Shading. Objectives
Shading Why we need shading Objectives Learn to shade objects so their images appear three-dimensional Suppose we build a model of a sphere using many polygons and color it with glcolor. We get something
More informationLighting and Shading II. Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 2015
Lighting and Shading II 1 Objectives Continue discussion of shading Introduce modified Phong model Consider computation of required vectors 2 Ambient Light Ambient light is the result of multiple interactions
More informationOverview. Shading. Shading. Why we need shading. Shading Light-material interactions Phong model Shading polygons Shading in OpenGL
Overview Shading Shading Light-material interactions Phong model Shading polygons Shading in OpenGL Why we need shading Suppose we build a model of a sphere using many polygons and color it with glcolor.
More informationThree-Dimensional Graphics V. Guoying Zhao 1 / 55
Computer Graphics Three-Dimensional Graphics V Guoying Zhao 1 / 55 Shading Guoying Zhao 2 / 55 Objectives Learn to shade objects so their images appear three-dimensional Introduce the types of light-material
More informationWHY WE NEED SHADING. Suppose we build a model of a sphere using many polygons and color it with glcolor. We get something like.
LIGHTING 1 OUTLINE Learn to light/shade objects so their images appear three-dimensional Introduce the types of light-material interactions Build a simple reflection model---the Phong model--- that can
More informationLessons Learned from HW4. Shading. Objectives. Why we need shading. Shading. Scattering
Lessons Learned from HW Shading CS Interactive Computer Graphics Prof. David E. Breen Department of Computer Science Only have an idle() function if something is animated Set idle function to NULL, when
More informationComp 410/510 Computer Graphics. Spring Shading
Comp 410/510 Computer Graphics Spring 2017 Shading Why we need shading Suppose we build a model of a sphere using many polygons and then color it using a fixed color. We get something like But we rather
More informationObjectives. Introduce Phong model Introduce modified Phong model Consider computation of required vectors Discuss polygonal shading.
Shading II 1 Objectives Introduce Phong model Introduce modified Phong model Consider computation of required vectors Discuss polygonal shading Flat Smooth Gouraud 2 Phong Lighting Model A simple model
More informationIntroduction to Computer Graphics 7. Shading
Introduction to Computer Graphics 7. Shading National Chiao Tung Univ, Taiwan By: I-Chen Lin, Assistant Professor Textbook: Hearn and Baker, Computer Graphics, 3rd Ed., Prentice Hall Ref: E.Angel, Interactive
More informationCS452/552; EE465/505. Lighting & Shading
CS452/552; EE465/505 Lighting & Shading 2-17 15 Outline! More on Lighting and Shading Read: Angel Chapter 6 Lab2: due tonight use ASDW to move a 2D shape around; 1 to center Local Illumination! Approximate
More informationObjectives. Continue discussion of shading Introduce modified Phong model Consider computation of required vectors
Objectives Continue discussion of shading Introduce modified Phong model Consider computation of required vectors 1 Lambertian Surface Perfectly diffuse reflector Light scattered equally in all directions
More informationCS 4600 Fall Utah School of Computing
Lighting CS 4600 Fall 2015 Utah School of Computing Objectives Learn to shade objects so their images appear three-dimensional Introduce the types of light-material interactions Build a simple reflection
More informationIllumination & Shading
Illumination & Shading Goals Introduce the types of light-material interactions Build a simple reflection model---the Phong model--- that can be used with real time graphics hardware Why we need Illumination
More informationShading II. Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico
Shading II Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico 1 Objectives Continue discussion of shading Introduce modified Phong model
More informationWhy we need shading?
Why we need shading? Suppose we build a model of a sphere using many polygons and color it with glcolor. We get something like But we want Light-material interactions cause each point to have a different
More informationShading I Computer Graphics I, Fall 2008
Shading I 1 Objectives Learn to shade objects ==> images appear threedimensional Introduce types of light-material interactions Build simple reflection model Phong model Can be used with real time graphics
More informationComputer Graphics. Shading. Based on slides by Dianna Xu, Bryn Mawr College
Computer Graphics Shading Based on slides by Dianna Xu, Bryn Mawr College Image Synthesis and Shading Perception of 3D Objects Displays almost always 2 dimensional. Depth cues needed to restore the third
More informationLecture 17: Shading in OpenGL. CITS3003 Graphics & Animation
Lecture 17: Shading in OpenGL CITS3003 Graphics & Animation E. Angel and D. Shreiner: Interactive Computer Graphics 6E Addison-Wesley 2012 Objectives Introduce the OpenGL shading methods - per vertex shading
More informationLecture 15: Shading-I. CITS3003 Graphics & Animation
Lecture 15: Shading-I CITS3003 Graphics & Animation E. Angel and D. Shreiner: Interactive Computer Graphics 6E Addison-Wesley 2012 Objectives Learn that with appropriate shading so objects appear as threedimensional
More informationCS452/552; EE465/505. Intro to Lighting
CS452/552; EE465/505 Intro to Lighting 2-10 15 Outline! Projection Normalization! Introduction to Lighting (and Shading) Read: Angel Chapter 5., sections 5.4-5.7 Parallel Projections Chapter 6, sections
More informationObjectives Shading in OpenGL. Front and Back Faces. OpenGL shading. Introduce the OpenGL shading methods. Discuss polygonal shading
Objectives Shading in OpenGL Introduce the OpenGL shading methods - per vertex shading vs per fragment shading - Where to carry out Discuss polygonal shading - Flat - Smooth - Gouraud CITS3003 Graphics
More informationObjectives. Shading II. Distance Terms. The Phong Reflection Model
Shading II Objectives Introduce distance terms to the shading model. More details about the Phong model (lightmaterial interaction). Introduce the Blinn lighting model (also known as the modified Phong
More informationObjectives. Introduce the OpenGL shading Methods 1) Light and material functions on MV.js 2) per vertex vs per fragment shading 3) Where to carry out
Objectives Introduce the OpenGL shading Methods 1) Light and material functions on MV.js 2) per vertex vs per fragment shading 3) Where to carry out 1 Steps in OpenGL shading Enable shading and select
More informationShading II. CITS3003 Graphics & Animation
Shading II CITS3003 Graphics & Animation Objectives Introduce distance terms to the shading model. More details about the Phong model (lightmaterial interaction). Introduce the Blinn lighting model (also
More informationComputer Graphics (CS 543) Lecture 7b: Intro to lighting, Shading and Materials + Phong Lighting Model
Computer Graphics (CS 543) Lecture 7b: Intro to lighting, Shading and Materials + Phong Lighting Model Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) Why do we need Lighting
More informationComputer Graphics (CS 4731) Lecture 16: Lighting, Shading and Materials (Part 1)
Computer Graphics (CS 4731) Lecture 16: Lighting, Shading and Materials (Part 1) Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) Why do we need Lighting & shading? Sphere
More informationOrthogonal Projection Matrices. Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 2015
Orthogonal Projection Matrices 1 Objectives Derive the projection matrices used for standard orthogonal projections Introduce oblique projections Introduce projection normalization 2 Normalization Rather
More informationw Foley, Section16.1 Reading
Shading w Foley, Section16.1 Reading Introduction So far, we ve talked exclusively about geometry. w What is the shape of an object? w How do I place it in a virtual 3D space? w How do I know which pixels
More informationToday. Global illumination. Shading. Interactive applications. Rendering pipeline. Computergrafik. Shading Introduction Local shading models
Computergrafik Thomas Buchberger, Matthias Zwicker Universität Bern Herbst 2008 Today Introduction Local shading models Light sources strategies Compute interaction of light with surfaces Requires simulation
More informationCS130 : Computer Graphics Lecture 8: Lighting and Shading. Tamar Shinar Computer Science & Engineering UC Riverside
CS130 : Computer Graphics Lecture 8: Lighting and Shading Tamar Shinar Computer Science & Engineering UC Riverside Why we need shading Suppose we build a model of a sphere using many polygons and color
More informationVirtual Reality for Human Computer Interaction
Virtual Reality for Human Computer Interaction Appearance: Lighting Representation of Light and Color Do we need to represent all I! to represent a color C(I)? No we can approximate using a three-color
More informationECS 175 COMPUTER GRAPHICS. Ken Joy.! Winter 2014
ECS 175 COMPUTER GRAPHICS Ken Joy Winter 2014 Shading To be able to model shading, we simplify Uniform Media no scattering of light Opaque Objects No Interreflection Point Light Sources RGB Color (eliminating
More informationComputer Graphics (CS 543) Lecture 8a: Per-Vertex lighting, Shading and Per-Fragment lighting
Computer Graphics (CS 543) Lecture 8a: Per-Vertex lighting, Shading and Per-Fragment lighting Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) Computation of Vectors To calculate
More informationToday. Global illumination. Shading. Interactive applications. Rendering pipeline. Computergrafik. Shading Introduction Local shading models
Computergrafik Matthias Zwicker Universität Bern Herbst 2009 Today Introduction Local shading models Light sources strategies Compute interaction of light with surfaces Requires simulation of physics Global
More informationLighting. Figure 10.1
We have learned to build three-dimensional graphical models and to display them. However, if you render one of our models, you might be disappointed to see images that look flat and thus fail to show the
More informationReading. Shading. An abundance of photons. Introduction. Required: Angel , 6.5, Optional: Angel 6.4 OpenGL red book, chapter 5.
Reading Required: Angel 6.1-6.3, 6.5, 6.7-6.8 Optional: Shading Angel 6.4 OpenGL red book, chapter 5. 1 2 Introduction An abundance of photons So far, we ve talked exclusively about geometry. Properly
More informationIllumination & Shading I
CS 543: Computer Graphics Illumination & Shading I Robert W. Lindeman Associate Professor Interactive Media & Game Development Department of Computer Science Worcester Polytechnic Institute gogo@wpi.edu
More informationCSE 167: Introduction to Computer Graphics Lecture #6: Lights. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2016
CSE 167: Introduction to Computer Graphics Lecture #6: Lights Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2016 Announcements Thursday in class: midterm #1 Closed book Material
More informationIllumination in Computer Graphics
Illumination in Computer Graphics Ann McNamara Illumination in Computer Graphics Definition of light sources. Analysis of interaction between light and objects in a scene. Rendering images that are faithful
More informationReflection and Shading
Reflection and Shading R. J. Renka Department of Computer Science & Engineering University of North Texas 10/19/2015 Light Sources Realistic rendering requires that we model the interaction between light
More informationComputer Graphics. Illumination and Shading
() Illumination and Shading Dr. Ayman Eldeib Lighting So given a 3-D triangle and a 3-D viewpoint, we can set the right pixels But what color should those pixels be? If we re attempting to create a realistic
More informationIntroduction to Computer Graphics with WebGL
Introduction to Computer Graphics with WebGL Ed Angel Classical Viewing Computer Graphics with WebGL Ed Angel, 204 Classical Viewing Viewing requires three basic elements - One or more objects - A viewer
More informationCGT520 Lighting. Lighting. T-vertices. Normal vector. Color of an object can be specified 1) Explicitly as a color buffer
CGT520 Lighting Lighting Color of an object can be specified 1) Explicitly as a color buffer Bedrich Benes, Ph.D. Purdue University Department of Computer Graphics 2) Implicitly from the illumination model.
More informationLocal Illumination. CMPT 361 Introduction to Computer Graphics Torsten Möller. Machiraju/Zhang/Möller
Local Illumination CMPT 361 Introduction to Computer Graphics Torsten Möller Graphics Pipeline Hardware Modelling Transform Visibility Illumination + Shading Perception, Interaction Color Texture/ Realism
More informationCS 418: Interactive Computer Graphics. Basic Shading in WebGL. Eric Shaffer
CS 48: Interactive Computer Graphics Basic Shading in WebGL Eric Shaffer Some slides adapted from Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 205 Phong Reflectance Model Blinn-Phong
More informationTSBK 07! Computer Graphics! Ingemar Ragnemalm, ISY
1(84) Information Coding / Computer Graphics, ISY, LiTH TSBK 07 Computer Graphics Ingemar Ragnemalm, ISY 1(84) Lecture 5 3D graphics part 3 Illumination Illumination applied: Shading Surface detail: Mappings
More informationReading. Shading. Introduction. An abundance of photons. Required: Angel , Optional: OpenGL red book, chapter 5.
Reading Required: Angel 6.1-6.5, 6.7-6.8 Optional: Shading OpenGL red book, chapter 5. 1 2 Introduction So far, we ve talked exclusively about geometry. What is the shape of an obect? How do I place it
More informationIllumination Models & Shading
Illumination Models & Shading Lighting vs. Shading Lighting Interaction between materials and light sources Physics Shading Determining the color of a pixel Computer Graphics ZBuffer(Scene) PutColor(x,y,Col(P));
More informationLighting and Shading Computer Graphics I Lecture 7. Light Sources Phong Illumination Model Normal Vectors [Angel, Ch
15-462 Computer Graphics I Lecture 7 Lighting and Shading February 12, 2002 Frank Pfenning Carnegie Mellon University http://www.cs.cmu.edu/~fp/courses/graphics/ Light Sources Phong Illumination Model
More informationIntroduction. Lighting model Light reflection model Local illumination model Reflectance model BRDF
Shading Introduction Affine transformations help us to place objects into a scene. Before creating images of these objects, we ll look at models for how light interacts with their surfaces. Such a model
More informationIntroduction to Computer Graphics with WebGL
1 Introduction to Computer Graphics with WebGL Ed Angel Lighting in WebGL WebGL lighting Application must specify - Normals - Material properties - Lights State-based shading functions have been deprecated
More informationCHAPTER5. We have learned to build three-dimensional graphical models and to LIGHTING AND SHADING
LIGHTING AND SHADING CHAPTER5 We have learned to build three-dimensional graphical models and to display them. However, if you render one of our models, you might be disappointed to see images that look
More informationIllumination & Shading: Part 1
Illumination & Shading: Part 1 Light Sources Empirical Illumination Shading Local vs Global Illumination Lecture 10 Comp 236 Spring 2005 Computer Graphics Jargon: Illumination Models Illumination - the
More informationCS5620 Intro to Computer Graphics
So Far wireframe hidden surfaces Next step 1 2 Light! Need to understand: How lighting works Types of lights Types of surfaces How shading works Shading algorithms What s Missing? Lighting vs. Shading
More informationCMSC427 Shading Intro. Credit: slides from Dr. Zwicker
CMSC427 Shading Intro Credit: slides from Dr. Zwicker 2 Today Shading Introduction Radiometry & BRDFs Local shading models Light sources Shading strategies Shading Compute interaction of light with surfaces
More informationRendering. Illumination Model. Wireframe rendering simple, ambiguous Color filling flat without any 3D information
llumination Model Wireframe rendering simple, ambiguous Color filling flat without any 3D information Requires modeling interaction of light with the object/surface to have a different color (shade in
More informationGraphics for VEs. Ruth Aylett
Graphics for VEs Ruth Aylett Overview VE Software Graphics for VEs The graphics pipeline Projections Lighting Shading Runtime VR systems Two major parts: initialisation and update loop. Initialisation
More informationGraphics for VEs. Ruth Aylett
Graphics for VEs Ruth Aylett Overview VE Software Graphics for VEs The graphics pipeline Projections Lighting Shading VR software Two main types of software used: off-line authoring or modelling packages
More informationShading. Reading. Pinhole camera. Basic 3D graphics. Brian Curless CSE 557 Fall Required: Shirley, Chapter 10
Reading Required: Shirley, Chapter 10 Shading Brian Curless CSE 557 Fall 2014 1 2 Basic 3D graphics With affine matrices, we can now transform virtual 3D objects in their local coordinate systems into
More informationComputer Graphics. Illumination Models and Surface-Rendering Methods. Somsak Walairacht, Computer Engineering, KMITL
Computer Graphics Chapter 10 llumination Models and Surface-Rendering Methods Somsak Walairacht, Computer Engineering, KMTL Outline Light Sources Surface Lighting Effects Basic llumination Models Polygon
More informationComputer Graphics (CS 4731) Lecture 18: Lighting, Shading and Materials (Part 3)
Computer Graphics (CS 4731) Lecture 18: Lighting, Shading and Materials (Part 3) Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) Recall: Flat Shading compute lighting once
More informationTopic 9: Lighting & Reflection models 9/10/2016. Spot the differences. Terminology. Two Components of Illumination. Ambient Light Source
Topic 9: Lighting & Reflection models Lighting & reflection The Phong reflection model diffuse component ambient component specular component Spot the differences Terminology Illumination The transport
More informationCS Computer Graphics: Illumination and Shading I
CS 543 - Computer Graphics: Illumination and Shading I by Robert W. Lindeman gogo@wpi.edu (with help from Emmanuel Agu ;-) Illumination and Shading Problem: Model light/surface point interactions to determine
More informationCS Computer Graphics: Illumination and Shading I
CS 543 - Computer Graphics: Illumination and Shading I by Robert W. Lindeman gogo@wpi.edu (with help from Emmanuel Agu ;-) Illumination and Shading Problem: Model light/surface point interactions to determine
More informationShading. Brian Curless CSE 457 Spring 2017
Shading Brian Curless CSE 457 Spring 2017 1 Reading Optional: Angel and Shreiner: chapter 5. Marschner and Shirley: chapter 10, chapter 17. Further reading: OpenGL red book, chapter 5. 2 Basic 3D graphics
More informationLighting and Shading. Slides: Tamar Shinar, Victor Zordon
Lighting and Shading Slides: Tamar Shinar, Victor Zordon Why we need shading Suppose we build a model of a sphere using many polygons and color each the same color. We get something like But we want 2
More informationTopic 9: Lighting & Reflection models. Lighting & reflection The Phong reflection model diffuse component ambient component specular component
Topic 9: Lighting & Reflection models Lighting & reflection The Phong reflection model diffuse component ambient component specular component Spot the differences Terminology Illumination The transport
More informationIntroduction to Computer Graphics. Farhana Bandukwala, PhD Lecture 14: Light Interacting with Surfaces
Introduction to Computer Graphics Farhana Bandukwala, PhD Lecture 14: Light Interacting with Surfaces Outline Computational tools Reflection models Polygon shading Computation tools Surface normals Vector
More informationPipeline Operations. CS 4620 Lecture 14
Pipeline Operations CS 4620 Lecture 14 2014 Steve Marschner 1 Pipeline you are here APPLICATION COMMAND STREAM 3D transformations; shading VERTEX PROCESSING TRANSFORMED GEOMETRY conversion of primitives
More informationIllumination and Shading
Illumination and Shading Computer Graphics COMP 770 (236) Spring 2007 Instructor: Brandon Lloyd 2/14/07 1 From last time Texture mapping overview notation wrapping Perspective-correct interpolation Texture
More informationShading. Brian Curless CSE 557 Autumn 2017
Shading Brian Curless CSE 557 Autumn 2017 1 Reading Optional: Angel and Shreiner: chapter 5. Marschner and Shirley: chapter 10, chapter 17. Further reading: OpenGL red book, chapter 5. 2 Basic 3D graphics
More informationShading Intro. Shading & Lighting. Light and Matter. Light and Matter
Shading Intro Shading & Lighting Move from flat to 3-D models Orthographic view of sphere was uniformly color, thus, a flat circle A circular shape with many gradations or shades of color Courtesy of Vincent
More informationIllumination and Shading
Illumination and Shading Illumination (Lighting)! Model the interaction of light with surface points to determine their final color and brightness! The illumination can be computed either at vertices or
More informationPipeline Operations. CS 4620 Lecture Steve Marschner. Cornell CS4620 Spring 2018 Lecture 11
Pipeline Operations CS 4620 Lecture 11 1 Pipeline you are here APPLICATION COMMAND STREAM 3D transformations; shading VERTEX PROCESSING TRANSFORMED GEOMETRY conversion of primitives to pixels RASTERIZATION
More informationComputer Graphics. Illumination and Shading
Rendering Pipeline modelling of geometry transformation into world coordinates placement of cameras and light sources transformation into camera coordinates backface culling projection clipping w.r.t.
More informationChapter 10. Surface-Rendering Methods. Somsak Walairacht, Computer Engineering, KMITL
Computer Graphics Chapter 10 llumination Models and Surface-Rendering Methods Somsak Walairacht, Computer Engineering, KMTL 1 Outline Light Sources Surface Lighting Effects Basic llumination Models Polygon
More informationCEng 477 Introduction to Computer Graphics Fall
Illumination Models and Surface-Rendering Methods CEng 477 Introduction to Computer Graphics Fall 2007 2008 Illumination Models and Surface Rendering Methods In order to achieve realism in computer generated
More informationShading. Brian Curless CSE 457 Spring 2015
Shading Brian Curless CSE 457 Spring 2015 1 Reading Required: Angel chapter 5. Optional: OpenGL red book, chapter 5. 2 Basic 3D graphics With affine matrices, we can now transform virtual 3D objects in
More informationModels and Architectures
Models and Architectures Objectives Learn the basic design of a graphics system Introduce graphics pipeline architecture Examine software components for an interactive graphics system 1 Image Formation
More informationOpenGl Pipeline. triangles, lines, points, images. Per-vertex ops. Primitive assembly. Texturing. Rasterization. Per-fragment ops.
OpenGl Pipeline Individual Vertices Transformed Vertices Commands Processor Per-vertex ops Primitive assembly triangles, lines, points, images Primitives Fragments Rasterization Texturing Per-fragment
More informationCPSC 314 LIGHTING AND SHADING
CPSC 314 LIGHTING AND SHADING UGRAD.CS.UBC.CA/~CS314 slide credits: Mikhail Bessmeltsev et al 1 THE RENDERING PIPELINE Vertices and attributes Vertex Shader Modelview transform Per-vertex attributes Vertex
More informationDisplay Issues Week 5
CS 432/637 INTERACTIVE COMPUTER GRAPHICS Display Issues Week 5 David Breen Department of Computer Science Drexel University Based on material from Ed Angel, University of New Mexico Objectives Consider
More informationToday s class. Simple shadows Shading Lighting in OpenGL. Informationsteknologi. Wednesday, November 21, 2007 Computer Graphics - Class 10 1
Today s class Simple shadows Shading Lighting in OpenGL Wednesday, November 21, 27 Computer Graphics - Class 1 1 Simple shadows Simple shadows can be gotten by using projection matrices Consider a light
More informationVirtual Reality for Human Computer Interaction
Virtual Reality for Human Computer Interaction Appearance: Lighting Representation of Light and Color Representation of Light and Color Do we need to represent all I! to represent a color C(I)? Representation
More informationCSE 167: Lecture #7: Color and Shading. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2011
CSE 167: Introduction to Computer Graphics Lecture #7: Color and Shading Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2011 Announcements Homework project #3 due this Friday,
More informationGraphics and Visualization
International University Bremen Spring Semester 2006 Recap Hierarchical Modeling Perspective vs Parallel Projection Representing solid objects Displaying Wireframe models is easy from a computational
More informationCS Illumination and Shading. Slide 1
CS 112 - Illumination and Shading Slide 1 Illumination/Lighting Interaction between light and surfaces Physics of optics and thermal radiation Very complex: Light bounces off several surface before reaching
More informationIntroduction to Visualization and Computer Graphics
Introduction to Visualization and Computer Graphics DH2320, Fall 2015 Prof. Dr. Tino Weinkauf Introduction to Visualization and Computer Graphics Visibility Shading 3D Rendering Geometric Model Color Perspective
More informationShading. CSE 457 Winter 2015
Shading CSE 457 Winter 2015 Reading Required: Angel chapter 5. Optional: OpenGL red book, chapter 5. 2 Basic 3D graphics With affine matrices, we can now transform virtual 3D objects in their local coordinate
More informationCS Surface Rendering
CS10101001 Surface Rendering Junqiao Zhao 赵君峤 Department of Computer Science and Technology College of Electronics and Information Engineering Tongji University Surface rendering How do we choose a color
More informationVisualisatie BMT. Rendering. Arjan Kok
Visualisatie BMT Rendering Arjan Kok a.j.f.kok@tue.nl 1 Lecture overview Color Rendering Illumination 2 Visualization pipeline Raw Data Data Enrichment/Enhancement Derived Data Visualization Mapping Abstract
More informationColor and Light CSCI 4229/5229 Computer Graphics Fall 2016
Color and Light CSCI 4229/5229 Computer Graphics Fall 2016 Solar Spectrum Human Trichromatic Color Perception Color Blindness Present to some degree in 8% of males and about 0.5% of females due to mutation
More informationToday we will start to look at illumination models in computer graphics
1 llumination Today we will start to look at illumination models in computer graphics Why do we need illumination models? Different kinds lights Different kinds reflections Basic lighting model 2 Why Lighting?
More informationComputer Graphics with OpenGL ES (J. Han) Chapter 6 Fragment shader
Computer Graphics with OpenGL ES (J. Han) Chapter 6 Fragment shader Vertex and Fragment Shaders The inputs to the fragment shader Varyings: The per-vertex output variables produced by the vertex shader
More informationShading. Slides by Ulf Assarsson and Tomas Akenine-Möller Department of Computer Engineering Chalmers University of Technology
Shading Slides by Ulf Assarsson and Tomas Akenine-Möller Department of Computer Engineering Chalmers University of Technology Overview of today s lecture l A simple most basic real-time lighting model
More informationPipeline Operations. CS 4620 Lecture 10
Pipeline Operations CS 4620 Lecture 10 2008 Steve Marschner 1 Hidden surface elimination Goal is to figure out which color to make the pixels based on what s in front of what. Hidden surface elimination
More informationTopics and things to know about them:
Practice Final CMSC 427 Distributed Tuesday, December 11, 2007 Review Session, Monday, December 17, 5:00pm, 4424 AV Williams Final: 10:30 AM Wednesday, December 19, 2007 General Guidelines: The final will
More informationComputer Graphics. Ray Tracing. Based on slides by Dianna Xu, Bryn Mawr College
Computer Graphics Ray Tracing Based on slides by Dianna Xu, Bryn Mawr College Ray Tracing Example Created by Anto Matkovic Ray Tracing Example Ray Tracing Example Ray Tracing Most light rays do not reach
More informationSimple Lighting/Illumination Models
Simple Lighting/Illumination Models Scene rendered using direct lighting only Photograph Scene rendered using a physically-based global illumination model with manual tuning of colors (Frederic Drago and
More informationCSE 167: Lecture #8: GLSL. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2012
CSE 167: Introduction to Computer Graphics Lecture #8: GLSL Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2012 Announcements Homework project #4 due Friday, November 2 nd Introduction:
More information