ThreeJS纹理问题

Question

我的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');

然后，我只需要使用lambert材质创建网格，并将此纹理作为它们的贴图。

如果你读了这篇文章，但不知道是什么导致了这个错误，如果你有最新版本的Chrome或Firefox，至少可以告诉我你是否看到了纹理区域，那就更好了。

Answer 1

我可以在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渲染器。希望这能有所帮助。