3

我花了几个小时试图解决这个问题......当渲染非常简单的形状（即复杂度非常低的立方体）并使用 Three.js 的纹理贴图功能时，当你旋转立方体时，图像似乎在旋转时被扭曲，然后你可以看到一条穿过立方体表面的线，表现为扭曲。

http://screencast.com/t/VpSPRsr1Jkss

我知道这是画布渲染的一个限制 - 但看起来这是一件非常简单的事情 - 旋转一个在一个面上有图像而没有失真的立方体。

我可以采取其他画布库或方法吗？我真的很期待使用 Three.js 为一些徽标和其他元素设置动画 - 但我们不能在徽标或面向客户的登录页面中出现这样的失真。

感谢您的阅读，我愿意在这里提出建议。

我不接受增加面部的复杂性作为解决方案，因为这只会分散整个面部的失真。我真的只想将图像渲染到平坦的表面并能够旋转该对象。

4

1 回答 1

4

您看到的失真是因为只有两个三角形构成该平面。一个快速的解决方法是拥有更详细的平面。

如果您使用的是 PlaneGeometry，请增加段数。如果您使用的是 CubeGeometry，请增加平面上所需的段数（3 个中的 2 个）。

要在体面的外观和最佳性能之间找到最佳平衡点需要花点功夫（因为更多的细分市场需要更多的计算）。希望对于简单的场景，您不会有重大延误。

于 2013-04-17T15:02:04.353 回答