温馨提示:本文翻译自stackoverflow.com,查看原文请点击:javascript - Rendering grid around box Three.js
javascript three.js

javascript - 在框Three.js周围渲染网格

发布于 2020-04-10 17:49:49

目前,我已经创建了尺寸为8x8x8的盒形缓冲区。我想在其周围放置一个与这些尺寸匹配的网格(例如,每侧64个正方形)。在three.js中有有效的方法吗?我当前的解决方案是为多维数据集的每一侧创建16条相交的线,但是这些线相加很快,并且效率低下。

查看更多

提问者
three1four
被浏览
55
manthrax 2020-02-02 03:34

坏蛋的方法是使用此技术:

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})))