使用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度的面添加邊緣線效果會好一些,否則線條過多,對性能負擔重,效果也很亂。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章