GRAPHISME PAR ORDINATEUR SIF-1032
Contenu du cours 7 Rendu de surfaces Rendu de surfaces (OpenGL 3.x) Couleur Couleur et réflexion de la lumière Sources lumineuses Effets d’illumination Exemples pratiques Rendu de surfaces (OpenGL 3.x) Chargement de modèles OBJ Normales, composantes: ambiante, diffuse et spéculaire Lectures (Chapitre 8) nehe.gamedev.net: Solid objects (Lesson 5)
Rendu de surfaces Les méthodes de rendu de surfaces permettent d’ajouter les surfaces, leurs propriétés ainsi que leurs interactions avec les sources lumineuses Rendu uniforme (flat shading)
Rendu de surfaces Rendu lisse (Smooth shading) Rendu lisse avec composante spéculaire
La couleur Une couleur est déterminée par sa longueur d'onde et par son intensité. Le rouge à une longueur d'onde de 700 nm et le bleu a une longueur d'onde de 400 nm. Toutes les longueurs d'onde entre le bleu et le rouge, dont le jaune et le vert, se trouvent entre le bleu et le rouge. Les écrans utilisés sur les ordinateurs (moniteurs) utilisent des points qu'on appelle "pixel". Chaque pixel est constitué de 3 petits cercles de couleur rouge (Red), vert (Green), bleu (Blue). Ainsi, on appelle ce mode de représentation des couleurs: RGB. Pour chaque pixel d'une fenêtre à l'écran, on doit spécifier l'intensité de chaque composante de couleur RGB. La méthode la plus utilisée consiste à donner, pour chaque composante RGB, l'intensité avec un nombre de 8 bits (unsigned char) de 0 à 255. Avec OpenGL , on peut aussi utiliser un nombre float de 0.0 à 1.0. Notez que (1,1,1) est le blanc le plus intense. Par exemple: glColor3f(1.0f, 0.0f, 0.0f); // rouge vif (composantes float) glColor3ub(255,0,0); // rouge vif exprime avec des composantes unsigned char
La couleur (Composante et LUT) OpenGl utilise aussi une 4ième composante lors de la spécification d’une couleur, le facteur Alpha (). Cette composante additionnelle permet de mélanger (blend) un pixel avec le pixel du fond et permet ainsi d’implémenter les effets de transparence. La couleur peut être spécifiée en format 24 bits (8,8,8) pour le RGB, correspondant à 16 millions de couleurs, ou le mode True Color avec 32 bits par pixel (RGBA). Notez qu'une table de couleur appelée LUT: Lookup Table, est très utile pour créer des effets spéciaux haute vitesse, pour les jeux sur ordinateur. Toutefois, en général, nous devrions disposer de plus que 256 (Ancien standard des anciennes cartes graphiques SVGA) entrées dans la table.
La couleur Modèle RGB pour la couleur
Modèle RGB pour la couleur 2 vues du cube RGB
La couleur Modèle RGB pour la couleur (Voir exemple ccube, version 2.x)
La couleur Modèle RGB pour la couleur (Voir exemple ccube, version 2.x)
La couleur Modèle RGB pour la couleur (Voir exemple ccube, version 2.x)
La couleur Dans le modèle de coloriage GL_SMOOTH, "Smooth" signifie de mélanger les couleurs de façon bi-linéaire: les 4 sommets d'une facette reçoivent une couleur et le système mélange les couleurs des sommets selon la proximité relative à chaque sommet et ce de façon linéaire. Nous remarquons que les couleurs sont tellement mélangées qu'on n'arrive pas à les distinguer. Ceci vient du fait que l'oeil humain perçoit la couleur d'une région en fonction du contraste de son voisinage. Un rouge sur un fond bleu n’a pas le même effet de contraste que le même rouge sur un fond vert.
La couleur et la réflexion de la lumière Dans une scène réelle, la couleur réfléchie des objets est fonction de l’illumination et des propriétés des surfaces Scène sans illumination et propriétés de surfaces
La couleur et la réflexion de la lumière Propriétés de la lumière supportées par OpenGL: ambient, diffuse, specular, emissive OpenGL permet de définir des propriétés des surfaces liées à leurs interactions avec la lumière, en spécifiant le potentiel de réflexion, d'absorption ou d'émission de chacune de ces surfaces. OpenGL traite différents types de lumière: ambient: lumière non directionnelle découlant de la réflexion de la lumière sur un ensemble de surfaces (lumière ambiante). diffuse: lumière réfléchie dans toute les directions à partir d’une surface plutôt rugeuse. Correspond à la réponse à une lumière directionnelle. specular: lumière directionnelle réfléchie d’une surface lisse comme un miroir ou une surface métallique. c'est la réponse correspondant à l'effet de miroir emissive: Lumière émise par une surface.
La couleur et la réflexion de la lumière Quand la composante de lumière ambiante est fixée par exemple à (1.0,0.5,0.5) et qu’une surface a un potentiel de réflexion de la lumière ambiante (une réponse à la lumière ambiante) de (0.5, 0.5, 0.4), alors la couleur ambiante de la surface sera (1.0*0.5, 0.5*0.5, 0.5*0.4), ce qui correspond à une couleur (0.5, 0.25, 0.20). En fait nous retrouvons d’une part la lumière émise d’un source lumineuse. Cette lumière émise de la source possède un ensemble (un mélange) de longueurs d’onde, une couleur. Par exemple, un faisceau de lumière blanche correspond à la couleur (255, 255, 255). D’autre part, nous retrouvons une surface qui interagit avec la lumière, qui possède des propriétés de réflexion de la lumière incidente. Le calcul précédent, s'applique à toutes les sortes de lumières quelles soient ambiante, diffuse ou spéculaire.
La couleur et la réflexion de la lumière Lumière ambiante Une surface non exposée directement à une source de lumière reste quand même visible si les objets environnants sont illuminés Le modèle d’illumination suppose que les multiples réflexions de lumière provenant des surfaces produisent une illumination uniforme (lumière ambiante) La lumière ambiante n’a pas de prédominance spatiale ou directionnelle Le niveau de lumière ambiante incident de chaque surface est alors supposé constant avec une valeur Ia
La couleur et la réflexion de la lumière Lumière ambiante La lumière réfléchie est aussi constante pour chaque surface et est indépendante de la direction de visualisation et de l’orientation spatiale des surfaces L’intensité de la lumière réfléchie de chaque surface est fonction de ses propriétés de réflexion et d’absorption
La couleur et la réflexion de la lumière Lumière diffuse La lumière diffusée à partir d’une surface, provient d’une direction donnée mais est réfléchie uniformément dans toute les directions
La couleur et la réflexion de la lumière Lumière diffuse Par contre, l’intensité de la lumière diffuse est fonction de l’angle d’incidence du faisceau incident par rapport à la surface. L’intensité de lumière diffuse réfléchie étant maximale quand le faisceau incident est parallèle à la normale d’une surface et diminue plus la direction d ’illumination s’éloigne de la normale
La couleur et la réflexion de la lumière Lumière diffuse L’intensité réfléchie est fonction des propriétés optiques des surfaces La fraction de lumière incidente qui est diffusée peut être établie pour chaque surface avec une valeur Kd 0,1 (coefficient de réflexion diffuse) Pour une surface brillante Kd -> 1 (forte réflexion) Pour une surface terne Kd -> 0 (forte absorption) Lorsqu’une surface est seulement exposée à la lumière ambiante
La couleur et la réflexion de la lumière Lumière diffuse
La couleur et la réflexion de la lumière Lumière diffuse Pour avoir un rendu de scène plus réaliste au moins une source lumineuse est incluse et ce souvent à la position de visualisation La réflexion diffuse d’une surface illuminée par une source ponctuelle implique la réflexion d’ondes lumineuses d’intensité égale dans toutes les directions et ce indépendamment de la direction de visualisation (surface Lambertienne) Par ailleurs, selon la loi des cosinus de Lambert, l’énergie radiante réfléchie par n’importe quel point d’une surface de section dA orientée dans n’importe quelle direction N par rapport à la normale N est proportionnelle à cosN
La couleur et la réflexion de la lumière Lumière diffuse Énergie radiante réfléchie dA cos N
La couleur et la réflexion de la lumière Lumière diffuse L’intensité lumineuse réfléchie dépend de l’énergie radiante émise normalisée par la surface projetée perpendiculairement à la direction N (dA cos N) Par conséquent, pour des surfaces Lambertiennes l’intensité lumineuse réfléchie est la même dans toutes les directions La brillance des surfaces dépend de leur orientation par rapport à la source lumineuse Une surface orientée perpendiculairement par rapport à la direction de la lumière incidente est plus brillante qu’une surface oblique
La couleur et la réflexion de la lumière Lumière diffuse Illumination d’une surface
La couleur et la réflexion de la lumière Lumière diffuse L’intensité lumineuse réfléchie d’un point d’une surface connaissant l’intensité de la source ponctuelle Il est Si la surface est perpendiculaire à la lumière incidente Ildiff sera maximale ( = 0, angle d’incidence, cos(0) = 1)
La couleur et la réflexion de la lumière Lumière diffuse cos = N L ou N est le vecteur unitaire normal à la surface et L le vecteur unitaire dans la direction de la source
La couleur et la réflexion de la lumière Lumière diffuse Les valeurs de réflexion devraient idéalement être calculées dans le système de coordonnées de visualisation La figure suivante illustre le calcul de Ildiff pour Kd 0,1 et ce pour une scène illuminée seulement par une source ponctuelle
La couleur et la réflexion de la lumière Lumière diffuse Si nous ajoutons l’illumination ambiante l’équation de réflexion devient Ka et Kd dépendent des propriétés de chaque surface
La couleur et la réflexion de la lumière Lumière diffuse Illumination ambiante et diffuse
La couleur et la réflexion de la lumière Lumière diffuse Illumination ambiante et diffuse
La couleur et la réflexion de la lumière Lumière spéculaire Les surfaces lisses réfléchissent la lumière dans une direction privilégiée
La couleur et la réflexion de la lumière Lumière spéculaire L’observation de surfaces luisantes (métal poli, pomme) nous permettent de constater que pour certaines directions de visualisation la surface est plus brillante (réflexion spéculaire) La réflexion des ondes lumineuses incidentes est concentrée autour de l’angle de réflexion spéculaire ()
La couleur et la réflexion de la lumière Lumière spéculaire R est le vecteur unitaire pointant dans la direction de réflexion spéculaire et V le vecteur unitaire pointant dans la direction de l’observateur Pour une surface spéculaire parfaite, la lumière incidente est réfléchie seulement dans la direction de R et est perçue par l’observateur seulement si R coïncide avec V ( = 0) Les surfaces spéculaires imparfaites réfléchissent la lumière incidente dans un faisceau centré à R dont l’ouverture est fonction des propriétés de la surface
La couleur et la réflexion de la lumière Lumière spéculaire Les surfaces spéculaires imparfaites
La couleur et la réflexion de la lumière Lumière spéculaire Réflexion spéculaire et modèle de Phong Dans le modèle de Phong l’intensité lumineuse réfléchie est donnée par
La couleur et la réflexion de la lumière Lumière spéculaire Réflexion spéculaire et modèle de Phong Ks est le coefficient de spécularité et ns un paramètre de réflexion spéculaire Ks 0,1 alors que ns est grand (ex.: 100 et plus) pour les surfaces luisantes et petit (ex.: 1) pour les surfaces ternes
La couleur et la réflexion de la lumière Réflexion diffuse et spéculaire Pour une source lumineuse ponctuelle
La couleur et la réflexion de la lumière Réflexion diffuse et spéculaire
La couleur et la réflexion de la lumière Réflexion diffuse et spéculaire Pour plusieurs sources lumineuses ponctuelles, I devient:
La couleur et la réflexion de la lumière Réflexion diffuse et spéculaire Ajout de la couleur Si nous utilisons une notation RGB chaque couleur dans la scène est exprimée en terme des composantes rouge, vert et bleu Nous devons alors spécifier les composantes RGB de l’intensité de la source lumineuse ainsi que les coefficients de réflexion sous forme de triplet Le coefficient de réflexion diffuse pour être représenté par un triplet comme (KdR,KdG,KdB) Pour une surface bleue nous aurions (0,0,[0,1]) Les composantes R et G de lumière incidente sont absorbées par la surface alors que le B est réfléchi
La couleur et la réflexion de la lumière Réflexion diffuse et spéculaire Ajout de la couleur
La couleur et la réflexion de la lumière Réflexion diffuse et spéculaire Ajout de la couleur L’intensité de chaque composante est donnée par
La couleur et la réflexion de la lumière Exemple pratique (voir projet Litjet) Les triangles dessinés sont gris sans effets lumineux
La couleur et la réflexion de la lumière Exemple pratique (voir projet Litjet) Les triangles dessinés sont gris sans effets lumineux
La couleur et la réflexion de la lumière Exemple pratique (voir projet Litjet) Les triangles dessinés sont gris avec lumière ambiante et diffuse
La couleur et la réflexion de la lumière Exemple pratique (voir projet Litjet) Les triangles dessinés sont gris avec effets lumineux
Rendu de surfaces (OpenGL 3.x) Voir les tutoriels: http://www.opengl-tutorial.org/beginners-tutorials/tutorial-7-model-loading/ http://www.opengl-tutorial.org/beginners-tutorials/tutorial-8-basic-shading/ Voir le code associé: http://code.google.com/p/opengl-tutorial-org/source/browse/tutorial07_model_loading/tutorial07.cpp http://code.google.com/p/opengl-tutorial-org/source/browse/tutorial08_basic_shading/tutorial08.cpp
Rendu de surfaces (OpenGL 3.x) Chargement de modèles OBJ (tutoriel 7), cube:
Rendu de surfaces (OpenGL 3.x) Chargement de modèles OBJ (tutoriel 7), cube: Voir la méthode loadOBJ(): http://code.google.com/p/opengl-tutorial-org/source/browse/common/objloader.cpp
Rendu de surfaces (OpenGL 3.x) Chargement de modèles OBJ (tutoriel 7), cube: Exécution
Rendu de surfaces (OpenGL 3.x) Chargement et utilisation des normales
Rendu de surfaces (OpenGL 3.x) Chargement et utilisation des normales (fragmentShader)
Rendu de surfaces (OpenGL 3.x) Chargement et utilisation des normales (fragmentShader ….)
Rendu de surfaces (OpenGL 3.x) Chargement et utilisation des normales (vertexShader)
Rendu de surfaces (OpenGL 3.x) Composante diffuse (Énergie lumineuse diffusée) Si n.l < 0 cosTheta = 0
Rendu de surfaces (OpenGL 3.x) Composante diffuse (couleur réfléchie) // Fragment shader // Vertex shader
Rendu de surfaces (OpenGL 3.x) Composante diffuse (couleur réfléchie, voir suzanne.obj)
Rendu de surfaces (OpenGL 3.x) Composante ambiante (couleur réfléchie) // fragment shader // fragment shader
Rendu de surfaces (OpenGL 3.x) Composante ambiante (couleur réfléchie)
Rendu de surfaces (OpenGL 3.x) Composante spéculaire (couleur réfléchie) // fragment shader pow(cosAlpha,5) donne l’ouverture du faisceau réfléchis, un exposant plus grand donne un faisceau plus fin
Rendu de surfaces (OpenGL 3.x) Composante spéculaire (couleur réfléchie)