使用ThreeJs搭建BIM模型浏览器，第八步-边缘线

这个辅助线条，一般称为辅助线，类似草图里的草稿线条。下面分别是有线条和没有线条的对比。

在Threejs对面的边缘添加线条，其实很简单。可以从官方示例中找到。

var geometry = new THREE.BoxBufferGeometry( 100, 100, 100 );
var edges = new THREE.EdgesGeometry( geometry ,89);//大于度才添加线条
var line = new THREE.LineSegments( edges, new THREE.LineBasicMaterial( { color: 0xffffff } ) );
scene.add( line );

 https://threejs.org/docs/index.html#api/en/geometries/EdgesGeometry

注意：如果以三角面的方式去添加边缘线，往往会出现很多问题，需要依赖正确的法向量，只针对夹角大于等于90度的面添加边缘线效果会好一些，否则线条过多，对性能负担重，效果也很乱。