How can I make a little planet intro ?

Richard · August 19, 2009 at 1:23 AM

Often I see tours that start with a "fly in" little planet intro - it's a great effect, but how is it done ?

I can start with the view zoomed out in little planet view, and fly-in etc, but how do I automatically get it switch it back to normal view ?

thanks

VN2011 · August 19, 2009 at 2:11 AM

use this:

and this

and this

<action name="intro">
tween(view.hlookat, 0, 2.5, easeInOutQuad );
wait(3);
tween(view.vlookat, -20, 2.5, easeInOutQuad );
tween(view.fov, 80, 2.5, easeInOutQuad );
tween(view.fisheyefovlink, .3, 2.5, easeInOutQuad );
tween(view.fisheye, 0.33, 2.5, easeInOutQuad);
tween(view.architectural, .35, 2.5, easeInOutQuad);
wait(5);
set(display.flash10,on);
tween(display.details,32);
set(display.stillquality,HIGH);
set(display.stillquality10,HIGH);
tween(view.fovmax,120);

</action>

may need to tweak them to fir your application.

Richard · August 19, 2009 at 9:42 AM

Brilliant ! Thanks so much I'm tweaking it now and will post it when finished.

rinks · August 19, 2009 at 7:26 PM

Thanks I will try this soon.

Toast · August 20, 2009 at 4:13 PM

It's not working in my tour :(

What did i wrong?

Code

<krpano version="1.0.8" onstart="wait(blend); action(intro)">


	<include url="plugins.xml" />


	<image type="SPHERE">
    		<sphere url="images/spheres/sphere1.jpg" />
	</image>


	<preview type="sphere" url="images/preview/spheref1.jpg" />


<action name="intro">
tween(view.hlookat, 0, 2.5, easeInOutQuad );
wait(3);
tween(view.vlookat, -20, 2.5, easeInOutQuad );
tween(view.fov, 80, 2.5, easeInOutQuad );
tween(view.fisheyefovlink, .3, 2.5, easeInOutQuad );
tween(view.fisheye, 0.33, 2.5, easeInOutQuad);
tween(view.architectural, .35, 2.5, easeInOutQuad);
wait(5);
set(display.flash10,on);
tween(display.details,32);
set(display.stillquality,HIGH);
set(display.stillquality10,HIGH);
tween(view.fovmax,220);


</action> 


<view hlookat ="-177.807361"
vlookat ="90.000000"
camroll ="0.000000"
fov ="250.000000"
fovmin ="50.550680"
fovmax ="250.000000"
maxpixelzoom ="1.000000"
limitfov ="true"
fisheye ="1.00"
fisheyefovlink="0.50"
stereographic ="true"
architectural ="0.0"
architecturalonlymiddle="false"
limitview ="auto"
hlookatmin ="NaN"
hlookatmax ="NaN"
vlookatmin ="NaN"
vlookatmax ="NaN"
/>


	<action name="moveto2">
		action(startloading);
		lookto(126.88,-2.31,10);
		action(load2);
		lookto(280.26,7.77,20);
		wait(blend);
		oninterrupt(action(lookinterrupt));
		lookto(99.03,-1.64,70,smooth(280.26,7.77,20));
		action(loadingdone);
	</action>
	
	<hotspot name="floor1" 
     	onhover="showtext(Move)"
     	onclick="action(moveto2);" 
	 url="plugins/hotspot_ani.swf"
     	ath="126" atv="-4" />
	
	<display fps="60" details="32" details="32" movequality="HIGH" stillquality="HIGHSHARP" />


	<view hlookat   	="150"
      	vlookat   	="0"
      	fov       	="70"
      	fovmin    	="20"
      	fovmax    	="100"
      	fisheye   	="0.00"
      	fisheyefovlink="0.00"
      	/>


	<control usercontrol	="all"
	     	mousetype  	="moveto"
	     	movetocursor   ="arrow"
	     	cursorsize 	="12.0"
	     	mouseaccelerate="1.00"
	     	mousespeed 	="10.00"
	     	mousefriction  ="0.80"
	     	headswing  	="0.00"
	     	keybaccelerate ="0.50"
	     	keybspeed  	="10.00"
	     	keybfriction   ="0.90"
	     	keybinvert 	="false"
	     	mousefovchange ="1.00"
	     	keybfovchange  ="0.75"
	     	fovspeed   	="3.00"
	     	fovfriction	="0.90"
	     	keycodesleft   ="37"
	     	keycodesright  ="39"
	     	keycodesup 	="38"
	     	keycodesdown   ="40"
	     	keycodesin 	="16,65,107"
	     	keycodesout	="17,89,90,109"
	     	/>


<textstyle name="DEFAULT" 
	       	font="Arial" fontsize="14" 
	       	border="false" background="false"
	       	textcolor="0xFFFFFF"
	       	effect="glow(0x000000,0.7,4,2);dropshadow(4,45,0x000000,4,1);"
	       	/>


	<textstyle name="smalltext" 
	       	font="Arial" fontsize="10" 
	       	border="false" background="false"
	       	textcolor="0xFFFFFF"
	       	effect="glow(0x000000,0.7,4,2);dropshadow(2,45,0x000000,3,1);"
	       	/>	       	


<!-- right-click context menu to change the viewing settings -->	


	<contextmenu>
		<item caption="Little Planet" onclick="action(littleplanet);" />
		<item caption="FULLSCREEN" />
		<item caption="KRPANO" separator="true" />
	</contextmenu>
	
	
	<!-- actions for view changing -->
	<action name="rectview">
		tween(view.fovmax,   	155.0, distance(179, 0.25), easeoutquad);
		tween(view.architectural,  0.0, distance(1.0, 0.25), easeoutquad);
		tween(view.fisheye,    	0.0, distance(1.0, 0.25), easeoutquad, set(view.stereographic,false); );
	</action>
	


	<action name="littleplanet">
		tween(view.architectural, 0.0, distance(1.0, 0.25), easeoutquad);
		tween(view.fisheye,   	0.0 ,distance(1.0, 0.10), easeoutquad,
				set(view.stereographic,true);
				tween(view.fisheye, 1.0, distance(1.0, 0.75));
				tween(view.fov, 	130, distance(179, 0.75), easeoutquad, set(view.fovmax,150););
				tween(view.vlookat,  90, distance(179, 0.75), easeoutquad);
			 );
	</action>


	<!-- actions -->
	
	<action name="startloading">
		set(hotspot.visible,false);
		push(view.fovmin);
		set(view.fovmin,1);
	</action>
	
	<action name="loadingdone">
		pop(view.fovmin);
		set(hotspot.visible,true);
	</action>
	
	<action name="lookinterrupt">
		action(loadingdone);
		breakall();	
	</action>   
  	
	<action name="load1">
		set(plugin[spotx].x,293);
		set(plugin[spotx].y,87);
		set(plugin[radar].x,293);
		set(plugin[radar].y,87);
		loadpano(1.xml,null,KEEPALL,BLEND(4));
		set(plugin[radar].heading,10);
	</action>
	
	<action name="load2">
		set(plugin[spotx].x,165);
		set(plugin[spotx].y,71);
		set(plugin[radar].x,165);
		set(plugin[radar].y,71);
		loadpano(2.xml,null,KEEPALL,BLEND(4));
		set(plugin[radar].heading,2);
	</action>


   <action name="closemap">
    	action(hidespots);
    	set(plugin[map].onhover,showtext(Karte öffnen,smalltext););
    	set(plugin[map].onclick,action(openmap););
    	tween(plugin[map].width,32,distance(318,0.5),easeoutquad);
    	tween(plugin[map].height,32,distance(120,0.5),easeoutquad);
	</action>
	
	<action name="openmap">
		set(plugin[map].onhover,showtext(Karte schließen,smalltext););
    	set(plugin[map].onclick,action(closemap););
    	tween(plugin[map].width,318,distance(318,0.5),easeoutquad);
    	tween(plugin[map].height,120,distance(120,0.5),easeoutquad,action(showspots););
	</action>


</krpano>

Display More

VN2011 · August 20, 2009 at 5:58 PM

you have 2 view settings, the one further down in your xml is over writing the first one.

Toast · August 20, 2009 at 7:18 PM

Thank you very much! Now it's working perfectly :)

d&g · October 1, 2009 at 7:15 PM

Hello,
I have question - how to make little planet intro only on first panorama in tour?

Thanx!

edit: ok i found answer in this topic: Problem bei littleplanet-intro

Socke · August 19, 2010 at 10:25 PM

I'm rehashing this topic...

the intro works fine, and the tout does too, but when i come back to the start-pamo, i'm in fisheye-mode. Do i need 2 seperate xmls for the first pano? one for the start, and one for a later comeback, which leaves out the intro?

edit: yes, it works with 2 xmls, but maybe it's possible, to get out of fisheye-mode in the first pano?

And i've got another question:

is it possible, to let the little planet turn around slowly until a button is pressed to start the intro, like it is now?

Socke · August 21, 2010 at 11:43 PM

hmm, noone?

regarding the first question, maybe something is possible with the "normalview" switch?

and regarding the second one, is it possible to simply let the planet be on autorotate, until the button on an infoscreen is pressed?

I guess, both is possible, but i dunno how. I frickled around with it, but no usefull results

VN2011 · August 22, 2010 at 6:18 PM

because the action is onstart all you have to do is give the pano something to do before that. when reloading the first pano add a dummy action that sets a parameter to something it already is. becuase that action is running when the first pano is reloaded it will not fire off again. i used an action to set the details to 32 to override the onstart when reloading.

another way would be to use a plugin variable and an IF statement.

<plugin name=LPswitch>
uselp="1"
</plugin>

at the end of your onstart action use - set(plugin[lpswitch].uselp,2); that will change the state of the plugin to 2.

then use an IF statement. IF lpswitch=1 run if lpswitch=2 don't.

this isnt the right syntax obviosly but im just trying to share my thoughts without enought time to figure it all out.

Socke · August 22, 2010 at 9:49 PM

thanks a lot, i just got it going on my own, but i guess, there's a lot of optimization-potential...

i use onstart=" action(Intro-Start);

Code

<actionname="Intro-Start"> set(plugin[Intro-Start].visible,true);tween(plugin[Intro-Start].alpha,1.0,1.5, default);</action> 


<actionname="Intro-Start-off"> tween(plugin[Intro-Start].alpha,0.0,1.5, default,WAIT);set(plugin[Intro-Start].visible,false);action(intro);</action>  
<plugin name="Intro-Start"        url="%SWFPATH%/skin/intro-start.png"        align="center"        zorder="1"        alpha="0"        onclick="Intro-Start-off();"        />

action(intro) is the old intro-sequence from above, where i set tween(view.fisheye, 0.0, 1.0, easeInOutQuad);
and dropped the fisheyefovlink setting, to get rid of the fisheye, so i only need 1 xml.

probleme now only is, that if i come back to that scene, the intro starts again, and that's, where your help comes handy

Hope, i'll finish this soon

Socke · August 22, 2010 at 10:21 PM

Quote from VN2009

because the action is onstart all you have to do is give the pano something to do before that. when reloading the first pano add a dummy action that sets a parameter to something it already is. becuase that action is running when the first pano is reloaded it will not fire off again. i used an action to set the details to 32 to override the onstart when reloading.

Could you post a short example, how you do that?

Socke · August 23, 2010 at 9:46 PM

hmm, ok, i got it working like in this example

but:

when i return to the start-pano, i'm still in fishmodeview, because the view-settings from above are in use.

i tried to set the view-settings in the intro-start action behind the if-clause, but i guess, i'm doing it wrong:

<action name="setupStart">
if(startPano == start,set(firstStart,true););
if(firstStart == true,action(Intro-Start););
if(startPano != start,action(noIntro););
</action>

<action name="noIntro">
set(autorotate.waittime,10);
set(hotspot.visible,true);
set(view.hlookat, 0);
set(view.vlookat, -20);
set(view.fov, 80);
set(view.fisheyefovlink, .5);
set(view.fisheye, 0.0);

</action>

now the funny thing is: if i come back bei map-link, i get the whole intro with waiting-screen, like if i start for the first time. If i come back bei normal hotspot-link, i only get the intro part, zooming in fisheye-mode from the last position...

Both is wrong ^^

i guess, i'll go back to 2 seperate xml-files

mahmoudi · November 8, 2012 at 10:57 AM

Hi all ...

I'm a new user of KRpano and I like to use little planet into for my tours, I use the code that was given by VN2009 but it seems something wrong because the tour doesn't run and all I see is a black screen,

Net360 · November 8, 2012 at 1:14 PM

Hello Mahmoudi

Your code is wrong.
The little planet code given by VN2009 is right, the problem is that
1- you dont know how call a action
2- with several panos you need make scene by scene but when you have just one you dont need scene on your code.
I tested on my server and is OK.
You can make that way.

<krpano version="1.0.8.15" title="VirtualTour" onstart="wait(blend); intro();">

<action name="intro">
tween(view.hlookat, 0, 2.5, easeInOutQuad ); wait(3); tween(view.vlookat, -20, 2.5, easeInOutQuad ); tween(view.fov, 80, 2.5, easeInOutQuad ); tween(view.fisheyefovlink, .3, 2.5, easeInOutQuad ); tween(view.fisheye, 0.33, 2.5, easeInOutQuad); tween(view.architectural, .35, 2.5, easeInOutQuad); wait(5); set(display.flash10,on); tween(display.details,32); set(display.stillquality,HIGH); set(display.stillquality10,HIGH); tween(view.fovmax,120);
</action>


<skin_settings bingmaps="false" bingmaps_key="" bingmaps_zoombuttons="false"
gyro="true"
thumbsopened="true"
tooltips_thumbs="true" tooltips_hotspots="true" tooltips_mapspots="false"
controlbar_offset="20"
/>

</krpano>

mahmoudi · November 10, 2012 at 10:36 AM

hi and thanks for your response ...

do you tell me how can I call an action ...

thanks ...
best regard ...
Ruhollah

Net360 · November 10, 2012 at 2:55 PM

Quote from mahmoudi

hi and thanks for your response ...
do you tell me how can I call an action ...
thanks ...
best regard ...
Ruhollah

Quote from mahmoudi

hi and thanks for your response ...

Quote from mahmoudi

do you tell me how can I call an action ...

Quote from mahmoudi

thanks ...
best regard ...
Ruhollah

Quote from mahmoudi

hi and thanks for your response ...
do you tell me how can I call an action ...
thanks ...
best regard ...
Ruhollah

I left everything ready in the above code.

onstart="wait(blend); intro();">

grollaz · March 5, 2013 at 10:28 PM

Hi, i have try to use the VN2009 code, but i receive this message when i load the pano:

WARNING: Locally not trusted - ExternalInterface NOT available!
ERROR: no parent "skin_thumb_0" found

If i remove the little planet code the error disappears.
What i can do?

Thanks.

sarron · April 29, 2014 at 5:29 PM

Hallo grollaz,

hast du dein Problem schon gelöst?

Habe heute auch das Problem gehabt, dass ein Little Planet Intor mit vtourskin nicht richtig funktioniert. Es wird immer der Fehler ERROR: no parent "skin_thumb_0" found gebracht.

Bei mir funktioniert es so:

onstart="wait(blend); intro();

<action name="startup"> entfernen

if(startscene === null, copy(startscene,scene[0].name));
loadscene(get(startscene), null, MERGE);

tween(view.hlookat, 0, 2.5, easeInOutQuad );
wait(3);
tween(view.vlookat, -20, 2.5, easeInOutQuad );
tween(view.fov, 80, 2.5, easeInOutQuad );
tween(view.fisheyefovlink, .3, 2.5, easeInOutQuad );
tween(view.fisheye, 0.33, 2.5, easeInOutQuad);
tween(view.architectural, .35, 2.5, easeInOutQuad);
wait(5);
set(display.flash10,on);
tween(display.details,32);
set(display.stillquality,HIGH);
set(display.stillquality10,HIGH);
tween(view.fovmax,120);
</action>

<view hlookat ="-177.807361"
vlookat ="90.000000"
camroll ="0.000000"
fov ="150.000000"
fovmin ="50.550680"
fovmax ="150.000000"
maxpixelzoom ="1.000000"
limitfov ="true"
fisheye ="1.00"
fisheyefovlink="0.50"
stereographic ="true"
architectural ="0.0"
architecturalonlymiddle="false"
limitview ="auto"
hlookatmin ="NaN"
hlookatmax ="NaN"
vlookatmin ="NaN"
vlookatmax ="NaN"
/

Gruß sarron

How can I make a little planet intro ?

Participate now!

Users Viewing This Thread