Use Gyro viewer prompt for Mobiles

[Hopki]

Designed for Pano2VR 5 and above, Standard and Pro.
This component only shows on mobiles and shows an animation to show viewers to move the phone to pan and tilt the panorama.

Main features:
• Show on mobiles only
• Does not use any images so very small file size
• Can use the colour tool to quickly change colours

To install the component download and then double click.
You will be asked if you want to install to the category User Defined or make a new category.

Designed for skin canvas size 640 x 480px.
If your skin canvas is different then follow this steps.
When placed in the skin open the position logic block of the element 360image.
Look at the bottom for Default Value and set all the Y: expression values to the default Y: value.
Set the second and forth expressions to the default X: value.
The first expression set it to the default value + 40.
The third expression set it to the default value - 40.

ScreenFlow.gif (247.85 KiB) Viewed 6115 times

Use Gyro.ggskc

(7.03 KiB) Downloaded 254 times

Regards,
Hopki

[hiv360]

it works but it's wrong ))

http://hi360v.com/other/tempcarpet_v3/

[Hopki]

Hummmmm,
It works for me, which browser and platform?
Tested on iOS and Android.
Regards,
Hopki

[hiv360]

https://youtu.be/YeEP8RL9scI


android chrome

[Hopki]

Hi,
Whats your position settings in the logic block for the 360image element.

Screen Shot 2017-11-24 at 16.52.08.png (87.69 KiB) Viewed 6069 times

[hiv360]

I do nothing
double click only

[Hopki]

Hi,
Ok I see the problem, I used the default skin canvas size.
If you change the size then the X Y settings will be wrong.
I'll add a how to fix for different sized canvases.
Well spotted
Regards,
Hopki

[Howard]

There is something I'm missing.

I thought that the latest P2VR player (v. 6.1.1) would automatically (on a smartphone) prompt the user to enable the gyro.

But it doesn't work for me:

https://allaroundnevada.com/wp-content/ ... /combined/

I thought the the "gyro view prompt" would work, but it seems that it merely tells the user to try panning the phone.

The "enter VR" button DOES prompt for the user's gyro access, but if you don't want to use a HMD, you must first quit the VR view. Only then will the gyro be enabled for the standard view on the phone.

Any ideas what I'm doing wrong?

Thanks!

Howard

[Hopki]

Hi Howard,
You can’t do it automatically.
You need to show the button and the user has to click it.
Also when I opened the link on my iPhone I saw the graphic at the bottom of the screen.
Regards,
Hopki

[Howard]

Thanks, Hopki.

I understand how that works (w/the Enter VR button) for a HMD.

But... what's the process for enabling the gyro for the normal (Non-HMD) view on the phone, with the user able to animate the VR just by moving the phone.

Howard

[Hopki]

Hi Howard,
It will be the same as the gyro button.
You see the message when you use the WebVR button as it needs to use the Gyro.
Using the gyro button should show the same dialogue box.
Regards,
Hopki

[Howard]

Ah ha.

I get it now. I've inserted the "Gyroscope Silhouette" component, and it works perfectly.

https://allaroundnevada.com/wp-content/ ... /combined/

So... NOW, do I need to go back to every pano I've authored and re-do the output using this skin element so that the gyro will function properly on a phone?

Can't this button functionality (please) be made a part of the player? Then, using a centralized player w/the WordPress plugin, we can be spared hours and hours of work.

Thanks,

Howard