Quelle est la meilleure pratique pour rendre sprites en DirectX 11?
-
28-09-2019 - |
Question
Je suis en train d'essayer de se habituer à l'API DirectX et je me demande quelle est l'approche habituelle pour rendre une image-objet DirectX 11 (par exemple pour un clone de tetris).
Y at-il une interface simmilar comme ID3DX10Sprite
, et sinon, ce qui serait la méthode habituelle pour dessiner les sprites dans DirectX 11?
Edit: Voici le code HLSL qui a fonctionné pour moi (le calcul de la projection de coordonnées pourrait faire mieux):
struct SpriteData
{
float2 position;
float2 size;
float4 color;
};
struct VSOut
{
float4 position : SV_POSITION;
float4 color : COLOR;
};
cbuffer ScreenSize : register(b0)
{
float2 screenSize;
float2 padding; // cbuffer must have at least 16 bytes
}
StructuredBuffer<SpriteData> spriteData : register(t0);
float2 GetVertexPosition(uint VID)
{
[branch] switch(VID)
{
case 0:
return float2(0, 0);
case 1:
return float2(1, 0);
case 2:
return float2(0, 1);
default:
return float2(1, 1);
}
}
float4 ComputePosition(float2 positionInScreenSpace, float2 size, float2 vertexPosition)
{
float2 origin = float2(-1, 1);
float2 vertexPositionInScreenSpace = positionInScreenSpace + (size * vertexPosition);
return float4(origin.x + (vertexPositionInScreenSpace.x / (screenSize.x / 2)), origin.y - (vertexPositionInScreenSpace.y / (screenSize.y / 2)), 1, 1);
}
VSOut VShader(uint VID : SV_VertexID, uint SIID : SV_InstanceID)
{
VSOut output;
output.color = spriteData[SIID].color;
output.position = ComputePosition(spriteData[SIID].position, spriteData[SIID].size, GetVertexPosition(VID));
return output;
}
float4 PShader(float4 position : SV_POSITION, float4 color : COLOR) : SV_TARGET
{
return color;
}
La solution
Non il n'y a pas d'équivalent. méthode habituelle consiste à tirer une bande de triangle formant un quad.
Vous pourriez utiliser instanciation, il vous suffit de mettre à jour un tampon avec des données sprite (x, position de l'écran y en pixels, id de la texture pour aller chercher dans un tableau de textures, mise à l'échelle, la rotation, couche, etc.) et utilisation des shaders pour rendre tous les sprites en un seul appel tirage.
Voici quelques petits morceaux HLSL du haut de ma tête:
//--------------------------------------------------------------------------------------
// Shader code for Sprite Rendering
//--------------------------------------------------------------------------------------
struct Sprite {
float2 position; // x, y world position
float rotation;
float scaling;
float layer; // if you have multiple layers of sprites (e.g. background sprites)
uint textureId;
};
StructuredBuffer<Sprite> SpritesRO : register( t0 );
Texture2DArray<float4> TextureSlices : register (t1);
cbuffer cbRenderConstants : register( b0 )
{
matrix g_mViewProjection;
// other constants
};
struct VSSpriteOut
{
float3 position : SV_Position;
uint textureId;
};
//-------------------------------------------------------------------------------------
// Sprite Vertex Shader
//-------------------------------------------------------------------------------------
VSSpriteOut SpriteVS(uint VID : SV_VertexID, uint SIID : SV_InstanceID)
{
VSSpriteOut Out = (VSSpriteOut)0;
// VID is either 0, 1, 2 or 3
// We can map 0 to position (0,0), 1 to (0,1), 2 to (1,0), 3 to (1,1)
// We fetch the sprite instance data accord SIID
Sprite sdata = SpritesRO[SIID];
// function f computes screen space vertex position
float3 pos = f (g_mViewProjection, VID, position, rotation, scaling, layer etc)
Out.position = pos;
Out.textureId = sdata.textureId;
return Out;
}
//-------------------------------------------------------------------------------------
// Sprite Pixel Shader
//-------------------------------------------------------------------------------------
float4 SpritePS(VSSpriteOut In) : SV_Target
{
// use In.textureId to fetch the right texture slice in texture array
return color;
}