Three.js镜像反射问题

时间:2017-04-05 20:05:28

标签: javascript graphics 3d three.js

我正在使用Three.js Mirror类来反映场景中的环形网格,并且反射中包含奇怪的文物。

这是相关代码:

verticalMirror = new THREE.Mirror( renderer, camera, { clipBias: 0.003, textureWidth: 512, textureHeight: 512, color:0xdddddd} );

var verticalMirrorMesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 300, 300 ), verticalMirror.material );
verticalMirrorMesh.add( verticalMirror );
verticalMirrorMesh.position.y = 0;
verticalMirrorMesh.position.z = -10;
editor.scene.add( verticalMirrorMesh );

function render () {
   renderer.clear();
   verticalMirror.render();
   renderer.render(scene, camera);
}

在中心,反射看起来或多或少,但在侧面,它被拉伸到镜子的边缘。请参阅下面的图片。

Zoomed out, view from the right

Zoomed in, view from the left

我已经在Three.js中研究了其他关于镜像的帖子,并且似乎遵循了他们的建议。我还做错了什么?任何建议都表示赞赏。

谢谢你, 安东。

0 个答案:

没有答案