WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 一对一班

Three.js 锯齿

通过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

本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com