Ich versuche, einen Spiegeleffekt in einem Projekt zu erzielen, das @ verwende webvr-boilerplate wenn VREffect aktiv ist.

Ich habe versucht (mit r72dev und r72), THREE.Mirror zu verwenden:

    //webVR-boilerplate + Mirror.js

    verticalMirror = new THREE.Mirror( renderer, camera, { clipBias: 0.03, textureWidth: 256, textureHeight: 256, color:0x889999 } );

    verticalMirrorMesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 10, 10 ), verticalMirror.material );

    verticalMirrorMesh.add( verticalMirror );

    scene.add( verticalMirrorMesh );

    // Request animation frame loop function
    function animate( timestamp ) {

          verticalMirror.render();

          // Update VR headset position and apply to camera.
          controls.update();
      
          // Render the scene through the manager.
          manager.render( scene, camera, timestamp );

          requestAnimationFrame( animate );

    }

Die Renderziele werden nicht mehr aktualisiert, wenn der VR-Modus aktiviert und die Stereoanzeige aktiviert ist.

Der Spiegel befindet sich hinter der Kamera und ich habe ein Modell gedreht, um das Verhalten des Spiegels zu beobachten.

Irgendwelche Gedanken darüber, warum dies passiert und wie man es beheben kann? Fehlen mir einige Initialisierungsparameter für den Spiegel oder den Stereoeffekt?

Beispie

Danke im Voraus

EDIT: Scheint, dass das Problem auch nicht nur mit webvr-boilerplate auftritt, sondern AUCH mit StereoEffect.js und Mirror.js, wenn ich eine Szene mithilfe eines Spiegels auf @ richt three.js StereoEffect.js Beispiel und immer noch das gleiche Problem ..

Stereo http://ruidorey.webfactional.com/stereo.pn mirror WITH Stereo-Effekt - Live-Beispiel

No Stereo http://ruidorey.webfactional.com/nostereo.pn mirror OHNE Stereoeffekt - Live-Beispiel