2013-01-23 146 views
1

我在ShapeGeometry上渲染紋理時遇到問題。首先介紹一下這個問題。Three.js:在ShapeGeometry上渲染紋理

我正在嘗試使用Three.js渲染具有紋理的SVG路徑。我已經設法正確渲染路徑。問題是用質地: http://s14.postimage.org/9xifetrf5/scene.png

魔方呈現質地正常,其中,在角落裏的造型顯得渲染,而不紋理

非常大變焦紋理可以注意到後,但它的規模down: http://s9.postimage.org/9fof5f3sv/close_up.png

兩個對象的大小相似,都使用相同的材​​質。我懷疑這是紫外線貼圖的一個問題,但我不知道如何計算紫外線貼圖,關於這個問題的任何信息都會很好。

加載紋理的代碼如下所示:

texture = t.ImageUtils.loadTexture "/images/#{pe.element.element_id}/top.png" 
texture.wrapS = texture.wrapT = THREE.RepeatWrapping 
texture.repeat.set(1, 1) 
mat = new t.MeshBasicMaterial 
    map: texture 
    overdraw: true 
    side: t.DoubleSide 

我使用修訂54 three.js所

+0

你還沒有描述它應該是什麼樣子,你還沒有提供代碼來描述如何創建網格。你能提供一個生動的例子嗎? – WestLangley

+0

它應該看起來像立方體,紋理不應該像這樣縮放和平鋪。生成網格的代碼如下:[gist](https://gist.github.com/4619286)。至於現場示例,我會試着提供一個,但是這個代碼是一個更大的系統的一部分,很難拿出這個特定的部分。 –

+0

「紋理不應該像這樣縮放和平鋪。」你還沒有描述它應該是什麼樣子。角落裏的質地應該覆蓋整個飛機嗎? – WestLangley

回答