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錐體圖像格式問題

回答

相關問題