2

我在 ShapeGeometry 上渲染纹理时遇到问题。首先介绍一下这个问题的背景。

我正在尝试使用 Three.js 渲染带有纹理的 SVG 路径。我已经设法正确渲染路径。问题在于纹理： http ://s14.postimage.org/9xifetrf5/scene.png

Cube 正确渲染纹理，角落的 Shape 似乎没有纹理渲染

放大后可以注意到纹理，但缩小了： http ://s9.postimage.org/9fof5f3sv/close_up.png

两个对象的大小相似，并且都使用相同的材​​料。我怀疑这是 UV 贴图的问题，但我不确定如何计算 UV 贴图，有关该主题的任何信息都会很棒。

加载纹理的代码如下所示：

texture = t.ImageUtils.loadTexture "/images/#{pe.element.element_id}/top.png"
texture.wrapS = texture.wrapT = THREE.RepeatWrapping
texture.repeat.set(1, 1)
mat = new t.MeshBasicMaterial
  map: texture
  overdraw: true
  side: t.DoubleSide

我正在使用 Three.js 的第 54 版

4

1 回答 1

-1

https://github.com/mrdoob/three.js/blob/master/src/extras/geometries/CubeGeometry.js#L126

查看 Cube Geometry 的示例，如果您回答上面提出的问题会更容易，但我怀疑您需要设置 UV（在示例中的第 94 行）。

于 2013-01-23T17:35:23.993 回答