Godot引擎4.4版本Web导出纹理变黑问题分析

在Godot引擎4.4版本中，开发者报告了一个关于Web导出的重要渲染问题：当项目导出为Web平台时，3D模型和Sprite3D等对象的纹理会显示为全黑色。这个问题在4.3版本中并不存在，表明这是一个新引入的回归性bug。

问题现象

当使用Godot 4.4版本创建包含纹理对象的场景并导出到Web平台时，纹理无法正确显示，呈现为黑色。有趣的是，内置的SVG资源（如Godot机器人图标）仍能正常显示，说明问题可能特定于某些纹理类型。

技术分析

经过深入调查，发现问题根源与纹理压缩机制有关。具体表现为：

1. WebGL限制：WebGL的WEBGL_compressed_texture_s3tc扩展对纹理尺寸有严格要求，要求每个mipmap级别的宽度和高度都必须是4的倍数。

2. BetsyCompressor问题：Godot 4.4引入的新GPU纹理压缩器（BetsyCompressor）未能正确检查纹理尺寸是否符合WebGL规范。而旧版的软件压缩器则能正确处理这些限制。

3. 错误表现：当尝试压缩260×250这样不符合要求的纹理时，控制台会显示明确的错误信息，指出250不是有效的宽度，因为基础mip级别需要宽度为4的倍数。

解决方案

目前有两种可行的解决方法：

1. 调整纹理尺寸：将纹理调整为符合WebGL要求的尺寸（如256×256），然后重新导入项目。这种方法简单直接，但可能需要重新处理部分美术资源。

2. 禁用GPU纹理压缩：在项目设置中关闭BetsyCompressor，回退到旧版的软件压缩方式。这种方法可以保留原有纹理尺寸，但可能会影响性能。

开发者建议

对于使用Godot 4.4进行Web开发的团队，建议：

1. 在项目初期就规划好纹理尺寸，确保符合WebGL规范（宽度和高度为4的倍数）。

2. 导出Web版本前，在编辑器中全面测试纹理显示效果，特别是非标准尺寸的纹理。

3. 关注Godot官方更新，这个问题很可能会在后续版本中得到修复。

这个问题提醒我们，在不同平台间移植项目时，需要特别注意各平台的特定限制和规范。Web平台由于其运行环境的特殊性，往往有更严格的资源要求。