threejs中使用Reflector实现出倒影效果,并且需要显示镜面下面的内容,镜面的其他地方为透明(例如模仿地板倒影效果)

前言: 在项目中遇到要实现地板倒影效果,threejs给我们提供了Reflector,可以轻松完成镜面效果,实现倒影。但背景不透明;只能显示镜面倒影,但镜面下面的地板却无法显示,并且反射出的倒影太亮了;网上没搜到解决方案, 自己修改了下源码实现了想要的效果,做个记录:

一, 看看效果

默认的Reflector实现的效果:

在这里插入图片描述

地面上只能显示倒影,下面的地板没有显示出来,而是显示一片漆黑。而且整个镜面显示一个黑色的面,如下图:

在这里插入图片描述

目标效果:

在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_40856652/article/details/129898281