2013-03-20 124 views
1

我的Three.js 3D應用程序有問題 - 至少根據我認識的一些人。ThreeJS紋理問題

我的申請取決於[http://176.9.149.205/planungstool/]。一些據說擁有最新版Chrome和Firefox的人看不到紋理區域。例如,他們看不到3D屋頂或屋頂。然而,他們確實看到了像樹或地板這樣的無紋理的東西。

奇怪的是,我沒有這個問題,我問的其他大多數人都沒有這個問題。下面是它應該看起來像和看起來像我:[http://176.9.149.205/planungstool/house.jpg]

有沒有人有一個想法可能會導致這種情況?它可能是一些客戶端設置?或者,也許一些訪問控制策略?

我加載紋理是這樣的:

var myTexture = new THREE.ImageUtils.loadTexture('gfx/textures/texture.jpg'); 

然後,我只是創建蘭伯特材料具有此紋理他們的地圖網格。

如果您閱讀此內容並且不知道可能會導致此錯誤的原因,那麼如果您有最近版本的Chrome或Firefox,那麼如果您至少能告訴我您是否看到紋理區域,那將會很好。

+0

我可以看到沒有問題的房子。我使用Firefox 19.0.2。 – ragnatic 2013-03-20 18:05:06

回答

0

我可以在mac上看到當前chrome上的紋理。我有一個與畫布渲染器類似的問題(任何紋理都看不見)。對我來說,我改變了使用ImageUtils.loadTexture紋理和紋理加載器,它的工作原理。

var texture = new THREE.Texture(); 
var texLoader = new THREE.ImageLoader(); 
texLoader.addEventListener('load', function(event){ 
    texture.image = event.content; 
    texture.needsUpdate = true; 
}); 
texLoader.load('texture.png'); 

但是,我確實仍然在safari中的畫布渲染器出現問題,但您似乎只使用webgl渲染器。希望這可以幫助。

+0

這個示例不再代表代碼庫,只是誤導了你......你應該刪除它或重構它指向https://threejs.org/docs/api/loaders/ImageLoader.html,但它是一個很好的地方開始搜索(爲我),所以如果你編輯你的例子,我會upvote它。 – 2017-04-06 04:45:18