Hello all!

I'm trying to get this working:

A WebVR experience with an animated introduction.

The introduction consists in several logos and texts to be displayed, one after the other, in full-stage: a black background layer hides the 360 view while logos are displayed. At the end, I hide the background layer to get the user viewing the actual panorama.
I made this with simple delayed calls and it works fine.

But I want it to work with a VR headset. So I placed a "Start" button which triggers "webvr.enterVR(); startIntro();"
This works too: we enter VR mode and the introduction animation starts.

My point is that the introduction is played FULLSCREEN! I mean: Instead of having a 3d imersive view with the introduction displayed on EACH eye, the layers (background, images and texts) composing the introduction are displayed on BOTH eyes: a single image is cut in half, having a part seen on the left eye while the other part is seen on the right eye! Very disturbing...

How can I do?

First, to get the layers working, I set "vr" to "true" thus they are not removed when entering VR mode... But I supposed that's not enough...

Best regards,

Paul