【Three.js】模型抗鋸齒處理


1.鋸齒消除方法

    three.js參考使用官方demo發現模型渲染有鋸齒,這種情況在旋轉視角時候就非常明顯。

    抗鋸齒的方法,很簡單,只需要配置render兩個屬性即可:

renderer = new THREE.WebGLRenderer({
    //增加下面兩個屬性,可以抗鋸齒
    antialias:true,
    alpha:true
});

2.效果

    使用前:

    使用后:

    明顯能看出,使用后的場景在左側柱子和牆體邊沿的鋸齒沒有了,不過也導致了視角拖拽沒有之前流暢,估計是增加了顯卡渲染負擔吧。如果你對效果要求不高,更偏重體驗流暢的話,去掉這兩個屬性即可。

 

 場景在線體驗地址:http://www.88gis.cn/plugins/dgis3d/pages/index.html

  

 更多前端、GIS相關博客,請訪問我的個人博客88gis.cn查看更多。

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM