使用ThreeJs搭建BIM模型浏览器,第八步-边缘线
首页 > 网站建设 > 转载   作者:玉龙之乡  2020年10月16日 7:05 星期五  热度:5183°  字号:   评论:0 条
时间:2020-10-16 7:05   热度:5183°  评论:0 条 

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

在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度的面添加边缘线效果会好一些,否则线条过多,对性能负担重,效果也很乱。

 您阅读这篇文章共花了: 
捐赠支持:如果觉得这篇文章对您有帮助,请“扫一扫”鼓励作者!
 本文无需标签!
二维码加载中...
本文作者:玉龙之乡      文章标题: 使用ThreeJs搭建BIM模型浏览器,第八步-边缘线
本文地址:http://liangzhidong.cn/post-158.html
版权声明:若无注明,本文皆为“玉龍之鄉”原创,转载请保留文章出处。

返回顶部    首页    手气不错    捐赠支持   后花园   
版权所有:玉龍之鄉    站长: 玉龙之乡   程序:emlog   蒙ICP备16004298号