Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Three.js平滑着色_Three.js - Fatal编程技术网

使用Three.js平滑着色

使用Three.js平滑着色,three.js,Three.js,我需要任何人帮我工作 在这里工作: ivanvujnovic.com/Avatar_final/index.html 我会有更好的渲染效果,比如平滑着色或其他 我该怎么做 谢谢您已经在那里进行了平滑着色处理。我相信您可能正在寻找“像素着色”或“像素照明” 这可能有用: 看起来模型中的法线被弄乱了,或者使用Three.js转换法线时出现了一个小故障,通过弄乱照明使其看起来凹凸不平 如果使用不同的配置可以解决问题,您可以尝试重新导出模型并检查任何正常的相关导出选项 或者,您可以让Three.js尝试

我需要任何人帮我工作

在这里工作:

ivanvujnovic.com/Avatar_final/index.html

我会有更好的渲染效果,比如平滑着色或其他

我该怎么做


谢谢

您已经在那里进行了平滑着色处理。我相信您可能正在寻找“像素着色”或“像素照明”

这可能有用:


看起来模型中的法线被弄乱了,或者使用Three.js转换法线时出现了一个小故障,通过弄乱照明使其看起来凹凸不平

如果使用不同的配置可以解决问题,您可以尝试重新导出模型并检查任何正常的相关导出选项

或者,您可以让Three.js尝试重新计算几何体的新法线,忽略模型中现有的法线:

geometry.computeFaceNormals();
geometry.computeVertexNormals(); 

我不太确定你想要什么,但我认为你的问题在于模型没有,模型扫描的法线看起来很好,三角形点云。时髦图案是顶点照明插值的结果。要获得更平滑的结果,必须首先规范化像素着色器中的顶点法线。这将在每个像素处重建平滑曲面,然后对每个像素执行NdotL项。我不知道我的想法,但three.js materials中应该有一个参数来切换到这个。