如何在threejs中创建具有多个图像的镜像？答案

【问题标题】：How do I create a mirror having multiple images in threejs?如何在threejs中创建具有多个图像的镜像？
【发布时间】：2018-08-11 13:32:23
【问题描述】：

我尝试了在官方网站的three.js中创建镜像的代码。它使用 Reflector.js，它只能显示对象的一种反射。当两个镜子以不同的角度放置时，我想显示多个图像。我怎样才能实现它？请帮帮我。

创建镜像的代码是-

镜子 1 -

var geometry = new THREE.PlaneBufferGeometry( 100, 100 );
var verticalMirror = new THREE.Reflector( geometry, {
clipBias: 0.003,
textureWidth: WIDTH * window.devicePixelRatio,
textureHeight: HEIGHT * window.devicePixelRatio,
color: 0x889999,
recursion: 1
} );
verticalMirror.position.y = 50;
verticalMirror.position.z = - 50;
scene.add( verticalMirror );

镜子 2 -

   var geometry = new THREE.PlaneBufferGeometry( 100, 100 );
    verticalMirror45 = new THREE.Reflector( geometry, {
            clipBias: 0.003,
            textureWidth: WIDTH * window.devicePixelRatio,
            textureHeight: HEIGHT * window.devicePixelRatio,
            color: 0x889999,
            recursion: 1
        } );
        verticalMirror45.rotateY(  Math.PI/ 1.33 );
        verticalMirror45.position.x = -15;
        verticalMirror45.position.y = 50;
        verticalMirror45.position.z =  -15;
        scene.add( verticalMirror45 );

请帮助我。有人建议我使用 Aframe。 Aframe可以吗？如果是，那么如何？

【问题讨论】：

标签： three.js geometry aframe mirror

【解决方案1】：

尝试使用 mirror component 依赖 THREE.CubeCamera

【讨论】：