Tuesday, June 4, 2024
 Popular · Latest · Hot · Upcoming
26
rated 0 times [  32] [ 6]  / answers: 1 / hits: 46162  / 11 Years ago, thu, june 20, 2013, 12:00:00

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?



EDIT:



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



It took some digging but the developers for three.js have it covered!


More From » three.js

 Answers
41

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'.



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.


[#77510] Wednesday, June 19, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
armandoh

Total Points: 208
Total Questions: 94
Total Answers: 112

Location: South Sudan
Member since Sun, Jul 11, 2021
3 Years ago
armandoh questions
Wed, Apr 13, 22, 00:00, 2 Years ago
Sat, Jan 30, 21, 00:00, 3 Years ago
Fri, Jun 5, 20, 00:00, 4 Years ago
Sun, Dec 22, 19, 00:00, 5 Years ago
;