Les shaders en GLSL

Par Yno Mise à jour : 08/11/2008 1 757 visites depuis 7 jours , classé 73/777

Bonjour à tous !

Vous êtes-vous jamais demandé comment étaient faits les superbes effets 3D à la mode comme on en voit dans les jeux vidéos récents, comme par exemple l'eau, l'HDR ou l'effet de flou de vitesse dans les jeux de voiture ?
Une bonne partie de la réponse se trouve dans l'utilisation de shaders au sein d'un rendu 3D.

Vous en avez sans doute déjà entendu parler (Shader Model 2.0, Shader Model 3.0, ...), mais savez-vous vraiment ce qu'est un shader ? Savez-vous ce que permet de faire un shader ? Non ? Et bien c'est justement ce que je vais essayer de vous apprendre à travers ce tutoriel.

Ici, je vous apprendrai à programmer dans un langage de programmation de shaders appelé le GLSL.
Nous allons tout d'abord voir en quoi cela consiste, comment on s'y prend, et enfin je vous apprendrai à créer quelques effets graphiques sympathiques
Allons-y !

Ce tutoriel nécessite la lecture du tutoriel sur OpenGL de Kayl, annexe sur la trigonométrie comprise.
Les exemples de code seront écrits en langage C, et la connaissance de ce langage en général (ou d'un langage qui lui ressemble syntaxiquement comme le C++ ou le Java) est conseillée car le GLSL est basé dessus. Je ne vous détaillerai donc aucune base de la programmation avec GLSL puisqu'elles sont quasiment identiques à celles du C (if, else, for, etc...).

• Les bases du GLSL
• Fonctionnalités et possibilités
• Annexes
• Commentaires et appréciations

• Retour en haut

  Partie 1 : Les bases du GLSL

  • Introduction au GLSL
    
    • C'est quoi ?
    • Pourquoi faire ?
    • Comment faire ?
    • Q.C.M.
  • Implémentation du GLSL côté API
    
    • Création d'un shader
    • Envoi d'un code source à un shader
    • Compilation d'un shader
    • Création et utilisation d'un program
    • Un exemple complet
    • Q.C.M.
  • Les bases du langage
    
    • Une forte ressemblance avec le C
    • Un vertex shader
    • Un pixel shader
    • Q.C.M.
  • Notions supplémentaires
    
    • Notions communes et incompatibilités avec le C
    • Créer et surcharger des fonctions
    • Quelques fonctions natives du GLSL
    • Q.C.M.
• Retour en haut

  Partie 2 : Fonctionnalités et possibilités

  • Communiquer avec l'application : attributs et « uniforms »
    
    • Les variables de type uniform
    • Les attributs de sommet
    • Les tableaux d'attributs

  
  Le tuto n'est pas fini, d'autres chapitres/parties sont en cours de rédaction
• Retour en haut

  Partie 3 : Annexes

  • Les vecteurs
    
    • Les vecteurs, notions de base
    • Longueur et normalisation
    • Le produit scalaire (dot product)
    • Le produit vectoriel (cross product)

Merci au site www.developpez.com et aux membres de sa section programmation 3D, grâce auxquels j'ai acquis la plupart des mes connaissances actuelles en terme de programmation 3D.

Les commentaires, critiques ou corrections sont les bienvenus. Si vous pensez avoir trouvé une incohérence ou si vous avez mal compris quelque chose, n'hésitez pas à m'en faire part, je serai heureux de pouvoir améliorer le tutoriel pour vous

Cette création est mise à disposition sous un contrat Creative Commons.

Partager

Retour en haut

17 commentaires pour "Les shaders en GLSL"

Note moyenne : 3.93 / 4 (15 votes)

Pseudo	Commentaire
Yno	# Posté le 27/04/2010 à 18:31:15
Blog Twitter close	Je ne le connaissais pas mais il semble structuré pour répondre au nouvel ordre chronologique d'apprentissage de l'API, forcé par ses récents changements. Il ne traite cependant pas de la tessellation, m'enfin on va pas le lui reprocher dans la mesure où elle est toute récente dans les spécifications (un mois). Je suis en train de rédiger quelques articles pour les versions modernes d'OpenGL, leur structuration est comparable aux articles que tu cites, ce qui solidifie l'idée de penser que c'est l'API qui veut cela. Ils sont en cours de rédaction et de nombreux ajouts seront faits.. un jour. Mais si tu veux du WIP, en voici en voilà : http://downloads.goldzoneweb.info/scengine/articles/gl3/ Il y a de quoi lire mais rien de très nouveau pour quelqu'un qui connaît déjà un minimum OpenGL. http://z0r.de/2108
schmiley397	# Posté le 07/08/2010 à 02:31:27
	super tutoriel, très détaillé, bravo! J'ai longtemps hésité à me mettre aux shaders parce que j'avais la flemme d'apprendre. Ce tuto c'est exactement ce qu'il me fallait : pas à pas, ne demandant pas trop d'effort au lecteur. Question : les derniers commentaires suggèrent qu'il n'est plus d'actualité... Pourquoi? Quelque chose remplace les shaders? une petite remarque pour faire l'emmerdeur Ce que tu appelles surcharge d'opérateur n'en est pas. La surcharge d'opérateur est une fonctionnalité d'un langage qui permet de remplacer le comportement d'un opérateur. Bien que les opérateurs GLSL ont parfois un comportement différent en fontion du type des opérandes, le langage ne permet pas de changer ce comportement, c'est à dire de spécifier une fonction qui remplace le comportement normal. Je pense que tu voulais dire qu'on peut voir GLSL comme du C++ avec des opérateurs surchargés.
Yno	# Posté le 07/08/2010 à 07:11:06
Blog Twitter close	Rien ne remplace les shaders mais le langage GLSL a évolué, l'API propose de nouvelles fonctionnalités, etc. Les bases restent cependant toujours vraies. Et pour la surcharge d'opérateur euh oui OK peut-être, m'enfin je ne pense pas changer cela maintenant :-p http://z0r.de/2108
Kkronos	# Posté le 06/10/2010 à 13:37:50
	Sur ce site, il y un exemple d'utilisation des shaders: http://3dworks.over-blog.com/article-genese-58282838.html
omidvar.mahmoud	# Posté le 09/12/2010 à 11:16:06
	Merci pour ce tuto, dommage que tu rentre pas assez dans détaille pour le fragment shader (et geometri shader) et manipulation de texture dans fragment shader.

Voir tous les commentaires