Javascript 在box Three.js周围渲染网格

Javascript 在box Three.js周围渲染网格,javascript,three.js,Javascript,Three.js,目前,我已经创建了一个尺寸为8x8的长方体缓冲区几何体。我想在其周围放置一个与这些尺寸相匹配的网格(例如,每边64个正方形)。在three.js中有什么有效的方法可以做到这一点吗?我目前的解决方案是为立方体的每一侧创建16条相交线,但这些相交线加起来很快,对性能来说效率很低 最糟糕的方法是使用这种技术: 更简单的方法。。是创建网格纹理还是从谷歌图像搜索中抓取一个。。最好是2个尺寸的功率,即64x64 128x128或256x256等 并将其用作MeshBasicMaterial()的.map

目前,我已经创建了一个尺寸为8x8的长方体缓冲区几何体。我想在其周围放置一个与这些尺寸相匹配的网格(例如,每边64个正方形)。在three.js中有什么有效的方法可以做到这一点吗?我目前的解决方案是为立方体的每一侧创建16条相交线,但这些相交线加起来很快,对性能来说效率很低

最糟糕的方法是使用这种技术:

更简单的方法。。是创建网格纹理还是从谷歌图像搜索中抓取一个。。最好是2个尺寸的功率,即64x64 128x128或256x256等

并将其用作MeshBasicMaterial()的.map

texture=new THREE.TextureLoader().load('yourGridTextureImage.jpg')) texture.wrapps=3.repeat wrapping; texture.wrapT=3.0; 纹理。重复。设置(4,4)

添加(新的THREE.Mesh(新的THREE.PlaneGeometry(64,64),新的THREE.MeshBasicMaterial({map:texture})))