7、three.js清除锯齿和噪波、修改材质类型和遍历模型

1、three.js清除锯齿和噪波

注意：（1）使用照片建模处理的生成的模型，在使用three.js加载的时候容易产生噪波。（我们要消除噪波，使模型提图更加清晰）

（2）three.js场景渲染，默认效果会有锯齿，我们可以设置代码消除锯齿使贴图更加清晰。

一、给渲染器设置锯齿属性

设置渲染器锯齿属性 .antialias 的值可以直接在参数中设置，也可通过渲染器对象属性设置。

或

二、使用渲染器方法.setPixelRatio()设置像素分辨率，阻止Canvas画布模糊输出

注意问题：devicePiexlRatio表示设备的像素比，也就是设备物理像素和独立像素的比例。

整体代码请看视频，以及评论下面的源码下载

2、three.js修改材质类型和遍历模型

注意问题：（1）有些模型的材质默认是meshbasicmaterial这种才是是不受光照影响的。（我们需要修改模型材质类型）

（2）打开three.js编辑器，将模型导入到里面。（此时模型变为黑色了，既改为受光照影响了），这种太麻烦，我们可以直接使用代码修改。

一、three.js使用traverse遍历修改材质类型

example文件夹里面创建admintraverse.html文件——》

three.js材质类型可以去官网查看。

核心代码：（将材质换为map材质）

整体所有代码：