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:
    https://krpano.com/examples/108b8…h-imagemap.html
    XML:
    https://krpano.com/examples/108b8…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

  • 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

  • Tim,
    To add a multires, you simply replace the

    Quote

    <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

  • 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...

  • 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:

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

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

    Code
    <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)

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

    oder Zoomify Panoramen: (1.0.8 beta)

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

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

    Schöne Grüße,
    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.

  • 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.

  • Hallo,

    wie ist
    download the complete example here:
    scenes-with-imagemap.zip
    zu verstehen?

    Was muss ich tun um den kompletten Beitrag herunterzuladen?

    HAT SICH ERLEDIGT. KLAPPT!

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!