DirectX11天空盒尺寸增大时角落无法渲染的原因排查

问题描述 #

我正在Visual Studio中使用DirectX11创建场景，需要生成足够大的天空盒以容纳地形及其他对象。但发现超过一定尺寸后，天空盒角落出现无法渲染的区域，且间隙随尺寸增大而扩大，请问可能的原因是什么？

天空盒实现代码 #

SkyBox::SkyBox(ID3D11Device *dev, ShaderTexture* _pShader, float size)
{
    this->pShader = _pShader;
    this->pTexture = NULL;

    int nverts = 24;
    StandardVertex *pVerts = new StandardVertex[nverts];

    int ntri = 12;
    TriangleByIndex *pTriList = new TriangleByIndex[ntri];

    // Setting up faces
    // Forward
    int vind = 0;
    int tind = 0;
                    /* x     y     z    u      v   */
    pVerts[vind].set(-size, size, size, 1, 0.3334f);
    pVerts[vind + 1].set(size, size, size, 0.75f, 0.3334f);
    pVerts[vind + 2].set(size, -size, size, 0.75f, 0.666f);
    pVerts[vind + 3].set(-size, -size, size, 1, 0.666f);
    pTriList[tind].set(vind, vind + 1, vind + 2);
    pTriList[tind + 1].set(vind, vind + 2, vind + 3);

    // Back
    vind += 4;
    tind += 2;

    pVerts[vind].set(size, size, -size, 0.5f, 0.3334f);
    pVerts[vind + 1].set(-size, size, -size, 0.25f, 0.3334f);
    pVerts[vind + 2].set(-size, -size, -size, 0.25f, 0.666f);
    pVerts[vind + 3].set(size, -size, -size, 0.5f, 0.666f);
    pTriList[tind].set(vind, vind + 1, vind + 2);
    pTriList[tind + 1].set(vind, vind + 2, vind + 3);

    // Left
    vind += 4;
    tind += 2;
    pVerts[vind].set(-size, size, -size, 0.25f, 0.3334f);
    pVerts[vind + 1].set(-size, size, size, 0, 0.3334f);
    pVerts[vind + 2].set(-size, -size, size, 0, 0.666f);
    pVerts[vind + 3].set(-size, -size, -size, 0.25f, 0.666f);
    pTriList[tind].set(vind, vind + 1, vind + 2);
    pTriList[tind + 1].set(vind, vind + 2, vind + 3);

    // Right
    vind += 4;
    tind += 2;
    pVerts[vind].set(size, size, size, 0.75f, 0.3334f);
    pVerts[vind + 1].set(size, size, -size, 0.5f, 0.3334f);
    pVerts[vind + 2].set(size, -size, -size, 0.5f, 0.666f);
    pVerts[vind + 3].set(size, -size, size, 0.75f, 0.666f);
    pTriList[tind].set(vind, vind + 1, vind + 2);
    pTriList[tind + 1].set(vind, vind + 2, vind + 3);

    // Top
    vind += 4;
    tind += 2;

    pVerts[vind].set(-size, size, -size, 0.25f, 0.3333f);
    pVerts[vind + 1].set(size, size, -size, 0.5f, 0.3333f);
    pVerts[vind + 2].set(size, size, size, 0.5f, 0);
    pVerts[vind + 3].set(-size, size, size, 0.25f, 0);
    pTriList[tind].set(vind, vind + 1, vind + 2);
    pTriList[tind + 1].set(vind, vind + 2, vind + 3);

    // Bottom
    vind += 4;
    tind += 2;
    pVerts[vind].set(size, -size, -size, 0.5f, 0.6667f);
    pVerts[vind + 1].set(-size, -size, -size, 0.25f, 0.6667f);
    pVerts[vind + 2].set(-size, -size, size, 0.25f, 1);
    pVerts[vind + 3].set(size, -size, size, 0.5f, 1);
    pTriList[tind].set(vind, vind + 1, vind + 2);
    pTriList[tind + 1].set(vind, vind + 2, vind + 3);

    pModel = new Model(dev, pVerts, nverts, pTriList, ntri);

    delete[] pVerts;
    delete[] pTriList;
}

原因分析与解决方案 #

核心原因 #

• 单精度浮点精度丢失：DirectX 11默认使用float类型存储顶点坐标，其有效精度仅约6-7位十进制数。当天空盒尺寸过大时，顶点的世界坐标数值远超这个范围，相邻顶点的坐标差值无法被精确表示，GPU无法正确识别面与面的连接边界，导致接缝处出现间隙，且尺寸越大，精度丢失越严重，间隙也就越明显。
• 视锥体裁剪异常：若天空盒尺寸超出投影矩阵的远裁剪面范围，边缘面会被部分裁剪，也会表现为角落缺失。但结合间隙随尺寸增大而扩大的特征，浮点精度问题是主导因素。

解决办法 #

1. 相机中心绑定策略：不要将天空盒固定在世界空间，而是让它始终以相机为中心。渲染时移除视图矩阵的平移分量，只保留旋转，让天空盒始终包裹相机。这样顶点相对于相机的坐标始终处于小范围数值，彻底规避浮点精度问题，这也是行业通用的天空盒渲染方案。
2. 改用双精度顶点数据：将顶点坐标类型从float改为double，并在着色器中使用双精度计算。但注意部分老GPU对双精度支持有限，可能带来性能开销。
3. 平衡投影参数：调整远裁剪面大小，确保能容纳天空盒，但不要设置过大，避免加剧精度问题。
4. 检查UV映射：虽然你的代码中UV设置合理，但也可以确认相邻面的UV是否对齐，排除纹理映射导致的间隙。

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