Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.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
Javascript 反射物体_Javascript_3d_Three.js - Fatal编程技术网

Javascript 反射物体

Javascript 反射物体,javascript,3d,three.js,Javascript,3d,Three.js,我正在尝试重新创建如下图所示的框 我正在调整meshphong材质和灯光以使颜色更相似,但我不知道如何实现场景中其他对象的光泽反射。(你可以看到一些盒子从周围的环境中发出微妙的反射) 据我所知,我应该使用环境贴图,但它们不会动态地反映场景中的其他对象,只是天空盒或其他放在里面的纹理。也许有一些提示如何做出类似的反映 环境贴图确实动态地反映了环境。看一看(移除浮雕效果)。您将看到,随着气泡在环境中移动,环境在其上的反射也会随之移动。按环境添加其他立方体,在这种情况下,气泡不会相互反射。对不起,误会

我正在尝试重新创建如下图所示的框

我正在调整meshphong材质和灯光以使颜色更相似,但我不知道如何实现场景中其他对象的光泽反射。(你可以看到一些盒子从周围的环境中发出微妙的反射)


据我所知,我应该使用环境贴图,但它们不会动态地反映场景中的其他对象,只是天空盒或其他放在里面的纹理。也许有一些提示如何做出类似的反映

环境贴图确实动态地反映了环境。看一看(移除浮雕效果)。您将看到,随着气泡在环境中移动,环境在其上的反射也会随之移动。按环境添加其他立方体,在这种情况下,气泡不会相互反射。对不起,误会了。在附加的图像中,您可以注意到立方体具有其他立方体的某种光泽反射。您需要使用动态环境贴图。您要做的是在每一帧渲染一个纹理,抓取图像并将其作为环境贴图应用于对象。需要两个通行证。您需要使用WebGLRenderTarget渲染器。请参阅下面的一篇博客文章,它使用了与WestLangley发布的示例相同的技术。这可能会有帮助。尽管为你所有的物品这么做似乎会很昂贵。