![\"GPU\"](\"https:\/\/i.ytimg.com\/vi\/bfS4J65fXJY\/maxresdefault.jpg\")
<\/p>\n<\/p>\n
Intro :<\/strong><\/p>\n Avant tout, que veux dire \u00ab\u00a0parallax\u00a0\u00bb ou parallaxe ? La parallaxe d\u00e9signe le ph\u00e9nom\u00e8ne physique et dynamique \u00e0 propos d’un objet qui visiblement change de forme \u00e0 cause du point de vue de l\u2019\u0153il de l’observateur.<\/p>\n La technique du Parallax Mapping est une technique de d\u00e9placement de surface. Cela donne un r\u00e9sultat tr\u00e8s joli. En effet, elle permet d’\u00e9muler le relief d’un objet \u00e0 partir d’une texture.<\/p>\n Comme toutes les techniques de d\u00e9placement de surface, la technique du PM utilise une image texture sp\u00e9ciale pour effectuer le rendu.<\/p>\n Explications :<\/strong><\/p>\n Il s’agit d’appliquer un d\u00e9calage des coordonn\u00e9es (offset) de la texture diffuse directement dans le pixel shader.<\/p>\n Ce d\u00e9calage d\u00e9pend de la direction et de la position de la cam\u00e9ra qui observe la sc\u00e8ne. La technique du PM utilise une image \/ texture de couleur noire et blanche.<\/p>\n La simulation s’op\u00e8re dans l’espace des textures. On op\u00e8re un d\u00e9calage des coordonn\u00e9es des textures avec le vecteur de vue de la cam\u00e9ra plus la valeur courante de la \u00ab\u00a0height map\u00a0\u00bb de texture utilis\u00e9e.<\/p>\n","protected":false},"excerpt":{"rendered":" Intro : Avant tout, que veux dire \u00ab\u00a0parallax\u00a0\u00bb ou parallaxe ? La parallaxe d\u00e9signe le ph\u00e9nom\u00e8ne physique et dynamique \u00e0 propos d’un objet qui visiblement change de forme \u00e0 cause du point de vue de l\u2019\u0153il de l’observateur. La technique du Parallax Mapping est une technique de d\u00e9placement de surface. La surface trait\u00e9e donne un […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts\/5888"}],"collection":[{"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5888"}],"version-history":[{"count":27,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts\/5888\/revisions"}],"predecessor-version":[{"id":5928,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts\/5888\/revisions\/5928"}],"wp:attachment":[{"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nLa surface trait\u00e9e donne un r\u00e9sultat de profondeur et est similaire avec la technique utilis\u00e9e dans le \u00ab\u00a0bump mapping\u00a0\u00bb.<\/p>\n
\nLa surface ainsi dessin\u00e9e \u00e0 l’\u00e9cran doit \u00e9voluer correctement en respectant la position de la cam\u00e9ra.<\/p>\n