7、three.js清除鋸齒和噪波、修改材質類型和遍歷模型
1、three.js清除鋸齒和噪波
注意:(1)使用照片建模處理的生成的模型,在使用three.js加載的時候容易產生噪波。(我們要消除噪波,使模型提圖更加清晰)
(2)three.js場景渲染,默認效果會有鋸齒,我們可以設置代碼消除鋸齒使貼圖更加清晰。
一、給渲染器設置鋸齒屬性
設置渲染器鋸齒屬性?.antialias?的值可以直接在參數(shù)中設置,也可通過渲染器對象屬性設置。
或
二、使用渲染器方法.setPixelRatio()設置像素分辨率,阻止Canvas畫布模糊輸出
注意問題:devicePiexlRatio表示設備的像素比,也就是設備物理像素和獨立像素的比例。
整體代碼請看視頻,以及評論下面的源碼下載
2、three.js修改材質類型和遍歷模型
注意問題:(1)有些模型的材質默認是meshbasicmaterial這種才是是不受光照影響的。(我們需要修改模型材質類型)
(2)打開three.js編輯器,將模型導入到里面。(此時模型變?yōu)楹谏耍雀臑槭芄庹沼绊懥耍?,這種太麻煩,我們可以直接使用代碼修改。

一、three.js使用traverse遍歷修改材質類型
example文件夾里面創(chuàng)建admintraverse.html文件——》
three.js材質類型可以去官網(wǎng)查看。
核心代碼:(將材質換為map材質)
整體所有代碼:
標簽: