You are not logged in.

Dispay two panoramas simultaneously within a vertical grid?

MichaelN

Beginner

  • "MichaelN" started this thread

Posts: 26

Location: Bayern

  • Send private message

1

Friday, December 16th 2011, 3:56pm

Dispay two panoramas simultaneously within a vertical grid?

Hi,

I have two 360° panoramas shot from the same position, one in summer, one in winter.

Like you can see in the attached image, I want to show the panoramas within a vertical grid with a line-width of exactly 250px, no matter what the screensize is.
The grid should be fixed and the panoramas should move behind it.

Is this possible with krpano?

Best Regards
Michael

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

2

Friday, December 16th 2011, 8:33pm

Everything is possible, but this wouldnt be easy. It would require Flash together with some masking, and loading a panorama with distorted hotspots. Or perhaps 10 250px wide panoramas with a proper area and synced with javascript. Either way, it's not easy and wouldnt run smooth

Imagine this: http://krpano.com/examples/10812/example…plitscreen.html but then times 5...

MichaelN

Beginner

  • "MichaelN" started this thread

Posts: 26

Location: Bayern

  • Send private message

3

Friday, December 16th 2011, 10:27pm

Yeah, I added the winter panorama as disorted hotspots on top of the cube faces of the sommer panorama - this works, but the masks make the performance really really bad...

Synchronization via js is not an option because of the missing fullscreen mode...

Any other suggestions are welcome *smile*

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

4

Saturday, December 17th 2011, 6:19pm

instead of a 2x 360 panoramas on top of eachother, place it next to eachother, creating a 720 degree panorama? http://krpano.com/examples/blendcubes720/

MichaelN

Beginner

  • "MichaelN" started this thread

Posts: 26

Location: Bayern

  • Send private message

5

Saturday, December 17th 2011, 7:19pm

Hi,

yes I know - that would be possible - but it's not quite the effect I wanted.

I got another idea:

Let’s say I have a plugin containing the attached image on top of the hotspots and set the blendmode to alpha.
According to http://help.adobe.com/en_US/FlashPlatfor…/BlendMode.html this should work when I apply an alpha channel to the black parts of the image (the white parts are transparent). krpano supports .gif and .png as image-formats with transparency, but this formats don't save alpha-channels separately. .tif can do this, but it's no supported by krpano...

So how can get an alpha channel to work in krpano?

Best regards
Michael

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

6

Saturday, December 17th 2011, 8:22pm

You can't because it's not supported. I think you have to find another idea...

MichaelN

Beginner

  • "MichaelN" started this thread

Posts: 26

Location: Bayern

  • Send private message

7

Saturday, December 17th 2011, 10:31pm

hmm, ok...

Klaus, do you have a solution for my problem?

Best Regards
Michael

Michi

Beginner

  • "Michi" started this thread

Posts: 26

Location: Bayern

  • Send private message

8

Thursday, December 22nd 2011, 4:03pm

I'm still concerned with this problem. My question: Is there another possibility to mask the winter-panorama properly?

This is my code for the mask, which works, but I get only 6-8 FPS, which is way too slow...


Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

<!-- Summer-Panorama - 24 Hotspots  -->

<style name="hotspot-summer" 
   distorted="true"
   width="500" height="500"
   capture="false"
   zorder="1"
   blendmode="normal" 
   scale="1" 
   alpha="1.00" 
/>


<hotspot name="Image Summer 01"
   style="hotspot-summer"
   url="summer.tiles/l2_b_01_01.jpg"
   zoom="false" distorted="true"
   ath="180" 
   atv="0"
   oy="-250"
   ox="-250"
      />

...

<!-- Winter-Panorama - 24 Hotspots  with maks-->

<style name="hotspot-winter"
   distorted="true"
   width="500" height="500"
   capture="false"
   zorder="2"
   blendmode="normal"
   scale="1"
   alpha="1.00"
    />
   
   
<hotspot name="Image Winter 01"
   style="hotspot-winter"
   url="winter.tiles/l2_b_01_01.jpg"
   zoom="false" distorted="true"
   ath="180"
   atv="0"
   oy="-250"
   ox="-250"
   mask="Mask Image 01"
  />

<hotspot name="Image Winter 02"
   style="hotspot-winter"
   url="winter.tiles/l2_b_01_02.jpg"
   zoom="false" distorted="true"
   ath="180"
   atv="0"
   oy="-250"
   ox="250"
   mask="Mask Image 02"
  />

...

 <style name="Mask Style"
 blendmode="normal"
     scale="1.0" 
     zorder="3"
     width="3000"
     height="1440"
     preload="true"
     handcursor="false"
     capture="false"
     visible="false" 
     />

<plugin name="Mask Image 01"  
style="Mask Style"
url="img/mask.png"  
/>

<plugin name="Mask Image 02"  
style="Mask Style"
url="img/mask.png"  
/>

...


Hotspot-Size is 955px, my mask image is attached: Note: it's 3000x1500px to fit most of the display resolutions

I know, in Flash each mask can only be used for one element - but is there a way to optimize my code to get a higher framerate?


If not, can it be done via blendmode? When I disable the masking of the hotspots and set one of the mask-plugins to blendmode invert, it inverts the winter-panorama behind the black parts of the mask.
Is there a way to make this parts transparent?
According to http://help.adobe.com/en_US/FlashPlatfor…/BlendMode.html it should be possible when I use blendmode erase, but
it doesn't work?

Best Regards
Michael

Similar threads