Question

我有一个基于Three.js的样本我正在努力作为更大项目的基础。为了超级简化，我有一个具有围绕中心点旋转的纹理的平面。它实际上连接到中心点，然后旋转中心点。（进一步的测试表明，从中心的父母和偏移没有影响，它只是导致翘曲的相机角度的差异，当角度增加时，转动相机而不是物体仍显示翘曲）

使用WebGL渲染器一切正常。使用画布渲染器我必须调整纹理加载（imageutils不能正确加载画布，必须明确使用纹理和图像加载器），但它在chrome中工作正常。然而，在野生动物园中，当平面移动时，纹理会暴露平面的角落（位置变得扭曲和偏移）。它直接对着相机（https://dl.dropbox.com/u/6768888/StackOverflow/Screen%20Shot%202013-03-20%20at%202.37.47%20PM.png），但是在两侧它真的扭曲了（{{3} }，https://dl.dropbox.com/u/6768888/StackOverflow/Screen%20Shot%202013-03-20%20at%202.38.04%20PM.png）

我这似乎是画布渲染器中的一个错误，但我不确定，基于之前的纹理加载问题，我可能有一个解决方法？我正在使用透支：真实

var geometry = new THREE.PlaneGeometry(width, height, 1, 1);
    var material = new THREE.MeshBasicMaterial( { overdraw:true, map:texture, side:THREE.DoubleSide } );

    mesh = new THREE.Mesh( geometry, material );

任何想法或建议都会非常感激，不想在没有更多信息的情况下提交错误报告，因为这是我对Three.js的第一次真正的刺，所以不确定它是我还是系统......

还应该注意的是，删除过度绘制只是广告接缝，它不会影响移位，也会使对象变大，或者添加更多细分只会使这些新的断点发生变化，它不会从根本上改变问题

Answer 1

与我的应用程序相同的故事。徒步旅行中的纹理，使用帆布渲染器游泳，铬和＆amp; ff很好。使用WebGLRenderer每件事情都很顺利。勒夫

在safari中破坏的Three.js CanvasRenderer纹理

1 个答案: