Synthèse d'images 000

Transcription

1 Synthèse d'images 000

2 Affichage 3D Données 3D Caméra fichier description utilisateur Résultat: écran 001

3 Affichage 3D Données 3D Caméra Ordre de grandeurs: fichier description utilisateur Objets 3D: triangles Résultat: écran 1 Triangle ~3000 pixels 25 images par secondes Affichage 3D = calcul intensif 002

4 Historique 1ere 3D (années 70-80) Supercalculateurs Fin 90 Architecture dédiée (3D "cablée") Cartes vidéo 3D 003

5 Historique Début 2000 Apparition des cartes graphiques Programmation 3D possible sur un PC standard Langage proche de l'assembleur 004

6 Historique GPU vs CPU 2013 Language de programmation parallèle. GPGPU Crytek Engine Skyrim 005

7 Communication avec GPU CPU+RAM GPU + VRAM Code standard API de programmation écran 2 API principales: - OpenGL - Direct3D 006

8 OpenGL - Un ensemble de spécifications (cahier des charges) sous forme d'api pour communiquer avec la carte graphique - Possède plusieurs implémentations suivant la carte graphique et les drivers - Version revendeur: NVIDIA, ATI, Intel - Mesa3D (implémentation logicielle libre) - OpenGL ES pour Android / iphone - Consoles: Wii, PS3, DS - Bibliothèque de fonctions C Nombreux wrappers Sources: David Odin 007

9 Programmation 3D Etape 1: Afficher une fenêtre (indépendant d'opengl) Ma Fenêtre Etape 2: Démarrer un contexte OpenGL dans cette fenêtre Boutons Etape 3: Appeler le code OpenGL dans une boucle permanente 008

10 Programmation 3D Etape 1: Afficher une fenêtre (indépendant d'opengl) Ma Fenêtre Boutons Il faut donc un gestionnaire de fenêtres & evenements Plusieurs choix: - Glut (simple, léger, limité) - SDL (spécialisé pour les jeux) - GLFW (léger, récent) - GTK (gestionnaire générique fenêtre & évènements) - Qt (gestionnaire générique, très complet, lourd)

11 Utilisation de GLUT GLUT - The OpenGL Utility Toolkit Un gestionnaire de fenêtre dédié pour OpenGL Pour compiler: g++ pgm.c -lgl -lglu -lglut -lglew Sous Linux: Installer les packages de freeglut, Glew 010

12 Fonction d'affichage Pour afficher quelque chose glname : Fonction OpenGL glclearcolor(r,g,b,a) : Couleur d'effacement de l'écran glclear() : Efface l'écran (+ tampon profondeur) glutswapbuffers() : Echange tampon/affichage fonction liée à glut 011

13 Callback GLUT récupération touches clavier Fonction à appeler 012

14 Callback GLUT (mouse) Récupération des informations du click souris Evènements par "callback" = fonction utilisateur appelée lors d'un évènement 013

15 Callback GLUT Autres évènements possibles: glutreshapefunc glutkeyboardfunc glutspecialfunc glutmousefunc glutmotionfunc gluttabletbuttonfunc glutidlefunc gluttimerfunc (redimentionnement de fenêtre) (appui clavier) (touches spéciales du clavier: flêches) (clic souris) (déplacement souris) (appui bouton tablette) (lorsque rien ne se passe) (appel au bout d'un temps donné) 014

16 Appels OpenGL Principe général Initialisation - Définition des données float T[500];... T[5]=7.5; - Envoi des données sur GPU glbufferdata(...) 1x Boucle d'affichage - Pointer vers les données à afficher (sur GPU) glbindbuffer(...) - Demande d'affichage gldrawelements(...) >25x/s 015

17 Rendu par projection 016

18 Pgm minimal, caméra partie visible z near z far 017

19 Pgm minimal, triangle 018

20 Pgm minimal, triangle Position vbo en RAM glbufferdata() sur GPU 019

21 Pgm minimal, triangle Buffer courant: vbo gldrawarrays() Affiche (0,1,0) (0,0,0) (1,0,0) 020

22 Modes affichages gldrawarrays(glenum mode, GLint first, GLsizei count); glpointsize(5); gldrawarrays(gl_points,0,n); gldrawarrays(gl_lines,0,n); gldrawarrays(gl_lines_loop,0,n); gldrawarrays(gl_lines_strip,0,n); 021

23 Interaction, rotation int main() Variables globales glutspecialfun(special_callback); static void display_callback() glrotatef(rotation_1, 1,0,0); glrotatef(rotation_2, 0,1,0); 022

24 Rem. fonctions OpenGL L'API d'opengl est en C: 1 nom par types d'arguments gl[nom]f(...); gl[nom]i(...); gl[nom]u(...); gl[nom]d(...); gl[nom]vf(...); ex. gltranslatef(...) gluniform1f(...) gl[nom]3f(...); gl[nom]2u(...); 023

25 Notion de shaders Programme en C, C++, etc Sur CPU Sur GPU 2 programmes de contrôles int main() {... Création des données Vertex Shader appelé pour tous les sommets projection position Envoie sur GPU Demande d'affichage Gestion évènements Fragment Shader appelé pour tous les "pixels colorés" couleurs pixels 024

26 Shaders en pratique Créez 2 fichiers textes: shader.vert shader.frag Chargez les fichiers dans le programme principal glcreateprogram(); glcreateshader(...); glshadersource(...); glcompileshader(...); glattachshader(...); gllinkprogram(...); gluseprogram(...); 025

27 Shaders en pratique Ressemble à du C shader.vert Applique transformation projective & monde Variable déjà connue position de sortie des sommets 026

28 Shaders en pratique Ce n'est pas du C Ressemble à du C++ => C'est du GLSL shader.frag Variable de sortie: couleur du pixel Contrôle de la couleur 027

29 Notions de GLSL Langage proche du C, et C++ en plus simple Possède les éléments de calculs int float vec2(x,y); vec3(x,y,z); vec4(x,y,z,w); vec3 a(1,4,3); vec2 b=a.xy; vec2 c=a.zx; vec2 c=vec2(a.y,4); mat2(); mat3(); mat4(); 028

30 Principe interpolation 029

31 Passage d'arguments varying interpolation (0,1,0) (0,0,0) (1,0,0) 030

32 Passage d'arguments uniform Il est possible de passer des paramètres du CPU vers les shaders display_callback() shader.frag() 031

33 Passage d'arguments uniform Utilisation: - Interaction clavier, souris - Temps gluniform1f (get_uni_loc(shader, string), value); 1u 2f 3d Matrix4fv

34 Maillages a d b c float vertex[]= {xa,ya,za, xb,yb,zb, xd,yd,zd, xb,yb,zb, xc,yc,zc, xd,yd,zd, xc,yc,zc, xd,yd,zd, xa,ya,za, xa,ya,za, xb,yb,zb, xc,yc,zc}; glbufferdata(...) Répétition: - perte de place - modification complexe 033

35 Maillages, format indexé p 3 Séparation: géométrie 3D / connectivité p 0 p 1 p 2 float vertex[]= {p 0 x,p 0 y,p 0 z, p 1 x,p 1 y,p 1 z, p 2 x,p 2 y,p 2 z, p 3 x,p 3 y,p 3 z}; float indices[]= {0,1,3, 1,2,3, 0,3,2, 0,2,1}; 2 Types de buffers sur le GPU Buffer de géométrie Buffer d'indices p 0 x p 0 y p 0 z p 1 x float unsigned int + Coordonnées écrites une seule fois 034

36 Format indexé Initialisation Affichage 035

37 Entrelacement de données On souhaite envoyer au GPU: 4 Sommets géométrie (x,y,z) couleur (r,g,b) donnees: [p0,c0,p1,c1,p2,c2,p3,c3] p 3 c 3 3 floats 3 floats p 2 c 2 p 0 c 0 p 1 c 1 036

38 Entrelacement de données Init Display 037

39 Entrelacement de données Init Display position (float) couleur (float) sizeof(float)x p 0 x p 0 y p 0 z c 0 r c 0 g c 0 b p 1 x... Vertex Ptr Color Ptr Buffer courant (VBO) offset_couleur décallage (stride) 038

40 Autre possibilité VBO Courant p 0 x p 0 y p 0 z p 1 x... c 0 r c 0 g c 0 b... Vertex Ptr Color Ptr 039

41 Autre possibilité Init Display 040

42 Autre possibilité Init Display VBO position p 0 x p 0 y p 0 z p 1 x... VBO couleur Vertex Ptr c 0 r c 0 g c 0 b... Color Ptr 041

43 Illumination 042

44 Normale par sommet/triangle 043

45 Illumination Phong/Gouraud 044

46 Textures 045

47 Format de fichiers OFF v v v v v v v v f f f f f f off.obj 046