通过Three.js开发应用程序的时候,场景渲染效果默认会有锯齿,需要通过设置代码消除锯齿。
.antialias
设置渲染器锯齿属性.antialias
的值可以直接在参数中设置,也可通过渲染器对象属性设置。
var renderer = new THREE.WebGLRenderer({
antialias:true,
});
或
renderer.antialias = true,
.setPixelRatio()
渲染器方法.setPixelRatio()
用来设置设备像素比率. 这通常用于HiDPI设备比如现在常见手机,以防止Canvas画布模糊输出.
renderer.setPixelRatio(window.devicePixelRatio)
devicePixelRatio
表示设备的像素比,也就是设备物理像素和独立像素的比例(物理像素/dips),更多关于devicePixelRatio
的介绍可以参考文章:https://www.cnblogs.com/gxp69/articles/7079656.html