three.js - Three.js 中 3D 锥体中的图像格式问题

Question

我正在使用 CylinderGeometry 创建一个 3D 圆锥。

我正在使用ImageUtils.loadTexture将图像加载到锥体的底部和曲面上。

var mat1 = new THREE.MeshBasicMaterial({ color : 0xcccccc , map: THREE.ImageUtils.loadTexture( 'textures/CIRCLE_1.png' ), overdraw: true } );     
var mat2 = new THREE.MeshBasicMaterial({ color : 0xcccccc , map: THREE.ImageUtils.loadTexture( 'textures/LABEL.png' ), overdraw: true } ); 

曲线表面图像被挤压以适合圆锥体。

我可以选择要在圆锥中显示的图像的一部分而不显示图像的其余部分吗？

否则，如果我们提供一个三角形图像，它会创建一个看起来像空心的圆锥体，因为图像的透明部分在渲染圆锥体时也会出现。

我无法在这篇文章中附加图片。

Answer 1

要选择图像的一部分，您必须修改 UV 坐标。我不知道那会有多容易。另一种方法是在 gimp 或 photoshop 中根据自己的喜好修改图像。