You are not logged in.

1

Tuesday, May 29th 2012, 8:36pm

Digital Artist requesting AUTO TOUR help

Hy guys, Im a digital artist new to krpano. I'm excited to potentially take my work to the next level and offer some interactivity withing my stills.
I am relatively new to html and XML. Ive added the releant cool plugins in my code, but dispite trawling through the forums am no closer to creating a successful auto tour.
For instance i really need a cool feature like rotate 90 then auto move to next scene. I have looked but cannot see any examples or tutorials of an autotour feature. Please can any get me closer to creating this brilliant auto tour?

I have removed all the hotspot and plugins and just added the basic source code below. Please can anyone enlighten me on how to achieve this. cheers



<krpano version="1.0.8.14" onstart="startup();">
<!-- vtour.xml template krpano tools version 1.0.8.14 -->










<!-- include the both plugins-->



<plugin name="editor" url="%SWFPATH%/plugins/editor.swf" keep="true" />


<plugin name="options" url="%SWFPATH%/plugins/options.swf" keep="true" />

<lensflareset name="DEFAULT" url="%SWFPATH%/plugins/krpano_default_flares.jpg" />










<action name="startup">
<!-- load the first scene -->
loadscene(get(scene[0].name), null, MERGE);

<!-- build thumbnails when there is more than one scene (remove the line below to remove the thumbnails) -->
if(scene.count GT 1, buildthumbs(); );
</action>


<!-- disable the default progress bar -->
<progress showload="none" showwait="none" />


<!-- hotspot styles (for Flash and HTML5) -->
<style name="hotspot_ani_black"
url="hotspots/hotspot_ani_black_64x64x20.png"
crop="0|0|64|64"
framewidth="64" frameheight="64" frame="0" lastframe="19"
onloaded="hotspot_animate();"
altonloaded="if(isphone, mul(scale,2)); onloaded();"
/>

<style name="hotspot_ani_white"
url="hotspots/hotspot_ani_white_64x64x20.png"
crop="0|0|64|64"
framewidth="64" frameheight="64" frame="0" lastframe="19"
onloaded="hotspot_animate();"
altonloaded="if(isphone, mul(scale,2)); onloaded();"
/>

<action name="hotspot_animate">
inc(frame,1,get(lastframe),0);
mul(ypos,frame,frameheight);
txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
delayedcall(0.03, if(loaded, hotspot_animate() ) );
</action>















<autorotate enabled="true"
waittime="3"
speed="3"
horizon="0.0"
tofov="360"
/>










---------------------------------------------------------





<scene name="scene_01" title="01" onstart="" thumburl="panos/01.tiles/thumb.jpg">

<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />

<preview url="panos/01.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="955" progressive="false">
<level tiledimagewidth="1910" tiledimageheight="1910">
<cube url="panos/01.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="955" tiledimageheight="955">
<cube url="panos/01.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/01.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/01.tiles/tablet_%s.jpg" />
</tablet>
</image>









-----------------------------------------------------------------




</scene>


<scene name="scene_02" title="02" onstart="" thumburl="panos/02.tiles/thumb.jpg">

<view hlookat="-300" vlookat="0" fovtype="MFOV" fov="100" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />

<preview url="panos/02.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="955" progressive="false">
<level tiledimagewidth="1910" tiledimageheight="1910">
<cube url="panos/02.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="955" tiledimageheight="955">
<cube url="panos/02.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/02.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/02.tiles/tablet_%s.jpg" />
</tablet>
</image>

<!-- place hotspots here -->











-----------------------------------------------------------------





</scene>


<scene name="scene_03" title="03" onstart="" thumburl="panos/03.tiles/thumb.jpg">

<view hlookat="0" vlookat="0" fovtype="MFOV" fov="90" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />

<preview url="panos/03.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="955" progressive="false">
<level tiledimagewidth="1910" tiledimageheight="1910">
<cube url="panos/03.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="955" tiledimageheight="955">
<cube url="panos/03.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/03.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/03.tiles/tablet_%s.jpg" />
</tablet>
</image>

<!-- place hotspots here -->





-->


---------------------------------------------------------------



</scene>


<scene name="scene_04" title="04" onstart="" thumburl="panos/04.tiles/thumb.jpg">

<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="60" fovmax="120" limitview="auto" />

<preview url="panos/04.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="955" progressive="false">
<level tiledimagewidth="1910" tiledimageheight="1910">
<cube url="panos/04.tiles/l2_%s_%0v%0h.jpg" />
</level>
<level tiledimagewidth="955" tiledimageheight="955">
<cube url="panos/04.tiles/l1_%s_%0v%0h.jpg" />
</level>
<mobile>
<cube url="panos/04.tiles/mobile_%s.jpg" />
</mobile>
<tablet>
<cube url="panos/04.tiles/tablet_%s.jpg" />
</tablet>
</image>

<!-- place hotspots here -->





</scene>




<!-- thumbnail actions begin (remove the 'buildthumbs()' call in the onstart event to remove the thumbs) -->
<action name="buildthumbs">
if(%1 != NEXT, set(i,0));
if(i LT scene.count,
copy(thumb, scene[get(i)].thumburl);
txtadd(thumbname,'thumb_',get(i));
addplugin(get(thumbname));
set(plugin[get(thumbname)].url, get(thumb));
set(plugin[get(thumbname)].keep, true);
set(plugin[get(thumbname)].align, leftbottom);
set(plugin[get(thumbname)].width, 40);
set(plugin[get(thumbname)].height, 40);
mul(plugin[get(thumbname)].x, i,3);
mul(plugin[get(thumbname)].y, i,3);
add(plugin[get(thumbname)].x, 5);
add(plugin[get(thumbname)].y, 5);
copy(plugin[get(thumbname)].xsmall, plugin[get(thumbname)].x);
copy(plugin[get(thumbname)].ysmall, plugin[get(thumbname)].y);
add(plugin[get(thumbname)].zorder, 100, i);
set(plugin[get(thumbname)].effect, glow(0xFFFFFF,1.0,2,10000));
set(plugin[get(thumbname)].jsborder, '1px solid #FFFFFF');
copy(plugin[get(thumbname)].thumbpos, i);
set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) );
set(plugin[get(thumbname)].onclick, openthumbs() );
inc(i);
buildthumbs(NEXT);
);
</action>

<action name="openthumb">
if(%2 != NEXT,
set(pos,0);
copy(curpos, plugin[%1].thumbpos);
set(xdst, 0);
set(ydst, 0);
);

if(pos LT curpos,
inc(pos);
inc(ydst,90);
sub(ymax, stageheight, 100);
if(ydst GT ymax, inc(xdst,90);set(ydst,0); );
openthumb(%1,NEXT);
,
add(xdst,10);
add(ydst,10);
tween(plugin[%1].x, get(xdst) );
tween(plugin[%1].y, get(ydst) );
tween(plugin[%1].width, 80);
tween(plugin[%1].height, 80);
);
</action>

<action name="closethumb">
tween(plugin[%1].x, get(plugin[%1].xsmall));
tween(plugin[%1].y, get(plugin[%1].ysmall));
tween(plugin[%1].width, 40);
tween(plugin[%1].height, 40);
</action>

<action name="openthumbs">
if(%1 != NEXT,
set(i,0);
set(events.onclick, set(events.onclick,null); delayedcall(0.1, closethumbs() ); );
);

if(i LT scene.count,
txtadd(thumbname,'thumb_',get(i));
openthumb(get(thumbname));
set(plugin[get(thumbname)].onclick, set(events.onclick,null); closethumbs(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); );
inc(i);
openthumbs(NEXT);
);
</action>

<action name="closethumbs">
if(%1 != NEXT, set(i,0));
if(i LT scene.count,
txtadd(thumbname,'thumb_',get(i));
closethumb(get(thumbname));
set(plugin[get(thumbname)].onclick, openthumbs() );
inc(i);
closethumbs(NEXT);
);
</action>
<!-- thumbnail actions end -->


</krpano>

3

Saturday, July 21st 2012, 7:10pm

Thanks for the response Net360.


I will try this asap