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渲染器。希望这会有所帮助。

三个JS纹理问题

1 个答案: