You are not logged in.

> The forum rules have been updated. Please take a moment to read them.

Pages: 1

 


#1 2012-01-16 19:16:28

pu2wxp
Member
From: Campos do Jordao - Brasil
Registered: 2009-05-03
Posts: 159
Website

Virtual tour with individual IntroImage in every panorama.

This customer required that each had a panoramic image with text input, and seals of quality certificates.

The solution I found was to use the code generated in a tour to a "introimage", as used in the Help menu. Adapting it to load a different image for each picture and inserting this one for each XML.

When changing panorama, you will see a descriptive image of that place, it closes itself after 10 seconds.

See the example here:
http://www.vistapanoramica.com.br/blog/ … brotas-sp/

Code:

    
<plugin name="data" introImageHasBeenPlayed="false" keep="true"/>
<plugin name="introimage" url="brotasdata/graphics/menu/recepcao.png" align="bottom" width="560" x="0" y="80" onclick="hideintroimage();" onloaded="autohideintroimage();"/>
<action name="hideintroimage">if(plugin[introimage].enabled,    set(plugin[introimage].enabled,false);tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage));      );</action>
<action name="autohideintroimage">if(plugin[data].introImageHasBeenPlayed==false,     set(plugin[introimage].alpha,0); tween(plugin[introimage].alpha,1.0,WAIT);delayedcall(10, hideintroimage() ); set(plugin[data].introImageHasBeenPlayed,true););
</action>
Luciano Correa
Vista Panoramica
Campos do Jordao SP Brasil

Offline

 

#2 2012-01-22 08:36:53

reinhardkiss
New member
Registered: 2012-01-22
Posts: 3

Re: Virtual tour with individual IntroImage in every panorama.

Hello Luciano,

this is real a great job you did. Since I'm not too familiar in editing XML files, please can you provide a closer explaination where exactly the code of the XML files has to be modified or can you upload one of the modified files for studying reasons.

Thank you

Reinhard from

Offline

 

#3 2012-03-27 07:05:11

marin
Member
Registered: 2012-03-05
Posts: 19

Re: Virtual tour with individual IntroImage in every panorama.

Might be a solution to have this at panorama properties. Now we have the nadir option for every pano. Having an intro for the pano is a good idea too.

Offline

 

#4 2012-05-02 06:53:38

shane999
Member
From: Sri Lanka
Registered: 2011-08-19
Posts: 28
Website

Re: Virtual tour with individual IntroImage in every panorama.

Great work.. Would like to try this out.. However XML and coding is not my specialty. Would greatly appreciate it if someone could make a tutorial or explain where exactly this code goes. Thanks in advance..


pu2wxp wrote:

This customer required that each had a panoramic image with text input, and seals of quality certificates.

The solution I found was to use the code generated in a tour to a "introimage", as used in the Help menu. Adapting it to load a different image for each picture and inserting this one for each XML.

When changing panorama, you will see a descriptive image of that place, it closes itself after 10 seconds.

See the example here:
http://www.vistapanoramica.com.br/blog/ … brotas-sp/

Code:

    
<plugin name="data" introImageHasBeenPlayed="false" keep="true"/>
<plugin name="introimage" url="brotasdata/graphics/menu/recepcao.png" align="bottom" width="560" x="0" y="80" onclick="hideintroimage();" onloaded="autohideintroimage();"/>
<action name="hideintroimage">if(plugin[introimage].enabled,    set(plugin[introimage].enabled,false);tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage));      );</action>
<action name="autohideintroimage">if(plugin[data].introImageHasBeenPlayed==false,     set(plugin[introimage].alpha,0); tween(plugin[introimage].alpha,1.0,WAIT);delayedcall(10, hideintroimage() ); set(plugin[data].introImageHasBeenPlayed,true););
</action>
---------->>>>>>>>>><<<<<<<<<<----------


Canon 5D Mark II  -  Canon 50D - Canon 8-15mm  -  Canon 10-22mm

Offline

 

#5 2012-05-02 15:59:04

pu2wxp
Member
From: Campos do Jordao - Brasil
Registered: 2009-05-03
Posts: 159
Website

Re: Virtual tour with individual IntroImage in every panorama.

SIMPLE TUTORIAL!

I put the name of all my XMLs by INDEX.

So my virtual tour is organized like the XML:
index.xml, index0.xml, index1.xml ...

You will insert this code in XMLs index0.xml, index1.xml ... until the last or only the pictures you want the caption/intro-image.

<!--************** legenda ***************************************************************-->
    <plugin name="data" introImageHasBeenPlayed="false" keep="true"/>
    <plugin name="introimage" url="indexdata/graphics/menu/recepcao.png" align="bottom" width="560" x="0" y="80" onclick="hideintroimage();" onloaded="autohideintroimage();"/>
    <action name="hideintroimage">if(plugin[introimage].enabled,    set(plugin[introimage].enabled,false);tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage));      );</action>
    <action name="autohideintroimage">if(plugin[data].introImageHasBeenPlayed==false,     set(plugin[introimage].alpha,0); tween(plugin[introimage].alpha,1.0,WAIT);delayedcall(10, hideintroimage() ); set(plugin[data].introImageHasBeenPlayed,true)wink;</action>
<!--***************the-end***************************************************************-->

1-You need to change the location and name of each image
indexdata/graphics/menu/recepcao.png

2-You can put how many seconds you want the image is appearing
delayedcall(10

3- Setup the size and location of the caption/intro-image
width="560" x="0" y="80"


Here you are all my index0.xml

Code:

<?xml version="1.0" encoding="UTF-8"?>
<!-- for xml compliance -->
<krpano version="1.0.8.14">
    <!-- ação a desenvolver enquanto carrega -->
    <events onxmlcomplete="onxmlcompleteaction();"/>
    <action name="onxmlcompleteaction">
        if(autorotate.enabled==false,set(plugin[autorotationOFF].visible,false); set(plugin[autorotationON].visible,true);,set(plugin[autorotationOFF].visible,true); set(plugin[autorotationON].visible,false););
        firstloadcompleteaction();
    </action>
    <action name="playpanosounds">
        playbackgroundsound(none);
    </action>
    <action name="stoppanosounds">
        stopbackgroundsound();
    </action>
    <action name="closepanoobjects">
    </action>



    <!--************** legenda ***************************************************************-->
    <plugin name="data" introImageHasBeenPlayed="false" keep="true"/>
    <plugin name="introimage" url="[b]indexdata/graphics/menu/recepcao.png[/b]" align="bottom" width="560" x="0" y="80" onclick="hideintroimage();" onloaded="autohideintroimage();"/>
    <action name="hideintroimage">if(plugin[introimage].enabled,    set(plugin[introimage].enabled,false);tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage));      );</action>
    <action name="autohideintroimage">if(plugin[data].introImageHasBeenPlayed==false,     set(plugin[introimage].alpha,0); tween(plugin[introimage].alpha,1.0,WAIT);[b]delayedcall(10[/b], hideintroimage() ); set(plugin[data].introImageHasBeenPlayed,true););</action>



    <!--************** Panorâmica *****************************************************************-->
    <!-- @File="index0.xml" @PanoName="Recepção Alaya" @FilePath="/Users/lucianocorrea/Pictures/panoramicas/ESFERICAS PRONTAS/BROTAS/ALAYA/recepcao-alaya.jpg" -->
    <panoview h="0" v="0" fov="90"/>
    <!-- visualizar parâmetros -->
    <view fisheye="0" limitview="range" hlookatmin="-180" hlookatmax="180" vlookatmin="-90" vlookatmax="90" fovmin="15" fovmax="90" fov="90" hlookat="0" vlookat="0"/>
    <progress showload="none" showwait="none"/>
    <autorotate horizon="0" tofov="90" waittime="3" speed="5"/>
    <!-- pré visualizar imagem -->
    <preview url="indexdata/index0/preview.jpg" type="CUBESTRIP" striporder="FRBLUD" details="16"/>
    <!-- a própria panorâmica -->
    <image type="CUBE" multires="true" tilesize="450" baseindex="0">
        <level tiledimagewidth="3600" tiledimageheight="3600">
            <left url="indexdata/index0/3/3/%v_%u.jpg"/>
            <front url="indexdata/index0/0/3/%v_%u.jpg"/>
            <right url="indexdata/index0/1/3/%v_%u.jpg"/>
            <back url="indexdata/index0/2/3/%v_%u.jpg"/>
            <up url="indexdata/index0/4/3/%v_%u.jpg"/>
            <down url="indexdata/index0/5/3/%v_%u.jpg"/>
        </level>
        <level tiledimagewidth="1800" tiledimageheight="1800">
            <left url="indexdata/index0/3/2/%v_%u.jpg"/>
            <front url="indexdata/index0/0/2/%v_%u.jpg"/>
            <right url="indexdata/index0/1/2/%v_%u.jpg"/>
            <back url="indexdata/index0/2/2/%v_%u.jpg"/>
            <up url="indexdata/index0/4/2/%v_%u.jpg"/>
            <down url="indexdata/index0/5/2/%v_%u.jpg"/>
        </level>
        <level tiledimagewidth="900" tiledimageheight="900">
            <left url="indexdata/index0/3/1/%v_%u.jpg"/>
            <front url="indexdata/index0/0/1/%v_%u.jpg"/>
            <right url="indexdata/index0/1/1/%v_%u.jpg"/>
            <back url="indexdata/index0/2/1/%v_%u.jpg"/>
            <up url="indexdata/index0/4/1/%v_%u.jpg"/>
            <down url="indexdata/index0/5/1/%v_%u.jpg"/>
        </level>
        <level tiledimagewidth="450" tiledimageheight="450">
            <left url="indexdata/index0/3/0/%v_%u.jpg"/>
            <front url="indexdata/index0/0/0/%v_%u.jpg"/>
            <right url="indexdata/index0/1/0/%v_%u.jpg"/>
            <back url="indexdata/index0/2/0/%v_%u.jpg"/>
            <up url="indexdata/index0/4/0/%v_%u.jpg"/>
            <down url="indexdata/index0/5/0/%v_%u.jpg"/>
        </level>
        <!-- mobile phone / iphone images -->
        <mobile>
            <left url="indexdata/index0/3/mobile_face.jpg"/>
            <front url="indexdata/index0/0/mobile_face.jpg"/>
            <right url="indexdata/index0/1/mobile_face.jpg"/>
            <back url="indexdata/index0/2/mobile_face.jpg"/>
            <up url="indexdata/index0/4/mobile_face.jpg"/>
            <down url="indexdata/index0/5/mobile_face.jpg"/>
        </mobile>
        <!-- tablet pc / ipad images -->
        <tablet>
            <left url="indexdata/index0/3/tablet_face.jpg"/>
            <front url="indexdata/index0/0/tablet_face.jpg"/>
            <right url="indexdata/index0/1/tablet_face.jpg"/>
            <back url="indexdata/index0/2/tablet_face.jpg"/>
            <up url="indexdata/index0/4/tablet_face.jpg"/>
            <down url="indexdata/index0/5/tablet_face.jpg"/>
        </tablet>
    </image>
    <!--************** Atalhos e Brilhos de Lente *************************************************-->
    <hotspot name="spot0" hview="0" vview="0" fovview="90" hcenter="-85.2181" vcenter="2" onclick="looktohotspot(get(name),get(view.fovmin),smooth(400,20,100));mainloadpano(index5.xml);lookat(get(panoview.h),get(panoview.v),get(panoview.fov));" url="indexdata/graphics/spots/spot0.png" onhover="showtext(Base Rafting);" ath="-85.2181" atv="2"/>
    <hotspot name="spot1" hview="2.4" vview="11.4" fovview="90" hcenter="-111.197" vcenter="2.57143" onclick="looktohotspot(get(name),get(view.fovmin),smooth(400,20,100));mainloadpano(index1.xml);lookat(get(panoview.h),get(panoview.v),get(panoview.fov));" url="indexdata/graphics/spots/spot0.png" onhover="showtext(Alaya Centro de Aventura);" ath="-111.197" atv="2.57143"/>
    <action name="hidepanospotsaction">
        set(hotspot[spot0].visible, false);
        set(hotspot[spot1].visible, false);
    </action>
    <action name="showpanospotsaction">
        set(hotspot[spot0].visible, true);
        set(hotspot[spot1].visible, true);
    </action>
    <!-- fechar todas as panorâmicas -->
</krpano>
Luciano Correa
Vista Panoramica
Campos do Jordao SP Brasil

Offline

 

#6 2012-05-03 07:11:17

shane999
Member
From: Sri Lanka
Registered: 2011-08-19
Posts: 28
Website

Re: Virtual tour with individual IntroImage in every panorama.

Thank you Luciano. I used your code and it worked perfectly.

---------->>>>>>>>>><<<<<<<<<<----------


Canon 5D Mark II  -  Canon 50D - Canon 8-15mm  -  Canon 10-22mm

Offline

 

 

Pages: 1

Board footer

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson