抗锯齿不在Three.js中工作 [英] Antialiasing not working in Three.js
问题描述
我是three.js的新手并且最近开始使用它。我真的很喜欢它,我创造了一些令人难以置信的东西。但是,我不确定为什么但是当设置抗锯齿为真时我看不出有什么区别。
I am new to three.js and have starting working with it a lot recently. I really enjoy it and I have created some incredible things. However, I'm unsure why but when setting antialiasing to true I see no difference.
renderer = new THREE.WebGLRenderer({ antialiasing: true });
我搜索过可能的解决方案,但我似乎无法找到或理解为什么这不会工作。是否有一些我缺少或需要的东西才能使抗锯齿工作?
I have searched for possible solutions, yet I can't seem to find or understand why this doesn't work. Is there something I am missing or need to in order to get antialiasing to work?
编辑:
链接这有助于我解决这个问题:
https://github.com/mrdoob /three.js/blob/master/examples/webgl_materials_normalmap2.html
https://github.com/mrdoob/three.js/tree/master/examples/js
Links that helped me fix this issue: https://github.com/mrdoob/three.js/blob/master/examples/webgl_materials_normalmap2.html https://github.com/mrdoob/three.js/tree/master/examples/js
这需要一些挖掘但三个开发人员。 js已覆盖!
It took some digging but the developers for three.js have it covered!
推荐答案
您在 WebGLRenderer的参数对象中使用的属性名称
构造函数不正确。根据文档,
该属性的名称应该是'antialias'
,不 'antialiasing'
。
The property name you are using in the argument object of the WebGLRenderer
constructor is incorrect. According to the documentation,
the name of the property should be 'antialias'
, not 'antialiasing'
.
我在Google Chrome for Mac OS中进行了测试,并且在带有旋转立方体的演示中边缘渲染有明显的平滑。
I tested it in Google Chrome for Mac OS and there was a noticeable smoothing in the rendering of edges in a demo featuring a spinning cube.
这篇关于抗锯齿不在Three.js中工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!