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

摘要： 1.鋸齒消除方法 three.js參考使用官方demo發現模型渲染有鋸齒，這種情況在旋轉視角時候就非常明顯。 抗鋸齒的方法，很簡單，只需要配置render兩個屬性即可： renderer = new THREE.WebGLRenderer({ //增加下面兩個屬性，可以抗...

1.鋸齒消除方法

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

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

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

使用前：

使用後：

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

場景線上體驗地址： ofollow,noindex">http://www.88gis.cn/plugins/dgis3d/pages/index.html

更多前端、GIS相關部落格，請訪問我的 個人部落格88gis.cn 檢視更多。