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

时间:2020-10-16    作者:玉龙之乡    分类: 转载


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

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


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

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

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

手机扫描二维码
阅读体验更佳