1

我的 Three.js 3D 应用程序有问题 - 至少根据我认识的一些人的说法。

我的应用程序位于[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。

4

1 回答 1

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 渲染器。希望这可以帮助。

于 2013-03-20T18:07:42.400 回答