Question

我在官方网站上尝试在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有可能吗？如果是，那怎么办？

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

0 个答案: