Three.js中3D圆锥中图像格式的问题

时间:2013-02-15 06:23:28

标签: three.js

我正在使用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 } ); 

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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