Three.js：在ShapeGeometry上渲染纹理

Question

我在ShapeGeometry上渲染纹理时遇到问题。首先是关于这个问题的一点背景。

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

多维数据集正确渲染纹理，角落中的形状似乎在没有纹理的情况下呈现

经过非常大的缩放后，纹理可以被注意到，但它会缩小： 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

Answer 1

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

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