You are not logged in.

Example/Tutorial - scenes with image map, radar and hotspots

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

klaus.krpano

Administrator

  • "klaus.krpano" started this thread

Posts: 7,264

  • Send private message

1

Wednesday, August 5th 2009, 11:19pm

Example/Tutorial - scenes with image map, radar and hotspots

Hi,

I have made a simple example to show how to made a small tour with scenes and an image map with radar as navigation:
(note - the panos and the map, radar and heading in this example do not fit together!)

HTML:
http://krpano.com/examples/108b8/example…h-imagemap.html
XML:
http://krpano.com/examples/108b8/example…th-imagemap.xml

download the complete example here:
scenes-with-imagemap.zip

if there are question about some functions/actions please post it here,

best regards,
Klaus

Tim2420

Intermediate

Posts: 243

  • Send private message

2

Thursday, August 6th 2009, 3:28am

if I wanted to put multires image in it how would I do that,I do not understand how to make a strip of images, i have only been using makmultires to convert pano images

Jarredja

Professional

Posts: 1,044

Location: TX

  • Send private message

3

Thursday, August 6th 2009, 7:27am

Tim,
To add a multires, you simply replace the

Quoted

<image type="CUBESTRIP">
<cubestrip url="pano1.jpg" />
</image>

with the image information that you get from your kmultires tool such as this.
<image type="CUBE" multires="true" tilesize="796">
<level tiledimagewidth="1592" tiledimageheight="1592">
<left url="pano1.tiles/l2_l_%0v_%0h.jpg" />
<front url="pano1.tiles/l2_f_%0v_%0h.jpg" />
<right url="pano1.tiles/l2_r_%0v_%0h.jpg" />
<back url="pano1.tiles/l2_b_%0v_%0h.jpg" />
<up url="pano1.tiles/l2_u_%0v_%0h.jpg" />
<down url="pano1.tiles/l2_d_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="796" tiledimageheight="796">
<left url="pano1.tiles/l1_l_%0v_%0h.jpg" />
<front url="pano1.tiles/l1_f_%0v_%0h.jpg" />
<right url="pano1.tiles/l1_r_%0v_%0h.jpg" />
<back url="pano1.tiles/l1_b_%0v_%0h.jpg" />
<up url="pano1.tiles/l1_u_%0v_%0h.jpg" />
<down url="pano1.tiles/l1_d_%0v_%0h.jpg" />
</level>



Unless, I am mistaken, Klaus uses the cubestrip to show low resolution images for easy downloading of his examples. I don't think it would make great panos.

Jarredja

Tim2420

Intermediate

Posts: 243

  • Send private message

4

Thursday, August 6th 2009, 10:12am

thank you, *thumbsup*

Libbei

Beginner

Posts: 7

  • Send private message

5

Friday, August 7th 2009, 6:35pm

Wie .jpg umwandeln ?

Hallo,

ich hab ein 360 Grad panorama-jpg von PTGUI erstellt. Wie kann ich das in ein KRPano taugliches format umwandeln ? Hab bei dem Beispielen geschaut, da ist das Pano in der jpg in 6 horizentrale Bilder aufgeteilt ? Kann das auch PTGUI so erstellen ? Geht das vielleicht mit ksphere_to_cube_droplet ? Habs ned hinbekommen...

klaus.krpano

Administrator

  • "klaus.krpano" started this thread

Posts: 7,264

  • Send private message

6

Saturday, August 8th 2009, 9:55am

Quoted from "Libbei"

ich hab ein 360 Grad panorama-jpg von PTGUI erstellt. Wie kann ich das in ein KRPano taugliches format umwandeln ? Hab bei dem Beispielen geschaut, da ist das Pano in der jpg in 6 horizentrale Bilder aufgeteilt ? Kann das auch PTGUI so erstellen ? Geht das vielleicht mit ksphere_to_cube_droplet ? Habs ned hinbekommen...
Hi,

krpano unterstützt eigentlich so ziemlich alle Panoramaformate
in den Beispiele verwende ich die kleinen Cubestrips nur zum "Platzsparen" (um das gesamte Downloadpaket klein zu halten)

es muss nur der komplette <image> Knoten durch einen eigenen ersetzt werden,

z.B. das wäre der <image> Knoten für ein sphärisches Panoramabild:

Source code

 
1
2
3

<image type="SPHERE">
  <sphere url="pano.jpg" />
</image>


oder für ein Würfelpanorama mit 6 Einzelbildern:

Source code

 
1
2
3
4
5
6
7
8
9

<image type="CUBE">
   <left  url="pano_l.jpg" />
   <front url="pano_f.jpg" />
   <right url="pano_f.jpg" />
   <back  url="pano_b.jpg" />
   <up    url="pano_u.jpg" />
   <down  url="pano_d.jpg" />
 </image>


es lassen sich auch fertige QTVRs einbinden: (1.0.8 beta)

Source code

 
1
2
3

<image type="QTVR">
  <qtvr url="pano.mov" />
</image>


oder Zoomify Panoramen: (1.0.8 beta)

Source code

 
1
2
3

<image type="ZOOMIFY" hfov="1">
  <zoomify url="zoomifypano/ImageProperties.xml" type="CYLINDER" />
</image>


weitere Details hier:
http://krpano.com/docu/xml/#image
und für die 1.0.8 beta hier:
http://krpano.com/forum/wbb/index.php?pa…ad&threadID=120
http://krpano.com/forum/wbb/index.php?pa…tID=659#post659

Schöne Grüße,
Klaus

Arnaldo

Beginner

Posts: 10

Location: Brazil

  • Send private message

7

Thursday, January 13th 2011, 3:28pm

RE: Example/Tutorial - scenes with image map, radar and hotspots

Quoted from "klaus.krpano"

Hi,

I have made a simple example to show how to made a small tour with scenes and an image map with radar as navigation:
(note - the panos and the map, radar and heading in this example do not fit together!)

HTML:
http://krpano.com/examples/108b8/example…h-imagemap.html
XML:
http://krpano.com/examples/108b8/example…th-imagemap.xml

download the complete example here:
index.php?page=Attachment&attachmentID=140

if there are question about some functions/actions please post it here,

best regards,
Klaus
Please What I have to do to make the radar and the heading fit together?
I changed the radar heading and nothing happed.everything is perfect now , the pictures, the hot spot, except that, the radar can not adjust. What I need to do. In another picture he does not move in the same direction.
Thank you.

Jarredja

Professional

Posts: 1,044

Location: TX

  • Send private message

8

Thursday, January 13th 2011, 7:07pm

look for this code

<action name="startscene">
showtext(scene 2, infostyle);
action(activatespot,scene2, 120);
</action>


the # 120 is the heading for that scene. Change it here.

You will need to locate and change that number in each startscene action.

Notice: this example opens Scene #2 first.

jakob

Beginner

Posts: 1

  • Send private message

9

Tuesday, February 8th 2011, 9:25am

Map

Quoted from "klaus.krpano"

Hi,

I have made a simple example to show how to made a small tour with scenes and an image map with radar as navigation:
(note - the panos and the map, radar and heading in this example do not fit together!)

HTML:
http://krpano.com/examples/108b8/example…h-imagemap.html
XML:
http://krpano.com/examples/108b8/example…th-imagemap.xml

download the complete example here:
index.php?page=Attachment&attachmentID=140

if there are question about some functions/actions please post it here,

best regards,
Klaus
Hallo,

wie ist
download the complete example here:
index.php?page=Attachment&attachmentID=140
zu verstehen?

Was muss ich tun um den kompletten Beitrag herunterzuladen?

HAT SICH ERLEDIGT. KLAPPT!

yasarcan

Beginner

Posts: 7

Location: Türkiye

Occupation: Computer Teacher

  • Send private message

10

Friday, December 9th 2011, 8:15am

Can I hide radar (because all pano isn't on map)

klaus.krpano

Administrator

  • "klaus.krpano" started this thread

Posts: 7,264

  • Send private message

11

Tuesday, December 13th 2011, 2:47pm

Hi,

Quoted from "yasarcan"

Can I hide radar (because all pano isn't on map)
yes, just set:

Source code

 
1

set(plugin[radar].visible,false);


best regards,
Klaus

Similar threads