使用 meshStandardMaterial three.js 无法正确渲染纹理答案

【问题标题】：Texture is rendering not correctly with meshStandardMaterial three.js使用 meshStandardMaterial three.js 无法正确渲染纹理
【发布时间】：2022-01-18 11:25:56
【问题描述】：

我正在尝试将纹理渲染到材质，但渲染不正确，也许我的纹理错误，但是当我在搅拌机中添加纹理时，它会正确渲染。我不知道为什么。

不好意思刚学了threejs，但是当前项目需要3d渲染。所以特地来这里问问有没有人有解决办法，请帮帮我。

这是我的 Codesanbox： https://codesandbox.io/s/hero-kdhox?file=/src/App.js

我在 Blender 中添加的纹理是这样的： https://imgur.com/dYkD5u8

【问题讨论】：

标签： three.js react-three-fiber

【解决方案1】：

你必须垂直翻转你的纹理，默认情况下，当你使用“useLoader”导入它们时，threejs 会翻转它们。有一个属性 flipY 用于纹理，但它一直没有可靠地工作

最好的办法是在导入之前手动垂直翻转它们

或者，将 GLB 中的纹理打包到搅拌机本身

【讨论】：

我已经手动翻转了，并且控制台记录了它显示给我的纹理flipY: true，但一样
哦，我已将所有纹理 FlipY 属性设置为 false，现在可以使用了，感谢您的关键字 :))