THREE.JS場景中永無止境的地板

Question

在我的畫布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保持一定距離）。我然後modify the texture's offset property，以便它看起來地板即使它粘在相機上移動。

關於「我的PlaneGeometry的知名度麻煩」，你可能打到相機或近或遠的投影平面（距離） - 什麼比near比far更近或更遠的裁剪，即剔除，即不可見。您可以在相機的構造函數中對其進行配置。