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

我使用CylinderGeometry创建3D锥体。Three.js中的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 });

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

我可以选择不显示图像的剩余部分将被显示在锥图像的一部分。

否则，如果我们提供了一个三角形的图像，它创建了一个空心锥形看作为图像的透明部分也出现而呈现锥形。

我无法在此帖子中添加图片。

来源

2013-02-15 SJR

对于选择图像的一部分，您将不得不修改UV坐标。我不知道这会是多么容易。另一种方法是在gimp或photoshop中将图像修改为您喜欢的图像。

来源

2013-02-15 08:21:01 gaitat

即使我在photoshop中修改图像，图像也会有白色/透明边界，这会产生相同的旧有的不需要的效果。 UV坐标修改可能是出路，但对此无关。请帮忙。任何示例代码都会有所帮助 – SJR 2013-02-15 09:16:00

我们需要知道您所了解的内容以及期望的效果。此外，它可能会更容易找到一个平面上的UV映射，而不是一个锥体，然后移动到锥体。 – gaitat 2013-02-15 11:48:08

目前锥体需要整个图像来绘制曲面。希望的结果是只绘制图像的一部分，使图像离开空白或透明部分。 – SJR 2013-02-18 04:42:48

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

回答

相关问题