Immcm 1

Introduction
Cartes Graphiques 3D
Développement
Opérations
M2PRO-Images
Images Immersives - Rendu Temps Réel
J.C. Iehl
January 10, 2008
J.C. Iehl M2PRO-Images

Introduction
Développement
Opérations
Plan
I Cartes graphiques 3D
I Opérations
I API 3D (DirectX / OpenGL)
I Pipeline graphique et shaders
I Utilisation Efficace
I Effets / Rendu multi-passes

Introduction
Développement
Opérations
Cartes graphiques 3D
I A quoi ça sert ?

I Qu’est ce que c’est ?
I Comment ça marche ?

Introduction
Développement
Opérations
A quoi ça sert ?
A dessiner des polygones 3D sur une image 2D !

1. décrire les objets à afficher sous forme d’un ensemble de faces
polygonales,
2. décrire les positions des sommets des faces,
3. décrire la matière des faces (couleur, aspect mat ou
réfléchissant, texture, etc.).
4. décrire la lumière qui éclaire les objets (+ astuces)
5. décrire la projection (passage 3D vers 2D)

Introduction
Développement
Opérations
A quoi ça sert ?
Conséquences
1. description hiérarchique des repères de modélisation,
2. positionnement des objets devant la camera,
3. toutes ces transformations sont composées dans une seule
matrice MODELVIEW,
4. description de la projection par une matrice PROJECTION.
5. la notion de camera n’existe pas !

Introduction
Développement
Opérations
Qu’est ce que c’est ?
une librairie / API 3D

permet à l’application d’utiliser les fonctionalités de la carte
graphiqe 3D,
un driver
permet à la librairie de transmettre les données au matériel et de
réaliser l’affichage demandé par l’application,
du matériel spécialisé
réalise l’affichage le plus vite possible (G80 600M triangles /
seconde).

Introduction
Développement
Opérations
Comment ça marche ?
dessine les primitives une par une, dans l’ordre

plusieurs paramètres disponibles selon le type de primitive (point,
ligne, polyogne).
le contexte
permet de stocker l’ensemble des paramètres d’affichage.

Introduction
Développement
Opérations
la librairie / API 3D
I vérifie que l’application utilise correctement l’API,
I prépare les données et les paramètres pour simplifier leur
utilisation par le matériel.
le driver
I construit le contexte,
I transmet le contexte, les données et les commandes au
matériel.

Introduction
Développement
Opérations

le matériel
I récupère les données,
I récupère les commandes,
I récupère le contexte.
utilise les paramètres du contexte et les données mises en forme
par la librairie et / ou le driver pour réaliser les opérations
demandées par l’application.
modèle client-serveur
I le client : l’application, la librairie et le driver,
I le serveur : le matériel (et le driver dans certains cas).

Introduction
Développement
Opérations
Mais à quoi ça sert (réellement) ?
Résumé
I afficher des polygones,
I rendu interactif !
I calculs génériques ?
Ce qu’une API 3D ne sait pas faire

I OpenGL est une librarie graphique,
I on ne l’utilise jamais seul !
I idem pour DirectX Graphics

Introduction
Cartes Graphiques 3D OpenGL
Développement DirectX
Opérations
OpenGL : Développement
Portabilité
I OpenGL est disponible plusieurs plateformes,
I utiliser des librairies ”annexes” disponibles sur les mêmes
plateformes,
I libSDL (images, textes, plugins, threads, réseaux, timers,
audio, joystick, évènements, etc.),
I OpenAL (audio 3D),
I ...

Introduction
Opérations
OpenGL : Développement
Jeux video
I affichage : OpenGL,
I audio : OpenAL,
I animations ?
I physique ?
I comportement ? intelligence artificielle (path finding, etc.) ?
I multi-joueurs ?
I chargement des données ?

Introduction
Opérations
DirectX : Développement
Portabilité
I non portable,
I DirectX Graphics + librairie utilitaire D3DX

Introduction
Opérations
DirectX : Développement
Jeux video
I affichage : DirectX Graphics,
I audio : DirectX Audio : DirectSound, X3DAudio,
I animations : D3DX (base)
I physique ?
I comportement ? intelligence artificielle (path finding, etc.) ?
I multi-joueurs ?
I chargement des données ?

Initialisation
Introduction Caméra
Cartes Graphiques 3D Lumière
Développement Objets
Opérations Affichage
Présentation
Opérations
OpenGL et DirextX (Graphics) exposent les mêmes fonctionnalités

I initialisation
I description de la caméra
I desciption des sources de lumières
I description des objets (primitives) + attributs (matières . . . )
I affichage des objets (primitives) + paramètres
I présentation du résultat
I . . . recommencer

Initialisation
Présentation
Initialisation
créer un contexte de rendu

I permettre à plusieurs applications / threads d’utiliser la carte
graphique
I interactions avec le système de fenêtrage
définir comment afficher

I dans une fenêtre / en plein écran
I avec / sans synchronisation
I plusieurs buffers : draw, display, color, z-buffer, stencil, . . .
I format : RGB, RGBA, 8bits, float 32bits, float16 bits, . . .

Initialisation
Présentation
SDL : exemple
SDL_Init ( SDL_INIT_VIDEO ) ;
info = SD L_Ge tV id eoIn fo () ;
S D L _ G L _ S e t A t t r i b u t e ( SDL_GL_DEPTH_SIZE , 16) ;
S D L _ G L _ S e t A t t r i b u t e ( SDL_GL_DOUBLEBUFFER , 1) ;
screen = SD L_Se tVid eoMo de ( width , height , info - > vfmt - > BitsPerPixel ,
... SDL_OPENGL ) ;

Initialisation
Présentation
Caméra
I position
I orientation
I projection 2D / orthographique, 3D / perspective, centrée, . . .

Initialisation
Présentation
SDL : exemple
// s e l e c t i o n n e la matrice de v i s u a l i s a t i o n
glMatrixMode ( GL_PROJECTION ) ;
// r e i n i t i a l i s e les t r a n s f o r m a t i o n s
glLoadIdentity () ;
// definit une p r o j e c t i o n p e r s p e c t i v e
gluPerspective (50. , 1. , 1. , 1000.) ;

Initialisation
Présentation
Lumière
Energie
I ambiente
I diffuse, spéculaire, réfléchissant (glossy / phong)
Type de source
I ponctuelle, directionnelle,
I spot, . . .

Initialisation
Présentation
Objets (forme) + Matières
Forme
I placée et orienté devant la camera
I description par des primitives simples
Matière : interagir avec la lumière

I ambiente
I diffuse, spéculaire, réfléchissant (glossy / phong)
I détails : texture, shaders

Initialisation
Présentation
Primitives
primitives : points, droites, triangles, quadrangles, polygones

convexes
Décomposition en primitives
I un objet est un ensemble de faces (triangles, quadrangles)
I une face est un ensemble de sommets (3 ou 4)
I un sommet est un ensemble d’attributs
ou se trouve l’objet ?

Initialisation
Présentation
Faces
Faces
I liste de sommets
I liste d’indices + liste de sommets partagés
I description sous forme de tableaux (sommets, sommets +
indices)
I stockage par l’application (conséquences ?)
I stockage sur la carte graphique (conséquences ?)

Initialisation
Présentation
Primitives indexées
un cube : 8 sommets, 6 faces.

description par sommet
I 24 positions
I 24*float[4]
description indexée
I 8 positions + 24 indices
I 8*float[4] + 24*uint8
Quelle est la meilleure solution (résultat identique) ?

Initialisation
Présentation
SDL : exemple

Initialisation
Présentation
SDL : exemple
int frontIndices = {4 , 5 , 6 , 7};
int rightIndices = {1 , 2 , 6 , 5};
int bottomIndices = {0 , 1 , 5 , 4};
int backIndices = {0 , 3 , 2 , 1};
int leftIndices = {0 , 4 , 7 , 3};
int topIndices = {2 , 3 , 7 , 6};
// dessiner face par face

glDrawElements ( GL_QUADS , 4 , GL_UNSIGNED_INT , frontIndices ) ;
glDrawElements ( GL_QUADS , 4 , GL_UNSIGNED_INT , rightIndices ) ;
glDrawElements ( GL_QUADS , 4 , GL_UNSIGNED_INT , bottomIndices ) ;
glDrawElements ( GL_QUADS , 4 , GL_UNSIGNED_INT , backIndices ) ;
glDrawElements ( GL_QUADS , 4 , GL_UNSIGNED_INT , leftIndices ) ;
glDrawElements ( GL_QUADS , 4 , GL_UNSIGNED_INT , topIndices ) ;
// dessiner les 6 faces d i r e c t e m e n t

static GLubyte allIndices = {
4, 5, 6, 7, 1, 2, 6, 5,
0, 1, 5, 4, 0, 3, 2, 1,
0, 4, 7, 3, 2, 3, 7, 6
};
glDrawElements ( GL_QUADS , 24 , GL_UNSIGNED_INT , allIndices ) ;

Initialisation
Présentation
Vertex
Sommets attribués (Vertex)

I position 3D
I matière : couleurs ambiente, diffuse, etc.
I normales
I textures + coordonnées
I paramètres supplémentaires (shaders)

Initialisation
Présentation
Affichage des objets
pour chaque objet :

I placer et orienter l’objet devant la caméra (matrice
MODELVIEW)
I activer le type de primitive (triangles)
I activer le format des sommets : position, + couleur, +
normale, + textures
I activer les tableaux de sommets et d’indices
I activer les textures utilisées
I (activer les shaders)
I draw()

Initialisation
Présentation
SDL : exemple
// place et oriente l ’ objet

glRotatef ( rotation_x , 1. f , 0. f , 0. f ) ;
glRotatef ( rotation_y , 0. f , 1. f , 0. f ) ;
glRotatef ( rotation_z , 0. f , 0. f , 1. f ) ;
glTranslatef ( position_x , position_y , position_z ) ;
// active le tableau de p o s i t i o n s
g l E n a b l e C l i e n t S t a t e ( GL_VERTEX_ARRAY ) ;
glVertexPointe r (3 , GL_FLOAT , sizeof ( VERTEX ) , mesh - > vertices ) ;
// dessine ( mesh - > i n d i c e s _ n / 3) t r i a n g l e s

glDrawElements ( GL_TRIANGLES ,
mesh - > indices_n , GL_UNSIGNED_INT , mesh - > indices ) ;

Initialisation
Présentation
Présentation
boucle d’affichage
I effacer les buffers utilisés (color, z-buffer, etc.)
I placer / orienter la caméra
I afficher les objets
I échanger les buffers de dessin et de présentation

Initialisation
Présentation
SDL : exemple
// efface " l ’ ecran "

glClear ( G L _ C O L O R _ B U F F E R _ B I T | G L _ D E P T H _ B U F F E R _ B I T ) ;
// s e l e c t i o n n e la matrice de la scene
glMatrixMode ( GL_MODELVIEW ) ;
// r e i n i t i a l i s e les t r a n s f o r m a t i o n s
glLoadIdentity () ;
// oriente la scene par rapport a la camera qui est restee en 0 ,0 ,0

glRotatef ( rotation_x , 1. f , 0. f , 0. f ) ;
glRotatef ( rotation_y , 0. f , 1. f , 0. f ) ;
glTranslatef ( camera_x , camera_y , camera_z ) ;
// desssine la scene
display ( ... ) ;
S D L _ G L _S w a p B u f f e r s () ;

Immcm 1

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Immcm 1

Transféré par

Droits d'auteur :

Formats disponibles

Introduction

January 10, 2008

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

I A quoi ça sert ?

J.C. Iehl M2PRO-Images

A quoi ça sert ?

A dessiner des polygones 3D sur une image 2D !

J.C. Iehl M2PRO-Images

A quoi ça sert ?

J.C. Iehl M2PRO-Images

Qu’est ce que c’est ?

une librairie / API 3D

J.C. Iehl M2PRO-Images

Comment ça marche ?

dessine les primitives une par une, dans l’ordre

J.C. Iehl M2PRO-Images

Comment ça marche ?

J.C. Iehl M2PRO-Images

Comment ça marche ?

J.C. Iehl M2PRO-Images

Mais à quoi ça sert (réellement) ?

Ce qu’une API 3D ne sait pas faire

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

OpenGL et DirextX (Graphics) exposent les mêmes fonctionnalités

J.C. Iehl M2PRO-Images

créer un contexte de rendu

définir comment afficher

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

Objets (forme) + Matières

Matière : interagir avec la lumière

J.C. Iehl M2PRO-Images

primitives : points, droites, triangles, quadrangles, polygones

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

un cube : 8 sommets, 6 faces.

Quelle est la meilleure solution (résultat identique) ?

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

// dessiner face par face

// dessiner les 6 faces d i r e c t e m e n t

glDrawElements ( GL_QUADS , 24 , GL_UNSIGNED_INT , allIndices ) ;

J.C. Iehl M2PRO-Images

Sommets attribués (Vertex)

J.C. Iehl M2PRO-Images

Affichage des objets

pour chaque objet :

J.C. Iehl M2PRO-Images

// place et oriente l ’ objet

// dessine ( mesh - > i n d i c e s _ n / 3) t r i a n g l e s

J.C. Iehl M2PRO-Images

J.C. Iehl M2PRO-Images

// efface " l ’ ecran "

// oriente la scene par rapport a la camera qui est restee en 0 ,0 ,0

J.C. Iehl M2PRO-Images