air compass

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

1

Monday, January 16th 2012, 3:58pm

I made "air compass."

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

Three "hotspot" is used.
"hlookat" and "vlookat" were called and the position and angle of hotspot are rectified.
I wanted to see this to you and contributed.

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

2

Monday, January 16th 2012, 7:13pm

Hi Yasushi,

Very very nice!
I would like to see the code of this masterpiece.
I hope you will share it so we all can learn and develope our owns.
I'm also willing to pay some for the opensource version of that code.

Great!

And a cool first post!

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

This post has been edited 1 times, last edit by "Tuur" (Jan 16th 2012, 11:47pm)

Go to the top of the page

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

3

Monday, January 16th 2012, 8:34pm

That's wonderful. I echo Tuurs requests.

KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Go to the top of the page

jeromebg

Professional

Posts: 1,120

Location: Angers - France

Occupation: 360 experiences creator

4

Thursday, January 19th 2012, 11:59pm

Wow that's brilliant !!!
Would you share your code ?

Go to the top of the page

marek_c

Trainee

Posts: 88

5

Friday, January 20th 2012, 2:30pm

Great. How is it done?

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

6

Saturday, January 21st 2012, 4:37am

code of "air compus"

Hello, everyone.

I explain using automatic translation.
Moreover, it is not used to the contribution to the forum.
Please understand an unclear thing.

Please refer to a Sorce code.

Source code

<!-- events - show a compass -->
<events onviewchange="
  sub(hfbang,0,get(view.hlookat)); 
  set(hotspot[fb].ath,get(view.hlookat));
  set(hotspot[fb].atv,get(view.vlookat)); 
  set(hotspot[fb].rx,get(view.vlookat));
  set(hotspot[fb].ry,get(hfbang));

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

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

  " />

"air compus" consists of 3 hotspots.
hotspot[fb] is front and back.
hotspot[rl] is right and left.
hotspot[ho] is horizon.

The numerical value of "vlookat" and "hlookat" is called and these positions("atv" and "ath" )are rectified.
Furthermore, direction("rx" and "ry" ) is rectified by called "vlookat" and "hlookat".
These compensation is called by the "onviewchange" event.

It is troublesome to understand a motion, although these are very simple.

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.

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

7

Monday, February 27th 2012, 4:18pm

It completed!

Horizontal rotation was attained.

Please see.

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

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

8

Monday, March 5th 2012, 1:44pm

Hey Yasushi,

still very very nice!!

I have a tour where i really like to use the aircompass.
Is there a way we can get it.
Buy or open source?
I also like to edit it a bit with my own graphics.

Are there posibilities?

MAster job!!

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

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

9

Tuesday, March 20th 2012, 6:30am

"air compass " came to operate also on iOS！

I am sorry in poor English.
"air compass " came to operate also on iOS！
It can use a "gyro" together.

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

I am going to create the hot spot where it moves in the four directions based on this result.

・・・・・・・・・・・・・・・・・・・・
Thank you Mr.Tuur.

Please wait a little longer about public presentation or sale.

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

10

Tuesday, March 20th 2012, 6:35am

"aircompass" came to move on ios！

It completed now.
"aircompass" can be moved simultaneously with a gyroscope.

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

I would like to harness this result in movement of panorama tour.

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
Thank you MR.Tuur
Please wait a little longer about public presentation.

Go to the top of the page

Nupsi

Professional

Posts: 697

11

Tuesday, March 20th 2012, 8:56am

Works like a charm! Well done, Yasushi *thumbsup*

Best regards
Nupsi

Go to the top of the page

thatkeith

Trainee

Posts: 82

Location: London

12

Wednesday, March 21st 2012, 1:14pm

RE: "aircompass" came to move on ios！

Quoted from "YASUSHI KUMON"

Please wait a little longer about public presentation.

Of course! But wow, this has got me excited about tinkering with KRPano again. :-)

k

Go to the top of the page

olihar

Trainee

Posts: 140

Location: Iceland

Occupation: Interaction Designer

13

Wednesday, May 30th 2012, 12:12pm

RE: "aircompass" came to move on ios！

Quoted from "YASUSHI KUMON"

It completed now.
"aircompass" can be moved simultaneously with a gyroscope.

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

I would like to harness this result in movement of panorama tour.

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
Thank you MR.Tuur
Please wait a little longer about public presentation.

Are there any news on the air compass..? I would love to give it a try.

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

14

Sunday, June 3rd 2012, 3:49pm

aircompass xml & images

Hello

I made the sales page of the ’aircompass xml & images’.

http://www.dowjow.com/panorama/2012/03/aircompass.php

Customize freely and use for making a work.

A setup of an initial angle(heading) and vertical position offset were added．

※Please tell me the opinion about a price or a sales method.

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

15

Tuesday, June 5th 2012, 2:08am

My first air compass just as a test.

http://virtualtuur.com/singlepublish/Heide-Ommen/

*thumbup*

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

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

16

Thursday, June 7th 2012, 2:20pm

solved!

Hi,

i like to use the compass.js plugin together with the aircompass.

i have:

	Source code
1 2 3 4 5	<plugin name="compass" devices="html5" url="compass.js" onavailability="copy(view.hlookat, heading);" onchange="" />

in aircompass i changed header to heading..
But i can't get it to work.
Anybody have experience with the compass.js?

here a link
http://virtualtuur.com/krpano/compass/
in air compass i put:

onxmlcomplete="set(header,get(heading));

Thanx
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

This post has been edited 2 times, last edit by "Tuur" (Jun 7th 2012, 4:20pm)

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

17

Thursday, June 7th 2012, 4:46pm

i like it, but i like it react smoother.
i made it not controlable. so it should just point the right way. No users control.

but it is a bit shocky and like resetting every second or so. Would be nice if that was 0.01 ;-)

so is there a smoother setting for the compass.js/gyro?
it's not very accurate.. (?)

my code:

Source code

<plugin name="gyroscope" 
        url="gyro.js" 
        keep="true"
        enabled="true"
        camroll="true"
        friction="0.5"
        velastic="0"
		devices="mobile|tablet"
        />


<plugin name="compass" devices="html5"
        url="compass.js"
		enabled="true"
		keep="true"
        onavailability="copy(view.hlookat, heading);"
        onchange="copy(view.hlookat, heading);"
        />

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

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

18

Thursday, June 7th 2012, 6:25pm

it works better with:

onchange=""

edit:
mmm.. now it is smoother but less acurate and on iphone not even close.

i put it back as it was
onchange="copy(view.hlookat, heading);"

i have the feeling that it could be a bit better and smoother..
somebody?

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

This post has been edited 1 times, last edit by "Tuur" (Jun 7th 2012, 7:37pm)

Go to the top of the page

YASUSHI KUMON

Trainee

Posts: 94

Location: kanagawa,japan

Occupation: photographer

19

Friday, June 8th 2012, 7:39am

I tried realistic compass.

It sees by iPad2,iPhone4 or later.

A panorama and air compass turn to an actual direction.

It clicks here .

http://dowjow.com/panorama/2012pano/comp…mon/djtour.html