alterante gyro and mouse/finger drag

[Stefano]

Hello,

I have a tour for mobile working mainly with the gyroscope. When the user is working with the gyro, I don't want he will be able to use the finger to drag the panorama, so in the output settings, I disabled the mouse. In the skin, I have a button for the gyro to en/disable it. Is there a way to activate the drag mode when the gyro is off?


Thank you so much!

[Hopki]

Hi,
Why not just cover the skin with an active container to prevent interaction with the panorama, this can show when the gyro is active.
If the container is the lowest element in the skin, all other skin elements will be above the container so all buttons will still work.
Regards,

[Stefano]

WOW! Such a smart solution!

anyway, it works perfectly on desktop, but it doesn't work on mobile (no touch and drag). I don't understand why...

[Hopki]

Hi,
I am not sure I am following, this.
The gyro should only be seen on mobiles.
This can be done with a visible logic block, Gyro Available True => Visible True.
The active container will be 100% of the skin canvas and with visible deselected so it's hidden.
It can then have a visible logic block that says if Gyro Active is True, Visible True.
So only when opened on a device with a gyro will you see the button and only when the gyro is active will the container will show and block user interaction.
Please see the attached project.
Regards,

[Stefano]

Thank you again.

It works fine now. Anyway, the block's presence makes the interaction with the hotspots impossible. I had to give them a higher z-index value.

[Hopki]

Ahhh,
I was working to stop the interaction but all other skin elements should work.
If you move the container to the top of the skins tree then everything should be covered.
But of course, changing its z-index is also good.
Regards,