【问题标题】:three.js dds compressed textures uv map issue三.js dds压缩纹理uv贴图问题
【发布时间】:2013-02-14 16:41:49
【问题描述】:

我正在尝试让 dds 纹理与 three.js 一起使用。我有一个使用 jpg/png 格式的烘焙纹理的 json 模型(使用 three.js 转换器从 .obj + .mtl 转换)。我创建了一个 dds 纹理(带有 mipmap 的 DXT1)。当我加载使用 DDS 纹理的模型(使用 JSONLoader)时,似乎没有应用 UV 贴图。我根本没有得到任何映射。

例如带有 jpg 纹理的平面:

通过切换到 DDS,我得到了这个:

这是预期的行为吗?或者也许 DDS 纹理不支持 uv 贴图?或者可能是three.js中的某种错误?

我真的会使用任何帮助。

【问题讨论】:

  • Three.js 支持 DDS。在 three.js 示例中搜索单词“compressed”和/或“DDS”。
  • 我知道。第二个屏幕截图展示了应用的 DDS 纹理。我的问题涉及 DDS 的 uv 映射以及为什么它的行为与 JPG/PNG 纹理不同?

标签: three.js webgl textures


【解决方案1】:

正如https://github.com/mrdoob/three.js/issues/4316 此处解释的那样,dds 纹理不能像普通的 jpg/png 图像那样翻转,因此它们看起来是颠倒的。解决方案是翻转源图像,然后对其进行压缩,或者让着色器意识到这一点并翻转 uv 坐标。

【讨论】:

    猜你喜欢
    • 2013-07-15
    • 1970-01-01
    • 1970-01-01
    • 2019-08-12
    • 1970-01-01
    • 2015-01-11
    • 2013-11-20
    • 2017-04-19
    • 2015-01-27
    相关资源
    最近更新 更多