Three.js 锯齿介绍和消除锯齿 - 文章教程

Three.js 锯齿介绍和消除锯齿

发布于 2021-08-13 字数 1041 浏览 1167 评论 0

通过 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.wenjiangs.com/article/devicepixelratio.html

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

归属感

这个人比较懒,什么都没有填写!

10 文章
2 评论
20593 人气
更多

推荐作者

瑾兮

文章 11 评论 2

carlo_sn

文章 0 评论 0

15867725375

文章 0 评论 0

a3576419

文章 0 评论 0

wendy

文章 0 评论 0