如何修复DirectX TK Sprite Batch渲染的颜色异常问题？

问题现象 #

• DirectX TK渲染Aseprite导出PNG的效果：
  
• 该PNG在Aseprite中的正常显示效果：
  

当前渲染代码 #

void Graphics::BeginScene()
{
    m_d3dDeviceContext->ClearRenderTargetView(m_renderTargetView.Get(), BackColor);
    m_d3dDeviceContext->OMSetRenderTargets(1, m_renderTargetView.GetAddressOf(), nullptr);

    CD3D11_VIEWPORT viewport(0.0f, 0.0f, static_cast<float>(m_backBufferWidth), static_cast<float>(m_backbufferHeight));
    m_d3dDeviceContext->RSSetViewports(1, &viewport);
    
    m_spriteBatch->Begin(SpriteSortMode_FrontToBack, NULL, m_samplerState.Get());
}

修复步骤 #

1. 修正采样器状态的SRGB转换设置 #

自定义采样器状态未开启SRGB到线性空间的转换是常见颜色偏差原因，重新创建采样器：

D3D11_SAMPLER_DESC samplerDesc = {};
samplerDesc.Filter = D3D11_FILTER_MIN_MAG_MIP_LINEAR;
samplerDesc.AddressU = D3D11_TEXTURE_ADDRESS_WRAP;
samplerDesc.AddressV = D3D11_TEXTURE_ADDRESS_WRAP;
samplerDesc.AddressW = D3D11_TEXTURE_ADDRESS_WRAP;
samplerDesc.MipLODBias = 0.0f;
samplerDesc.MaxAnisotropy = 1;
samplerDesc.ComparisonFunc = D3D11_COMPARISON_ALWAYS;
samplerDesc.BorderColor[0] = samplerDesc.BorderColor[1] = samplerDesc.BorderColor[2] = samplerDesc.BorderColor[3] = 0.0f;
samplerDesc.MinLOD = 0;
samplerDesc.MaxLOD = D3D11_FLOAT32_MAX;
samplerDesc.SRGBTexture = TRUE; // 关键：启用SRGB纹理转换

m_d3dDevice->CreateSamplerState(&samplerDesc, &m_samplerState);

2. 确保纹理加载时使用SRGB格式 #

Aseprite导出的PNG属于SRGB色域，加载时需指定对应格式：

Microsoft::WRL::ComPtr<ID3D11ShaderResourceView> textureSRV;
// 最后一个参数设为true，强制按SRGB格式加载
CreateWICTextureFromFile(m_d3dDevice.Get(), L"your_sprite.png", nullptr, textureSRV.GetAddressOf(), true);

3. 配置正确的混合状态 #

当前Begin方法传入NULL作为混合状态，可能导致颜色混合异常，使用DirectX TK默认混合状态或显式创建：

// 方式1：使用默认混合状态
m_spriteBatch->Begin(SpriteSortMode_FrontToBack, nullptr, m_samplerState.Get());

// 方式2：显式创建标准Alpha混合状态
D3D11_BLEND_DESC blendDesc = {};
blendDesc.RenderTarget[0].BlendEnable = TRUE;
blendDesc.RenderTarget[0].SrcBlend = D3D11_BLEND_SRC_ALPHA;
blendDesc.RenderTarget[0].DestBlend = D3D11_BLEND_INV_SRC_ALPHA;
blendDesc.RenderTarget[0].BlendOp = D3D11_BLEND_OP_ADD;
blendDesc.RenderTarget[0].SrcBlendAlpha = D3D11_BLEND_ONE;
blendDesc.RenderTarget[0].DestBlendAlpha = D3D11_BLEND_ZERO;
blendDesc.RenderTarget[0].BlendOpAlpha = D3D11_BLEND_OP_ADD;
blendDesc.RenderTarget[0].RenderTargetWriteMask = D3D11_COLOR_WRITE_ENABLE_ALL;

Microsoft::WRL::ComPtr<ID3D11BlendState> blendState;
m_d3dDevice->CreateBlendState(&blendDesc, &blendState);

m_spriteBatch->Begin(SpriteSortMode_FrontToBack, blendState.Get(), m_samplerState.Get());

4. 检查渲染目标格式 #

确保BackBuffer使用SRGB兼容格式，比如DXGI_FORMAT_R8G8B8A8_UNORM_SRGB，保证最终输出颜色正确转换回SRGB空间。

内容的提问来源于stack exchange，提问作者ball