air compass

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

Dienstag, 12. Juni 2012, 15:44

hi,

is it true that in combination with the compass.js we need to stitch the north in the middle of the equirectangular?
I can't get that canvas (photo) get turned according to the real north..

i have

	Quellcode
1 2 3 4 5 6 7	<plugin name="compass" devices="html5" url="compass.js" enabled="true" keep="true" onavailability="copy(view.hlookat, heading);" onchange="copy(view.hlookat, heading);" />

and no hlookat in the scene.
*question*

and also when i touch the leveler button, i have to touch the screen before it works nice again...
what could that be?
i only change some plugin url's from the aircompass and make some plugins visible...
as i should reset the gyro .. *question*

Tuur

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »Tuur« (12. Juni 2012, 16:58)

Zum Seitenanfang

ciul

Schüler

Beiträge: 149

Wohnort: Colombia

Beruf: Creative developer guy

Freitag, 15. Juni 2012, 22:45

In fact, this effect could be (similar) achieved without having to update hotspots ath and atv properties, using their flying property.

Quellcode

<!-- Hotspots ([...] means other properties) -->
<hotspot name="fb" distorted="true" url="images/fb.png" flying="1" [...] />
<hotspot name="rl" distorted="true" url="images/rl.png" flying="1" [...] />
<hotspot name="ho" distorted="true" url="images/ho.png" flying="1" [...] />
<!-- events - show a compass -->
<events onviewchange="
  sub(hfbang,0,get(view.hlookat)); 
  set(hotspot[fb].rx,get(view.vlookat));
  set(hotspot[fb].ry,get(hfbang));

  sub(hrlang,90,get(view.hlookat)); 
  set(hotspot[rl].rx,get(view.vlookat));
  set(hotspot[rl].ry,get(hrlang));

  add(vhoang,-90,get(view.vlookat)); 
  set(hotspot[ho].rx,get(vhoang));

  " />

Thanks Mr. YASUSHI KUMON for your contribution!

But notice that this way they behave different on zooming in/out.

Regards,
Ciul

Zum Seitenanfang

ciul

Schüler

Beiträge: 149

Wohnort: Colombia

Beruf: Creative developer guy

Mittwoch, 20. Juni 2012, 16:27

Zitat von »YASUSHI KUMON«

Please solve my question.
It is very difficult to rectify the direction of "hotspot[ho]" by hookat.
(The present "hotspot[ho]" does not rotate by hlookat! )

It is difficulty which compounds the angle to which three axes are moved.
I would like to solve it. If it is solvable, the arrow display used, for example with the "google street view" will be attained.

Mr. Yasushi,

by the way, to rectify the direction of "hotspot[ho]", it's easier if you set inverserotation property to true.
Hope this helps.

Regards,
Ciul

Zum Seitenanfang

jeromebg

Profi

Beiträge: 1 120

Wohnort: Angers - France

Beruf: 360 experiences creator

Montag, 13. August 2012, 16:20

Hi, I have a problem when the stageheight is too small, then the air compass is not visible anymore (I guess it's because the voffset is too big ?)
Is there a way to set the oy of the hotspots to keep theme always visible and aligned to the bottom of the window ?

Here the exemple : http://www.360images.fr/haras/index.html?pano=box_ext.xml

If you resize your browser window to make it smaller then the aircompass will be invisible...

Thanx for your help !

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Montag, 13. August 2012, 17:09

Hi,

you can try to use the <area> settings to resize the pano area and place the interface elements via parent="STAGE" outside that pano area. This should cause the 'aircompass' hotspot not to become overlapped.

Best regards,
Klaus

Zum Seitenanfang

jeromebg

Profi

Beiträge: 1 120

Wohnort: Angers - France

Beruf: 360 experiences creator

Dienstag, 14. August 2012, 13:04

Thanx Klaus, it's working with the aircompass now, no more overlapped !

But now I have a problem with the scrollable thumbs, the button to show the scollable area isn't displayed anymore, so I tried to put another button in to execute skin_showthumbs with parent="stage".
When I click on this button the thumbs are displayed as the originale button and when I click again to hide the thumbs the originale button goes back on the right position and is displayed...
I really don't understand why I can't make it visible before clicking on the second button with parent="stage" ?

the thumbs xml :

Quellcode

	<!-- Skin Layout -->
	
<layer name="skin_scroll_window" type="container" keep="true" align="leftbottom" width="100%" height="100%" x="0" y="0" y_shown="0" y_hidden="-2" maskchildren="true" >

<layer name="skin_scroll_layer" type="container" align="leftbottom" width="100%" height="100%" x="0" y="-100%">
		

<layer name="skin_title"     url="%SWFPATH%/skin/plugins/textfield.swf" align="lefttop" edge="leftbottom" width="95%" height="32" autoheight="true" x="5" y="-3" zorder="4" enabled="false" background="false" border="false" css="text-align:left; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;" textshadow="1" visible="false" />
<layer name="skin_btn_thumbs" url="icons/thumbs.png"  align="top"  y="-44" scale="1" visible="true" onloaded="if(ismobile, set(scale,1.5))" ondown="skin_showthumbs();"/>
							
<layer name="skin_scroll_container" type="container" bgcolor="0x000000" bgalpha="0.5" align="lefttop" width="100%" height="100%" x="0" y="0" maskchildren="true">

<layer name="skin_btn_prev"   url="icons/prev_scene.png"   align="topleft"        x="15"    y="40"   scale="0.7" alpha="0.5" onclick="skin_nextscene(-1);" devices="desktop|tablet"/>
<layer name="skin_btn_next"   url="icons/next_scene.png"  align="topright"       x="15"    y="40"   scale="0.7" alpha="0.5" onclick="skin_nextscene(+1);" devices="desktop|tablet"/>
			
<layer name="skin_thumbs" state="hidden" url="%SWFPATH%/skin/plugins/scrollarea.swf" alturl="%SWFPATH%/skin/plugins/scrollarea.js" direction="h" visible="false" align="top" width="100%" height="100" onloaded="skin_updatescroll();" /></layer>

</layer>
</layer>

the second button:

	Quellcode
1	<plugin name="pouet" url="icons/thumbs.png" align="bottom" devices="desktop" style="buttons_style" ondown="skin_showthumbs();" parent="STAGE"/>

thanx for looking !

Zum Seitenanfang

jeromebg

Profi

Beiträge: 1 120

Wohnort: Angers - France

Beruf: 360 experiences creator

Donnerstag, 16. August 2012, 13:51

My fault...
with parent=stage on the skin_scroll_window layer and it works !
thanx

Zum Seitenanfang

ciul

Schüler

Beiträge: 149

Wohnort: Colombia

Beruf: Creative developer guy

Donnerstag, 16. August 2012, 14:04

Hi Krpano pals,

aircompass plugin used here: (arrows on the floor)
http://virtualstep.com/ferias/asoinducal…illo-35&tab=map

I modified it a little to give a space between arrows and them to place down when looking at a certain vertical limit on the pano for not bothering user looking.

Thanks for it!

Regards,
Ciul

Zum Seitenanfang

YASUSHI KUMON

Schüler

Beiträge: 94

Wohnort: kanagawa,japan

Beruf: photographer

Donnerstag, 6. September 2012, 08:09

Hello

Thank you very much for people which brought much comment and a new work.
Some improvement was added to the aircompass.
Please see.

1)Perpendicular offset
2)Compensation of the scale by a viewing angle
3)Compensation of the position by a viewing angle

・・・・・Compensation of a position and a scale is not worked by the wide angle side.

http://dowjow.com/panorama/2012pano/airc…aircompass.html

※I am sorry for poor English.

Zum Seitenanfang

YASUSHI KUMON

Schüler

Beiträge: 94

Wohnort: kanagawa,japan

Beruf: photographer

Freitag, 7. September 2012, 02:46

I mistook.
This is the completion version.
Please see.

http://www.dowjow.com/panorama/2012pano/…aircompass.html

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

Mittwoch, 26. September 2012, 14:54

please see here:
http://www.krpano.com/forum/wbb/index.ph…41223#post41223

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

heomin61

Anfänger

Beiträge: 50

Mittwoch, 26. September 2012, 16:27

Wow!!! but I can't pay :(

The site says : "This recipient is currently unable to receive money."

Please check it. I would like to get it ASAP.

Min

Zum Seitenanfang

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

Donnerstag, 4. Oktober 2012, 18:07

`solved

problems solved.

on ipad: http://www.virtualtuur.com/vosbergen/

Thanks to Yasushi!!

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zum Seitenanfang

YASUSHI KUMON

Schüler

Beiträge: 94

Wohnort: kanagawa,japan

Beruf: photographer

Mittwoch, 24. Oktober 2012, 11:56

'airhotspot' was applied and 'aircompass' was made.

Hello

'airhotspot' was applied and 'aircompass' was made.

http://www.dowjow.com/panorama/2012pano/air_hotspot_e/tour.html
I wanted to make this from the beginning.
The problem still remains.
However, I am very glad.
Thank you for people which gave advice.

yasushi kumon

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

Mittwoch, 28. November 2012, 17:15

Horizontal Position

Is it possible to move the aircompass to the bottom right corner. Cool as it is, it is too much of a distraction sitting in the middle of the screen, even with the vertical offset lowered. I tried hoffset in the events but nothing.

Zum Seitenanfang

ciul

Schüler

Beiträge: 149

Wohnort: Colombia

Beruf: Creative developer guy

Samstag, 19. Januar 2013, 14:01

Aircompass Floor Arrows

Hi Krpano pals,

I've done similar code to aircompass in the past but for a different request from a client, it was to create hotspots likely google street view arrow floors .

They are not exactly the same but hey, behaves similar.

Here an example made by me:
http://depanorama.com/hV5IhI
http://depanorama.com/embed/hV5IhI (bigger view)

Three scenes with arrows inside each one to load other two ;-)

Client request was make it easy to place as many arrows as wanted with less code possible. Thus, to add a new floor arrow only needed to use:
<hotspot name="scene_1" style="airhotspot" edge="bottom" north="0" title="scene_1" />

Where key hotspot properties are:
1- Set style to airhotspot so I can catch it on actions and events I wrote.
2- Set a north value which is likely an ath property, it is used to know where it has to point to.
3- Set title to the scene it has to load on hotspot click. This can easily be modified to load a xml file instead.

What do you think? *smile*