目前,我已经创建了尺寸为8x8x8的盒形缓冲区。我想在其周围放置一个与这些尺寸匹配的网格(例如,每侧64个正方形)。在three.js中有有效的方法吗?我当前的解决方案是为多维数据集的每一侧创建16条相交的线,但是这些线相加很快,并且效率低下。
坏蛋的方法是使用此技术:
http://madebyevan.com/shaders/grid/
一种更简单的方法..是创建网格纹理或从Google图像搜索中抓取一个..最好使用2的幂,即64x64 128x128或256x256等。
并将其用作MeshBasicMaterial()的.map
texture = new THREE.TextureLoader()。load('yourGridTextureImage.jpg')texture.wrapS = THREE.RepeatWrapping; texture.wrapT = THREE.RepeatWrapping; texture.repeat.set(4,4);
scene.add(新的THREE.Mesh(新的THREE.PlaneGeometry(64,64),新的THREE.MeshBasicMaterial({map:texture})))