Sie sind nicht angemeldet.

Side-by-Side Presentation format for Passive 3D TVs and 3D projectors

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

1

Sonntag, 11. September 2016, 19:18

Side-by-Side Presentation format for Passive 3D TVs and 3D projectors

I'm wondering if it were possible to actually create a webvr in which the left eye and right eye images were squeezed for side-by-side viewing format on a passive 3D TV?

There would have to be a way to specify that the original left and right panos would need to be 1920x1080 before they were squeezed...





In this way we could get a fantastic HD webvr 3D experience going on a very large screen for clients!

I've been able to successfully view my webvr 3D pano on a 3DTV but, of course, you need to place the TV in 4:3 viewing mode in order to get the correct presentation aspect.


This old thread discussed the issue a bit, but I've seen nothing since and the latest build has no scripts to support..

krpano HTML5 Multiresolution Preview


*g*

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

2

Mittwoch, 14. September 2016, 16:43

Gotta give this a bump because the notion of presenting a virtual tour on a large 3D TV in 16:9 is just too awesome to ignore, LOL.

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

3

Donnerstag, 15. September 2016, 10:21

Hi,

WebVR and 3DTV are two different things!

See here the old stereo3d examples:
http://krpano.com/stereo3d/

Click the '3D side by side' icon on the examples.

There two viewers, side by side embedded, horizontally scaled down by CSS3D transforms and with synchronized moving by JS are used.

Best regards,
Klaus

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

4

Donnerstag, 15. September 2016, 15:57

Klaus, that's fantastic! Is this no longer supported in the latest build? I don't see any CSS3D transform / sync js examples. Would absolutely love to still be able to do this... *w00t*

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Donnerstag, 15. September 2016, 21:11

This is still 'supported' / possible of course.

That's not a feature of the viewer itself, that's a kind of usage or 'how-to-use-krpano' feature...

That means you would be still able to do that - e.g. have a look at html and xml sources of the online examples.

Best regards,
Klaus

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

6

Freitag, 16. September 2016, 01:14

Haha! Yes I forgot that CTRL + U was my friend in Chrome!


Okay, I'm using the Indian Temple example as my guide.


When I use a standard url it loads the images in both the left and right panos on the screen, but of course they are both from the left eye folder.

<image>
<cube url="panos/panos.left/01.tiles/pano_%s.jpg"/>
</image>


However, when I try and use the url from the stereo example, nothing loads:

<cube url="%$panopath%/01.tiles/pano_%s.jpg"/>

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »landrvr1« (16. September 2016, 05:35)

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

7

Freitag, 16. September 2016, 08:52

Zitat von »landrvr1«

panopath
You need defined this variable in you html index page by initvars

Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

8

Freitag, 16. September 2016, 16:02

Hey Piotr, here's the structure of what I have now:


HTML
The panopath is being defined here:



Quellcode

 
1
2
3
4

var panobasepath = "panos";
// embed the krpano viewers
embedpano({html5:"only+webgl", id:"krpanoLeftEyeViewer", target:"krpanoLeftEyeDiv", xml:"sbs3d.xml", vars:{side:"left", panopath:(panobasepath+".left")}, passQueryParameters:true, onready:fullscreensetup});
embedpano({html5:"only+webgl", id:"krpanoRightEyeViewer", target:"krpanoRightEyeDiv", xml:"sbs3d.xml", vars:{side:"right", panopath:(panobasepath+".right")}, passQueryParameters:true});



sbs3d.xml
The sgs3d.xml is then including the tour.xml




tour.xml
In the tour.xml I then have this code:


Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<scene name="scene_01" title="01" thumburl="panos/panos.left/01.tiles/thumb.jpg" lat="" lng="" heading="">
<view hlookat="0" vlookat="0"/>
<preview url="panos/panos.left/01.tiles/preview.jpg"/>

<image>
<cube url="%$panopath%/01.tiles/pano_%s.jpg"/>
</image>

<hotspot name="spot2" style="skin_hotspotstyle_black" ath="-165.457" atv="0.111" preload="true" linkedscene="scene_pano2_l" />
 <hotspot name="spot3" style="skin_hotspotstyle_lobby_black" ath="20.931" atv="82.430" preload="true" linkedscene="scene_panolobby_l" />

</scene>

</krpano>





Panos Folder Structure
Here's what my panos folder structure looks like:

panos/panos.left/01.tiles/pano_b.jpg etc etc
panos/panos.right/01.tiles/pano_b.jpg etc etc

spacerywirtualne

Profi

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

9

Freitag, 16. September 2016, 16:52

Hi

try use initvars NOT vars

vars:{...} != initvars:{...} *cool*

Klaus write:

  • This is basically the same as the vars setting, but these variables will be set BEFOREthe xml file wil be loaded and parsed.

Quellcode

 
1
2
3
4

var panobasepath = "panos";  
//embed the krpano viewers  
embedpano({html5:"only+webgl", id:"krpanoLeftEyeViewer", target:"krpanoLeftEyeDiv", xml:"sbs3d.xml", vars:{side:"left"}, initvars:{panopath:panobasepath+".left"}, passQueryParameters:true, onready:fullscreensetup});
embedpano({html5:"only+webgl", id:"krpanoRightEyeViewer", target:"krpanoRightEyeDiv", xml:"sbs3d.xml", vars:{side:"right"}, initvars:{panopath:panobasepath+".right"}, passQueryParameters:true});



try it

Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

10

Freitag, 16. September 2016, 17:19

I'm afraid that didn't work. *sad*

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

11

Freitag, 16. September 2016, 17:48

Okay, I think I figured it out. I was thinking all along that I needed a 'panos' folder and then within that folder I would have my 'panos.left' and 'panos.right'

But then I again looked at the panobasepath:

var panobasepath = "panos";



and realized that when it's being called by (panobasepath+".left"), there's no accounting for the base 'panos' folder!

Once I changed it to var panobasepath = "panos/panos"; , and also added the panos/ to the thumb url, it all worked. *thumbsup*

Piotr, I also used you new initvars and that works great as well. Tnx!

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

12

Freitag, 16. September 2016, 17:58

The issue now is that hotspots do not work. Even in the source example, they don't do anything...!????

http://krpano.com/stereo3d/indiantemple/sbs3d.html



Any thoughts here?

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

13

Montag, 19. September 2016, 12:03

Hi,

add renderer="css3d" to the hotspots.

This is because the mouse coordinate tracking (used in the webgl hotspot rendering for the hit-testing) is based on window coordinates and not on the css-transformed(scaled) coordinates of the viewer layers. I will try to improve that.

Best regards,
Klaus

landrvr1

Schüler

  • »landrvr1« ist der Autor dieses Themas

Beiträge: 108

  • Nachricht senden

14

Montag, 19. September 2016, 15:59

Thanks Klaus!

Ähnliche Themen