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 创建磨砂玻璃三个webgl_Three.js - Fatal编程技术网

Three.js 创建磨砂玻璃三个webgl

Three.js 创建磨砂玻璃三个webgl,three.js,Three.js,我很难找到如何创建具有磨砂玻璃外观的材质。我在网上没有找到任何我想做的事情 我已经尝试了很多设置的材料 有人知道如何解决这个问题吗 问候 Rikard我以前遇到过一种对我很有效的方法,在帧缓冲区的部分执行了Blit,您希望使用模糊算法或您选择的正常模式进行磨砂。作为玻璃材质球一部分的模板遮罩用于确定哪些部分应受到影响,哪些部分不应受到影响 这篇文章对玻璃折射有很好的描述,当与模糊一起使用时,会产生很好的效果。 我知道这不是WebGL本身,但我以前使用过下面的Unity磨砂玻璃着色器,效果非常

我很难找到如何创建具有磨砂玻璃外观的材质。我在网上没有找到任何我想做的事情

我已经尝试了很多设置的材料

有人知道如何解决这个问题吗

问候
Rikard

我以前遇到过一种对我很有效的方法,在
帧缓冲区的
部分执行了
Blit
,您希望使用模糊算法或您选择的正常模式进行磨砂。作为玻璃材质球一部分的模板遮罩用于确定哪些部分应受到影响,哪些部分不应受到影响

这篇文章对玻璃折射有很好的描述,当与模糊一起使用时,会产生很好的效果。

我知道这不是WebGL本身,但我以前使用过下面的Unity磨砂玻璃着色器,效果非常好。您可以从中提取相关部分,并使用这些知识组装WebGL版本


我将亲自承担此任务,并将使用实际代码“如果”更新此答案。

请添加您尝试过的内容。我的错误。我没有添加测试内容的原因是我测试了很多。但我主要是用MeshPhongMaterial和normal测试不同的颜色,设置不同,比如透明、不透明度、混合等等,我现在记不起来了。