Window like the rearview mirror

YASUSHI KUMON · December 21, 2014 at 6:28 AM

I made Window like the rearview mirror.
These will move in synchronization.

http://chiiden.com/panorama/2014/reverse-sync(room)/

↓ This is a fish-eye version.

http://chiiden.com/panorama/2014/…m)/fisheye.html

Tuur · December 21, 2014 at 10:07 AM

Great!
Haha
Really nice!
Love it.

Share or buy?

Tuur

YASUSHI KUMON · December 21, 2014 at 11:01 AM

This was made by improving the krpano template.
Please refer to the following.

krpano→examples→javascript-interface→js-sync→syncscreen.html

1.syncscreen.html

Code

<div id="viewersDiv" style="position:absolute;  left:0; top:0; width:100%; height:100%;"> <div id="krpanoLeftDiv"  style="position:absolute; left:0%;  top:0; width:100%; height:100%;"></div><div id="krpanoRightDiv" style="position:absolute; left:65%; top:5%; width:30%; height:25%;"></div>	</div>

Code

// sync viewer movement		function sync_1to2()		{			var krpano1 = document.getElementById("krpanoLeftViewer");			var krpano2 = document.getElementById("krpanoRightViewer");
			krpano2.set("syncother",    false);			krpano2.set("view.hlookat", krpano1.get("c-hlookat"));			krpano2.set("view.vlookat", krpano1.get("c-vlookat"));			krpano2.set("view.fov",     krpano1.get("view.fov"));		}
		function sync_2to1()		{			var krpano1 = document.getElementById("krpanoLeftViewer");			var krpano2 = document.getElementById("krpanoRightViewer");
			krpano1.set("syncother",    false);			krpano1.set("view.hlookat", krpano2.get("c-hlookat"));			krpano1.set("view.vlookat", krpano2.get("c-vlookat"));			krpano1.set("view.fov",     krpano2.get("view.fov"));		}

2.pano1.xml

Code

<krpano syncother="true" onstart="ifnot(haveexternalinterface, error('ExternalInterface (Javascript Interface) not avaiable![br][br]Check your Flashplayer security settings:[br][br]                           http://krpano.com/docu/localusage/'));">
	<image>		<cube url="../../xml-usage/slider-blend-cubes/pano1_%s.jpg" />	</image>		<contextmenu fullscreen="false">		<item name="kr" caption="KRPANO" />		<item name="fs" caption="Toggle Fullscreen" onclick="js( requestfullscreen() );" />	</contextmenu>		<events onmousedown="set(syncother,true); events.onviewchange();"	        onmousewheel="events.onmousedown();"	        onviewchange="cv(); if(syncother, js( sync_1to2() ) );" 	        />
	<action name="cv">		add(c-hlookat,get(view.hlookat),180);		mul(c-vlookat,get(view.vlookat),-1);		</action></krpano>

3.pano2

Code

<krpano syncother="true" onstart="ifnot(haveexternalinterface, error('ExternalInterface (Javascript Interface) not avaiable![br][br]Check your Flashplayer security settings:[br][br]                           http://krpano.com/docu/localusage/'));">
	<image>		<cube url="../../xml-usage/slider-blend-cubes/pano1_%s.jpg" />	</image>		<contextmenu fullscreen="false">		<item name="kr" caption="KRPANO" />		<item name="fs" caption="Toggle Fullscreen" onclick="js( requestfullscreen() );" />	</contextmenu>		<events onmousedown="set(syncother,true); events.onviewchange();"	        onmousewheel="events.onmousedown();"	        onviewchange="cv(); if(syncother, js( sync_2to1() ) );" 	        />
	<action name="cv">		add(c-hlookat,get(view.hlookat),180);		mul(c-vlookat,get(view.vlookat),-1);		</action>
</krpano>

Tuur · December 21, 2014 at 11:07 AM

I thought already that was the way.. sort of.

How did you get the round perspective?

Thanks!

Tuur

YASUSHI KUMON · December 21, 2014 at 11:18 AM

in pano1.xml and pano.2.xml, I have to convert the view.

Please look at <action mane="cv">.

view.hlookat ＋180 → c-hlookat,
view.vlookat ×(-1) → c-vlookat .

These values are specified in the js of html file.

You see?

Tuur · December 21, 2014 at 11:22 AM

ye si see that and understand but the second example is sort of mirrorball perspective.
How to make that?

Tuur

YASUSHI KUMON · December 21, 2014 at 12:35 PM

It will be possible by fisheye view.

fisheye="1" fisheyefovlink="1" stereographic="false"

Code

<view hlookat="0" vlookat="0" fov="180" fovtype="MFOV"  maxpixelzoom="1.0" fovmin="20" fovmax="180" fisheye="1" fisheyefovlink="1" stereographic="false" limitview="auto" />

However, seems to have some problems.

klaus.krpano · December 23, 2014 at 9:46 AM

Great! Especially the fisheye version!

What do you mean with 'However, seems to have some problems' ?
For me it looks fine...

Best regards,
Klaus

YASUSHI KUMON · December 23, 2014 at 12:55 PM

Hi Klaus,

Thank you for watching.
Problem that I feel is as follows.

1.Immediately after it is loaded, there is a part resolution is not sufficient.
After scaling, it is normally displayed.

2.Immediately after loading, + - button does not work.
after scaling in sift and ctrl button, you can function.

3.Have put a description of the drag cursor, but the hand of the icon is not set.

If you can examine , I will send the data set.

Thank you！

Yasushi Kumon

Umalo · December 25, 2014 at 8:08 PM

Very nice and creative. I love it....

wilsan · January 11, 2015 at 7:16 PM

Klaus,
On the first place congratulations with this fantastic software program Krpano, Klaus youre the greatest master of the universe.

I have a issue:
Pano_b gives a blurred screen, but after a few clicks of zooming then disappears blurred screen.
See link: http://bit.ly/1DyoqGd

Is this a bug?

Yasushi,

Great a splendid example of fisheye possibilities.
I try to realize this also but I cannot get it working, can you help me?

Best Regards,
Wilsan

wilsan · January 12, 2015 at 7:42 AM

When tested on another computer with Internet Explorer 11.0 shows that the blurry pano changed to another position left, right, up enc.......
Possible a loading problem indicates a bug?
Klaus, you can check this, thank you, for your feedback.

Best Regards,

Wilsan

klaus.krpano · January 13, 2015 at 4:48 PM

Quote from wilsan

Klaus, you can check this, thank you, for your feedback.

Yes, that's already on my check-list.
I will post here once I know more.

Best regards,
Klaus

wilsan · January 15, 2015 at 7:03 PM

Thanks Klaus, Great.

Best regards,
Wilsan

klaus.krpano · March 5, 2015 at 7:48 PM

Hi,

that problem should be fixed now with the 1.18.3 version.

Best regards,
Klaus

YASUSHI KUMON · March 6, 2015 at 6:29 AM

Hi,

I tried the new version.

It is displayed correctly, it is working.

http://chiiden.com/panorama/2014/reverse-sync(room)/

http://chiiden.com/panorama/2014/…m)/fisheye.html

(This is the same URL as the old version.)

I am very grateful.

Thank you！

Yasushi Kumon

wilsan · March 14, 2015 at 2:01 PM

Thank you klaus,

I have applied the new version and it works correctly.
http://bit.ly/1HTdAda

Thank you very much.

Best regards,
Wilsan

Suso · February 3, 2016 at 7:28 PM

can you do the same with two fisheye video?

thanks

YASUSHI KUMON · September 24, 2016 at 7:37 AM

Quote from Suso

can you do the same with two fisheye video?

I made a video sample.

http://chiiden.com/panorama/2016/test/0925videointerface-e/

Window like the rearview mirror

Participate now!

Users Viewing This Thread