{"id":5146,"date":"2016-07-17T06:28:29","date_gmt":"2016-07-17T06:28:29","guid":{"rendered":"http:\/\/anthroponaute.fr\/blog-informatique\/?p=5146"},"modified":"2016-08-28T15:52:31","modified_gmt":"2016-08-28T15:52:31","slug":"une-classe-texturescreenquad-pour-les-effets-de-post-traitement","status":"publish","type":"post","link":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/?p=5146","title":{"rendered":"Une classe TextureScreenQuad pour afficher vos effets shaders de Post-Traitement"},"content":{"rendered":"

\"fig-1-war-and-peace\"<\/a><\/p>\n

Intro :<\/strong><\/p>\n

Dans un jeu, nous avons besoin d’afficher une texture \/ image qui prend la place de tout l’\u00e9cran<\/strong>. Cette image peut \u00eatre modifi\u00e9e pour appliquer un rendu de post-effet avec un fichier shader .fx.<\/p>\n

Explications :<\/strong><\/p>\n

Nous nous servons d’un tampon de vertices<\/strong> formant un carr\u00e9<\/strong> ou d’un quad<\/strong>.<\/p>\n

Voici le fichier TextureScreenQuad.h :<\/p>\n

\r\n#ifndef TEXTURE_QUAD_H\r\n#define TEXTURE_QUAD_H\r\n\r\n#include <d3dx10.h>\r\n#include <string>\r\n\r\n#include "VertexDeclarations.h"\r\n#include "Renderable.h"\r\n#include "RenderTarget.h"\r\n#include "MeshSceneNode.h"\r\n\r\nclass TextureScreenQuad : public MeshSceneNode\r\n{\r\npublic:\r\n\u00a0\u00a0 \u00a0TextureScreenQuad();\r\n\u00a0\u00a0 \u00a0virtual ~TextureScreenQuad();\r\n\r\n\u00a0\u00a0 \u00a0bool Initialize();\r\n\u00a0\u00a0 \u00a0virtual void OnRender(float fTimeSinceLastFrame) override;\r\n\r\n\u00a0\u00a0 \u00a0void SetTransparency(float fValue);\r\n\u00a0\u00a0 \u00a0void SetColor(const D3DXCOLOR& color);\r\n\u00a0\u00a0 \u00a0void SetQuadSize(uint32 iWidth, uint32 iHeight);\r\n\r\n\u00a0\u00a0 \u00a0RenderTarget* GetRT();\r\n\r\n\u00a0\u00a0 \u00a0virtual bool SetShaderTechnique(ShaderTechnique* pShader) override;\r\n\r\nprotected:\r\n\u00a0\u00a0 \u00a0bool Update();\r\n\r\nprivate:\r\n\u00a0\u00a0 \u00a0int m_iScreenWidth;\r\n\u00a0\u00a0 \u00a0int m_iScreenHeight;\r\n\r\n\u00a0\u00a0 \u00a0ID3D10ShaderResourceView* m_pTextureRessourceView;\r\n\r\n\u00a0\u00a0 \u00a0float m_fAlpha;\r\n\r\n\u00a0\u00a0 \u00a0PTVertex m_aQuadVertices[6];\r\n\r\n\u00a0\u00a0 \u00a0RenderTarget* m_pRT;\r\n\u00a0\u00a0 \u00a0D3DXCOLOR m_Color;\r\n};\r\n\r\n#endif\r\n<\/pre>\n
 <\/p>\n
Voici le fichier TextureScreenQuad.cpp :<\/p>\n
\r\n#include "TextureScreenQuad.h"\r\n#include "Defines.h"\r\n#include "D3D10Renderer.h"\r\n#include "ShaderTechnique.h"\r\n#include "ShaderTechnique_Declarations.h"\r\n\r\nTextureScreenQuad::TextureScreenQuad() :\r\nMeshSceneNode("TextureScreenQuad"),\r\nm_fAlpha(1.0f),\r\nm_pRT(nullptr)\r\n{\r\n\u00a0\u00a0 \u00a0ZeroMemory(&m_aQuadVertices, sizeof(PTVertex) * 6);\r\n\u00a0\u00a0 \u00a0SetDrawMethod(DRAW_INDEXED);\r\n\u00a0\u00a0 \u00a0SetVertexType(VertexLayoutType::PT_VERTEX);\r\n}\r\n\r\nTextureScreenQuad::~TextureScreenQuad()\r\n{\r\n\u00a0\u00a0 \u00a0SAFE_RELEASE(m_pTextureRessourceView);\r\n}\r\n\r\nbool TextureScreenQuad::Initialize()\r\n{\r\n\u00a0\u00a0 \u00a0m_iScreenWidth = D3D10_RENDERER->GetViewportWidth();\r\n\u00a0\u00a0 \u00a0m_iScreenHeight = D3D10_RENDERER->GetViewportHeight();\r\n\r\n\u00a0\u00a0 \u00a0if (!Update())\r\n\u00a0\u00a0 \u00a0{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0MessageBoxA(nullptr, "Erreur d'initialisation d'un TextureScreenQuad !", "Erreur", MB_ICONHAND | MB_OK);\r\n\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0return true;\r\n}\r\n\r\nvoid TextureScreenQuad::SetTransparency(float fValue)\r\n{\r\n\u00a0\u00a0 \u00a0m_Color.a = fValue;\r\n\r\n\u00a0\u00a0 \u00a0if (GetShaderTechnique() != nullptr)\r\n\u00a0\u00a0 \u00a0{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0GetShaderTechnique()->SetColor("Color", m_Color);\r\n\u00a0\u00a0 \u00a0}\r\n}\r\n\r\nvoid TextureScreenQuad::SetColor(const D3DXCOLOR& color)\r\n{\r\n\u00a0\u00a0 \u00a0m_Color = color;\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0if (GetShaderTechnique() != nullptr)\r\n\u00a0\u00a0 \u00a0{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0GetShaderTechnique()->SetColor("Color", m_Color);\r\n\u00a0\u00a0 \u00a0}\r\n}\r\n\r\nvoid TextureScreenQuad::OnRender(float fTimeSinceLastFrame)\r\n{\r\n\u00a0\u00a0 \u00a0if (IsVisible())\r\n\u00a0\u00a0 \u00a0{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0D3D10_RENDERER->EnableZBuffer(false);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0Renderable::OnRender(fTimeSinceLastFrame);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0D3D10_RENDERER->EnableZBuffer(true);\r\n\u00a0\u00a0 \u00a0}\r\n}\r\n\r\nbool TextureScreenQuad::Update()\r\n{\r\n\u00a0\u00a0 \u00a0float left, right, top, bottom;\r\n\r\n\u00a0\u00a0 \u00a0left = (float) -m_iScreenWidth \/ 2;\r\n\u00a0\u00a0 \u00a0right = left + (float) m_iScreenWidth;\r\n\r\n\u00a0\u00a0 \u00a0top = (float) -m_iScreenHeight \/ 2;\r\n\u00a0\u00a0 \u00a0bottom = top + (float) m_iScreenHeight;\r\n\r\n\u00a0\u00a0 \u00a0\/\/ Premier triangle\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[0].pos = D3DXVECTOR3(left, top, 0.0f);\u00a0 \/\/ Top left.\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[0].texture = D3DXVECTOR2(0.0f, 0.0f);\r\n\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[1].pos = D3DXVECTOR3(right, bottom, 0.0f);\u00a0 \/\/ Bottom right.\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[1].texture = D3DXVECTOR2(1.0f, 1.0f);\r\n\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[2].pos = D3DXVECTOR3(left, bottom, 0.0f);\u00a0 \/\/ Bottom left.\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[2].texture = D3DXVECTOR2(0.0f, 1.0f);\r\n\r\n\u00a0\u00a0 \u00a0\/\/ Deuxi\u00e8me triangle\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[3].pos = D3DXVECTOR3(left, top, 0.0f);\u00a0 \/\/ Top left.\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[3].texture = D3DXVECTOR2(0.0f, 0.0f);\r\n\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[4].pos = D3DXVECTOR3(right, top, 0.0f);\u00a0 \/\/ Top right.\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[4].texture = D3DXVECTOR2(1.0f, 0.0f);\r\n\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[5].pos = D3DXVECTOR3(right, bottom, 0.0f);\u00a0 \/\/ Bottom right.\r\n\u00a0\u00a0 \u00a0m_aQuadVertices[5].texture = D3DXVECTOR2(1.0f, 1.0f);\r\n\r\n\u00a0\u00a0 \u00a0\/\/ On d\u00e9clare les tableaux\r\n\u00a0\u00a0 \u00a0std::vector<PTVertex> vertices;\r\n\u00a0\u00a0 \u00a0\/\/ On reset les emplacements\r\n\u00a0\u00a0 \u00a0vertices.resize(6);\r\n\u00a0\u00a0 \u00a0\/\/ On affecte les valeurs\r\n\u00a0\u00a0 \u00a0std::copy(m_aQuadVertices, m_aQuadVertices + 6, vertices.begin());\r\n\r\n\u00a0\u00a0 \u00a0unsigned short i[6] = { 0, 1, 2, 3, 4, 5 };\r\n\r\n\u00a0\u00a0 \u00a0\/\/ On d\u00e9clare les tableaux\r\n\u00a0\u00a0 \u00a0std::vector<unsigned short> indices;\r\n\u00a0\u00a0 \u00a0\/\/ On reset les emplacements\r\n\u00a0\u00a0 \u00a0indices.resize(6);\r\n\u00a0\u00a0 \u00a0\/\/ On affecte les valeurs\r\n\u00a0\u00a0 \u00a0std::copy(i, i + 6, indices.begin());\r\n\r\n\u00a0\u00a0 \u00a0BuildMesh(vertices, indices);\r\n\r\n\u00a0\u00a0 \u00a0return true;\r\n}\r\n\r\nvoid TextureScreenQuad::SetQuadSize(uint32 iWidth, uint32 iHeight)\r\n{\r\n\u00a0\u00a0 \u00a0m_iScreenWidth = iWidth;\r\n\u00a0\u00a0 \u00a0m_iScreenHeight = iHeight;\r\n\r\n\u00a0\u00a0 \u00a0Update();\r\n}\r\n\r\nRenderTarget* TextureScreenQuad::GetRT()\r\n{\r\n\u00a0\u00a0 \u00a0return m_pRT;\r\n}\r\n\r\nbool TextureScreenQuad::SetShaderTechnique(ShaderTechnique* pShader)\r\n{\r\n\u00a0\u00a0 \u00a0bool bSuccess = Renderable::SetShaderTechnique(pShader);\r\n\r\n\u00a0\u00a0 \u00a0if (m_pRT == nullptr)\r\n\u00a0\u00a0 \u00a0{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0m_pRT = new RenderTarget();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0m_pRT->Initialize(m_iScreenWidth, m_iScreenHeight);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0ShaderTechnique_FXAA* pFXAA = dynamic_cast<ShaderTechnique_FXAA*> (GetShaderTechnique());\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0pFXAA->SetRenderTarget(m_pRT);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0SetColor(D3DXCOLOR(1.0f, 1.0f, 1.0f, 1.0f));\r\n\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0return bSuccess;\r\n}\r\n\r\n<\/pre>\n

\nR\u00e9sum\u00e9 : <\/strong><\/p>\n
Nous avons pr\u00e9sent\u00e9 une fa\u00e7on d’utiliser un Quad<\/strong> de de post-traitement<\/strong> afin de modifier les couleurs de rendu du front buffer.<\/p>\n
R\u00e9f\u00e9rences :<\/strong><\/p>\n
– Stackoverflow.com<\/p>\n","protected":false},"excerpt":{"rendered":"
Intro : Dans un jeu, nous avons besoin d’afficher une texture \/ image qui prend la place de tout l’\u00e9cran. Cette image peut \u00eatre modifi\u00e9e pour appliquer un rendu de post-effet avec un fichier shader .fx. Explications : Nous nous servons d’un tampon de vertices formant un carr\u00e9 ou d’un quad. Voici le fichier TextureScreenQuad.h […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts\/5146"}],"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=5146"}],"version-history":[{"count":15,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts\/5146\/revisions"}],"predecessor-version":[{"id":5516,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=\/wp\/v2\/posts\/5146\/revisions\/5516"}],"wp:attachment":[{"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.la-porte-des-nebuleuses.net\/blog-informatique\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}