360 VR questions

solo

Solo,

You can just post a URL to your website page that contains the QuickTime VR (aka .mov) file.

Sure, here is a test version on my site, I still need to do changes and add details and rooms for final.

There is a little noise.

http://www.solos-art.com/duffy-hotel-justified-fx-network/

Pixero

Hmm.. iPhones do not support WebGL (aka html5) and also do not support Flash. So I wonder what Pano2VR (which is a great product that I also use) outputs for phones..

Adam

My VR presentation runs on iOS with html5 but without web GL:
http://whiteclients.se/obo/vivalla/

solo

@pixero said:

@adamb said:

Hmm.. iPhones do not support WebGL (aka html5) and also do not support Flash. So I wonder what Pano2VR (which is a great product that I also use) outputs for phones..

Adam

My VR presentation runs on iOS with html5 but without web GL:
http://whiteclients.se/obo/vivalla/

Yours are amazing, I need to learn how to get all the fluff you have, the map and hotspots.

olishea

stunning work pixero! bravo!

would be nice if we could texture bake the entire model with several spherical panoramas.

cotty

@pixero said:

My VR presentation runs on iOS with html5 but without web GL:
http://whiteclients.se/obo/vivalla/

krpano uses HTML5 (and/or webGL) too and many devices are supported this way...

Frederik

@solo said:

I need to learn how to get all the fluff you have, the map and hotspots.

It's fairly easy with Pano2VR...

@Adam: I didn't know all that... I suppose I got a little confused by your comment about plugins... I interpreted it as if you didn't know what plugins does in WP...

Pixero

@solo said:

Yours are amazing, I need to learn how to get all the fluff you have, the map and hotspots.

Thanks.
I read some tutorials on their site and forum. Can't say it was easy to get all the different pre/after versions linked correct. The client had quite detailed wishes so I just had to get it to work.
The road signs on the floor I deformed in Photoshop so they kind of matched the perspective.

AdamB

@pixero said:

@adamb said:

Hmm.. iPhones do not support WebGL (aka html5) and also do not support Flash. So I wonder what Pano2VR (which is a great product that I also use) outputs for phones..

Adam

My VR presentation runs on iOS with html5 but without web GL:
http://whiteclients.se/obo/vivalla/

Had a quick look. Its using Adobe Flash for browsers on Desktop computers which is expected BUT amazingly for iOS it uses CSS3 to get around iPad's lack of WebGL support. Clever workaround by the Pano2VR team!

Adam

valerostudio

Slightly off topic, Pixero, which engine did you use to render those scenes? They are really nicely done!

Pixero

Thea. I used the TR 1 engine. It was before Presto was introduced.

valerostudio

I am also working on a project using Pano2VR and I am curious as to what resolution you render your final at and what settings you use in Pano2VR so that it loads so quickly but at such a sharp quality. Can you share a screenshot?

AdamB

@valerostudio said:

I am also working on a project using Pano2VR and I am curious as to what resolution you render your final at and what settings you use in Pano2VR so that it loads so quickly but at such a sharp quality. Can you share a screenshot?

As a rule of thumb, if you are rendering a 360 panorama, you'll want double the maximum height resolution it will be viewed at. So if you plan on viewing in a window of height 1000 pixels, the pano will need to be ~2000 high (and therefore 4000 wide).

Pixero

@valerostudio said:

I am also working on a project using Pano2VR and I am curious as to what resolution you render your final at and what settings you use in Pano2VR so that it loads so quickly but at such a sharp quality. Can you share a screenshot?

I rendered 6000x3000 pixels since you only see a small bit of the pano at a time.
The final size of the sides in the pano cube was 1500 pixels.

valerostudio

Pixero, can you show us a screenshot of your Pano2VR Settings?

Pixero

Sorry, but I'm swamped with work at the moment and won't have time to dig it out from backup.

AdamB

Spent some time knocking up a plugin-free panorama viewer using CSS3 (or WebGL if supported).

http://light-up.co.uk/pano_test.html

Seems to work nicely on iPad etc. Let me know if you find a browser that doesn't work.

Adam

Rich O Brien

@adam

Great stuff.

Personally I'd change the swipe direction.

Frederik

That's awesome, Adam...!

I've tested it on Firefox 29.0.1 and IE 11 v. 11.0.9600.17107 - without any issues...

So... How does this work from LightUp...?

@rich o brien said:

Personally I'd change the swipe direction.

I agree... Not that it matters that much - it just would make more sense...

Pixero

@rich o brien said:

Personally I'd change the swipe direction.

I think it is fine.
If anything an option to choose.

AdamB

@frederik said:

:shock:
That's awesome, Adam...!

I've tested it on Firefox 29.0.1 and IE 11 v. 11.0.9600.17107 - without any issues...

So... How does this work from LightUp...?

LightUp can output a skybox for the current view position which is directly compatible with this (test) viewer.
ie it can render 6 images ending in "_up", "_dn" etc. If you put them on a website you may be able to do:

http://light-up.co.uk/pano_test.html?p=URL_OF_YOUR_SKYBOX

I say "may" because modern browsers are tediously picky about cross-site loading of resources.

Lastly, take all your points about swipe preferences. The idea would be to turn SketchUp Scenes into hotspots - thats the weird busy icon on the floor if you're using CSS3D rendering.

EDIT: I've swapped swipe direction around.