在THREE.JS场景中永无止境的地板

Question

在我的canvas three.js场景中创建一个连续的每个方向的地板的最佳方法是什么？

将THREE.PlaneGeometry附加到摄像机位置是否更好,以便它随相机一起移动.

或者是否有另一种用纹理纹理场景地板的方法.

我对PlaneGeometry的可见性有些麻烦,出于某种原因,我必须与它有一定距离才能看到它.

/* Floor  */    
var geometry = new THREE.PlaneGeometry( 1000, 1000, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0x0000ff } );
var floor = new THREE.Mesh( geometry, material );
floor.material.side = THREE.DoubleSide;
floor.rotation.x = de2ra(90);
scene.add( floor );

对所有技术开放!

Answer 1

我在自上而下的比赛中拥有无限的海底.我将它重新定位到相机的xy坐标(与z保持距离).然后我修改了纹理的offset属性,这样即使它粘在相机上,地板也会移动.

关于"我的PlaneGeometry的可见性问题",你可能会碰到相机的近或远投影平面(距离) - 任何near比far剪切更近或更远的东西,即被剔除,即不可见.您可以在相机的构造函数中配置它.