在 Three.js 中绘制网格的边缘

Posted

技术标签:

【中文标题】在 Three.js 中绘制网格的边缘【英文标题】:Drawing edges of a mesh in Three.js 【发布时间】:2016-07-28 03:02:18 【问题描述】:

有没有像 Stroke 这样的东西来绘制网格的边缘?

我想让我的对象看起来像这样:

【问题讨论】:

【参考方案1】:

编辑:此答案已过时,已更新。


如果您只想渲染网格的边缘,可以使用EdgesGeometry

var geometry = new THREE.EdgesGeometry( mesh.geometry );

var material = new THREE.LineBasicMaterial(  color: 0xffffff  );

var wireframe = new THREE.LineSegments( geometry, material );

scene.add( wireframe );

您也可以使用THREE.WireframeGeometry

有关如何渲染边和面的示例,请参阅this *** answer。

three.js r.94

【讨论】:

谢谢,但是可以同时渲染边缘和面吗?

以上是关于在 Three.js 中绘制网格的边缘的主要内容,如果未能解决你的问题,请参考以下文章

Three.JS 线框材质 - 所有多边形与仅边缘

纯shader实现动态时钟效果(three.js实战14)

在three.js中播放特定部分的网格动画

在three.js中将网格添加到场景之前如何设置网格的位置

three.js - 网格组示例? (THREE.Object3D() 高级)

Three.js Raycaster 未检测到场景网格