three.js场景中的多个镜像杀死了性能

Question

根据three.js中的mirror example，我重新创建了一个很好的旧电影放映机praxinoscope，其中一列镜像反映了一小段图像，以创建幻像运动。

在three.js的84版本中，这很有效。

实例：采用V84：https://codepen.io/Sphinxxxx/pen/eEbjba

在85版本然而，有一些变化Mirror.js，并在以后的版本中所有的镜子（在这种情况下，8个镜子）使praxinoscope很慢（低FPS）。

实例：采用V87：https://codepen.io/Sphinxxxx/pen/vJvozR

我怀疑缓慢的性能有不少递归调用和不必要的渲染开始呼吁从Mirror.js一个onBeforeRender()功能做。堆栈跟踪：

如果你在看代码，创建并在addMirrorAndImage()功能附加镜。有没有更好的方法来添加镜像或其他一些可以提供与旧版本（v85之前版本）相同性能的技巧？

• V84：https://codepen.io/Sphinxxxx/pen/eEbjba
• V87：https://codepen.io/Sphinxxxx/pen/vJvozR

Answer 1

在V88（Mirror更名为Reflector）修正：https://codepen.io/Sphinxxxx/pen/dZYKwP