three.js:使用自定义纹理渲染3D文本

时间:2013-05-29 06:45:04

标签: 3d three.js webgl mesh texture-mapping

我一直想知道是否可以使用加载的图像作为纹理对3D文本进行蒙皮?我知道你可以用立方体和其他人做到这一点,因为大多数样本都在展示教程如何去做。

我尝试了什么是用三个映射它。 ImageUtils.loadTexture从路径引导,但我得到的是一些透明对象。我想知道如何使用相同的概念,如:

 CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments, listofmaterials) 
TextGeometry( text, {parameters} )以来中的

我们可能必须使用https://github.com/mrdoob/three.js/issues/1318作为指导方针,为每一方做到这一点。

2 个答案:

答案 0 :(得分:0)

TextGeometry不提供UV坐标,如果您想一点,那么抽象该过程并为任何文本几何体序列化它将非常困难。 Text是另一种自定义网格形式,因此,您必须手动提供textureCoord属性并使用ShaderMaterial对纹理进行采样。希望这会有所帮助。

答案 1 :(得分:0)

以下是应用了纹理的3D文字示例:

http://stemkoski.github.io/Three.js/Text3D-Textures.html

希望它有所帮助!