Javascript 如何在three.js中将图像/纹理放置在几何体的一部分?

Javascript 如何在three.js中将图像/纹理放置在几何体的一部分?,javascript,three.js,Javascript,Three.js,我在three.js中创建了一个简单的球体,使用SpheregeMetry和MeshPhongMaterial使其呈现静态颜色。我想知道如何覆盖一个只占球体一小部分的图像。我知道如何将整个纹理包裹在对象上,但不知道如何将其放在一个点上。您可以使用THREE.Geometry,它允许将纹理/图像投影到任何THREE.Mesh 您可以更改球体几何体的uv坐标,也可以编写自己的自定义着色器。是否有在线示例?我找不到。除了@prisoner849的建议外,您还可以在Blender之类的DCC工具中设计球

我在three.js中创建了一个简单的球体,使用
SpheregeMetry
MeshPhongMaterial
使其呈现静态颜色。我想知道如何覆盖一个只占球体一小部分的图像。我知道如何将整个纹理包裹在对象上,但不知道如何将其放在一个点上。

您可以使用
THREE.Geometry
,它允许将纹理/图像投影到任何
THREE.Mesh


您可以更改球体几何体的uv坐标,也可以编写自己的自定义着色器。是否有在线示例?我找不到。除了@prisoner849的建议外,您还可以在Blender之类的DCC工具中设计球体,将其导出为
glTF
,并通过
THREE.GLTFLoader
加载。我过去经常读到类似的问题,许多用户都在努力修改纹理坐标或编写自定义着色器代码。在工具中设计一个类似球体的资源,然后导入并渲染它更简单。或者可以使用
THREE.deapgeometry
@vHawk你应该发表你的评论作为回答-我的问题与OP和
THREE相同。似乎正是我所需要的!