【问题标题】:How do I position a texture image in THREE.js如何在 THREE.js 中定位纹理图像
【发布时间】:2012-07-12 00:57:18
【问题描述】:

我有一个带有地球纹理的球体。我可以在球体上绘制精确的点,但需要调整纹理的位置(旋转它)以匹配坐标的放置位置。有没有办法在球体上旋转纹理?

【问题讨论】:

  • 你只想绕 Y 轴旋转它吗?
  • 是的,但是如果我也可以围绕 X 旋转它会很有帮助。

标签: javascript webgl three.js


【解决方案1】:

试试这个:

texture.offset.x = 0.5; // 0.0 - 1.0
texture.offset.y = 0.5; // 0.0 - 1.0

【讨论】:

  • 完美!那是什么样的增量?
  • 0.5 * image.width 对应 x0.5 * image.height 对应 y;
  • @mrdoob 你好,webGL 新手。我试过你建议的偏移量,但我发现它在我的立方体中间留下了一条线。我见过人们通过使用自定义着色器来解决这个问题,但这会破坏其他地方的代码。是否有任何本机 three.js 解决此问题的方法?谢谢。顺便说一句,你很棒。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-10
  • 1970-01-01
  • 2014-09-23
  • 2013-04-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多