Button to select the last panorama that was viewed

JB Colebrook

Schüler

Beiträge: 89

Wohnort: All over

Beruf: this

1

Dienstag, 13. April 2010, 10:04

Hi All

I know there is actions to automate next and previous scenes - and thats great.... but what about "go back to the last panorama that I viewed please, not the scene numbered lower but the last one I viewed"

Ideas - cheers

John

Zum Seitenanfang

pinsane

Schüler

Beiträge: 125

2

Mittwoch, 14. April 2010, 08:46

RE: Button to select the last panorama that was viewed

Zitat von »JB Colebrook«

what about "go back to the last panorama that I viewed please, not the scene numbered lower but the last one I viewed"
John

I had written this in javascript a while back when I was trying to make the browser back button work with krpano, so it was a simple matter to recode this into xml actions. These actions will support a complete history of panos viewed in a given session and allow you to go back or forward through the panos visited in a manner similar to your browser's back and foward buttons.

There are three actions which are used to support back and forward buttons: hist_new(), hist_back(), and hist_forward(). To make this work, whenever a pano is loaded, you need to run hist_new(). I put this function in the events.onxmlcomplete action. Then create two plugins for buttons named back_button and forward_button. Set the onclick for these plugins to hist_back() and hist_forward() respectively. Note that this example uses the buttons.jpg that is found in the skin directory for the krpano release as well as the hotspot_ani_white.swf animated hotspot (but neither are required to integrate into your tour).

This code was not written to work with scenes. It relies on the xml.url changing. I suspect that it would be easy to modify for scenes, but I really don't have any experience with them, so I'll leave that to someone else.

Here's a (hopefully) working example. You'll need to copy and paste the following three code sections into three separate files named history1.xml, history2.xml, and history3.xml. In your html use the swf.addVariable('xml', 'history1.xml'); to load the history1.xml and then use the hotspots to navigate around. You'll note that a back button will appear in the upper left hand.corner. If you navigate back then the forward button appears.

First file named history1.xml (this contains the history actions and the plugins for the back and forward buttons):

Quellcode

<krpano version="1.0.8" >
	<events onxmlcomplete="hist_new()" />

	<history />
	<action name="delete_array">
		if (%1.count !== null,
			if (%1.count GT 0,
				set(%1[0].name,null);
				delete_array(%1);
			);
		);
	</action>
	<action name="hist_new">
		if (%1 == null,
			if (history.back.count === null,
				hist_new(0,-1);
			<!--else-->,
				sub(action[%0].tmp,get(history.back.count),1);
				hist_new(get(history.back.count),get(action[%0].tmp));
			);
		<!--else-->,
			if (history.back[%2].name !== xml.url,
				set(history.back[%1].name,get(xml.url));
				delete_array(history.forward);
				if (history.back.count GE 2,
					set(plugin[back_button].visible,true);
					tween(plugin[back_button].alpha,1,0.5);
				);
				tween(plugin[forward_button].alpha,0,0.5,linear,set(plugin[forward_button].visible,false););
			);
		);
	</action>
	<action name="hist_back">
		if (%1 == null,
			sub(action[%0].tmp,get(history.back.count),1);
			sub(action[%0].tmp2,get(history.back.count),2);
			if (action[%0].tmp2 GE 0,
				hist_back(get(action[%0].tmp),get(action[%0].tmp2));
			);
		<!--else-->,
			set(history.forward[-1].name,get(history.back[%1].name));
			set(history.back[%1].name,null);
			if (history.back[%2].name !== null,
				loadpano(get(history.back[%2].name),null,KEEPBASE,BLEND(2),;);
			);
			if (history.back.count LE 1,
				tween(plugin[back_button].alpha,0,0.5,linear,set(plugin[back_button].visible,false););
			);
			set(plugin[forward_button].visible,true);
			tween(plugin[forward_button].alpha,1,0.5);
		);
		
	</action>
	<action name="hist_forward">
		if (%1 == null,
			if (history.forward.count != null,
				sub(action[%0].tmp,get(history.forward.count),1);
				if (action[%0].tmp GE 0,
					hist_forward(get(action[%0].tmp));
				);
			);
		<!--else-->,
			set(action[%0].tmp,get(history.forward[%1].name));
			set(history.back[-1].name,get(history.forward[%1].name));
			set(history.forward[%1].name,null);
			loadpano(get(action[%0].tmp),null,KEEPBASE,BLEND(2),;);
			if (history.forward.count LE 0,
				tween(plugin[forward_button].alpha,0,0.5,linear,set(plugin[forward_button].visible,false););
			);
			set(plugin[back_button].visible,true);
			tween(plugin[back_button].alpha,1,0.5);
		);
		
	</action>

	<plugin name="back_button"
		url="%SWFPATH%/skin/buttons.jpg"
		keep="true"
		visible="false"
		alpha="0"
		align="topleft"
		edge="center"
		y="20"
		x="20"
		crop="0|0|40|40" onovercrop="0|40|40|40" ondowncrop="0|80|40|40"
		blendmode="screen"
		onover="set(blendmode,add);"
		onout="set(blendmode,screen);"
		onhover="showtext(click to move back);"
		onclick="hist_back()" />
	<plugin name="forward_button"
		url="%SWFPATH%/skin/buttons.jpg"
		keep="true"
		visible="false"
		alpha="0"
		align="topleft"
		edge="center"
		y="20"
		x="60"
		blendmode="screen"
		crop="40|0|40|40" onovercrop="40|40|40|40" ondowncrop="40|80|40|40"
		onover="set(blendmode,add);"
		onout="set(blendmode,screen);"
		onhover="showtext(click to move forward);"
		onclick="hist_forward();" />

	<!--EXAMPLE HOTSPOTS-->
	<hotspot name="hs2"
	         url="%SWFPATH%/plugins/hotspot_ani_white.swf"
	         ath="0"
	         atv="-5.14"
	         keep="false"
	         visible="true" enabled="true" handcursor="true" capture="true" children="false"
	         onhover="showtext(Click here to goto history2)"
	         onclick="set(view.fovmin,5);looktohotspot(hs2,10);loadpano(history2.xml,null,KEEPBASE,BLEND(2),lookat(38.45,24.01,50.34);wait(blend);lookto(0,0,65,smooth(100,100,100));)"
		>
	</hotspot>
	<hotspot name="hs3"
	         url="%SWFPATH%/plugins/hotspot_ani_white.swf"
	         ath="0"
	         atv="5.14"
	         keep="false"
	         visible="true" enabled="true" handcursor="true" capture="true" children="false"
	         onhover="showtext(Click here to goto history3)"
	         onclick="set(view.fovmin,5);looktohotspot(hs3,10);loadpano(history3.xml,null,KEEPBASE,BLEND(2),lookat(38.45,24.01,50.34);wait(blend);lookto(0,0,65,smooth(100,100,100));)"
		>
	</hotspot>

	<preview type="grid(cube,16,16,512,0xCCCCCC,0x333333,0x999999);" details="16" />
</krpano>

Second file named history2.xml:

Quellcode

<krpano version="1.0.8" >

	<events onxmlcomplete="hist_new()" />

	<!--EXAMPLE HOTSPOTS-->
	<hotspot name="hs1"
	         url="%SWFPATH%/plugins/hotspot_ani_white.swf"
	         ath="0"
	         atv="-5.14"
	         keep="false"
	         visible="true" enabled="true" handcursor="true" capture="true" children="false"
	         onhover="showtext(Click here to goto history1)"
	         onclick="set(view.fovmin,5);looktohotspot(hs1,10);loadpano(history1.xml,null,KEEPBASE,BLEND(2),lookat(38.45,24.01,50.34);wait(blend);lookto(0,0,65,smooth(100,100,100));)"
		>
	</hotspot>
	<hotspot name="hs3"
	         url="%SWFPATH%/plugins/hotspot_ani_white.swf"
	         ath="0"
	         atv="5.14"
	         keep="false"
	         visible="true" enabled="true" handcursor="true" capture="true" children="false"
	         onhover="showtext(Click here to goto history3)"
	         onclick="set(view.fovmin,5);looktohotspot(hs3,10);loadpano(history3.xml,null,KEEPBASE,BLEND(2),lookat(38.45,24.01,50.34);wait(blend);lookto(0,0,65,smooth(100,100,100));)"
		>
	</hotspot>
	<preview type="grid(cube,16,16,512,0xCCCCCC,0xFF0000,0x999999);" details="16" />
</krpano>

Third file named history3.xml:

Quellcode

<krpano version="1.0.8" >

	<events onxmlcomplete="hist_new()" />

	<!--EXAMPLE HOTSPOTS-->
	<hotspot name="hs1"
	         url="%SWFPATH%/plugins/hotspot_ani_white.swf"
	         ath="0"
	         atv="-5.14"
	         keep="false"
	         visible="true" enabled="true" handcursor="true" capture="true" children="false"
	         onhover="showtext(Click here to goto history1)"
	         onclick="set(view.fovmin,5);looktohotspot(hs1,10);loadpano(history1.xml,null,KEEPBASE,BLEND(2),lookat(38.45,24.01,50.34);wait(blend);lookto(0,0,65,smooth(100,100,100));)"
		>
	</hotspot>
	<hotspot name="hs2"
	         url="%SWFPATH%/plugins/hotspot_ani_white.swf"
	         ath="0"
	         atv="5.14"
	         keep="false"
	         visible="true" enabled="true" handcursor="true" capture="true" children="false"
	         onhover="showtext(Click here to goto history2)"
	         onclick="set(view.fovmin,5);looktohotspot(hs2,10);loadpano(history2.xml,null,KEEPBASE,BLEND(2),lookat(38.45,24.01,50.34);wait(blend);lookto(0,0,65,smooth(100,100,100));)"
		>
	</hotspot>
	<preview type="grid(cube,16,16,512,0xCCCCCC,0x0000FF,0x999999);" details="16" />
</krpano>

Hope this meets your needs!

steve

Zum Seitenanfang

VN2009

Profi

Beiträge: 1 336

Wohnort: Duluth MN

3

Mittwoch, 14. April 2010, 15:28

nice work. this will be handy is some situations.

Zum Seitenanfang

headventure

Anfänger

Beiträge: 6

4

Donnerstag, 7. Oktober 2010, 01:23

thanks

your script has helped me alot
learning about the krpano syntax.
thanks so much for sharing

Zum Seitenanfang

pinsane

Schüler

Beiträge: 125

5

Donnerstag, 7. Oktober 2010, 01:27

RE: thanks

Zitat von »headventure«

your script has helped me alot
learning about the krpano syntax.
thanks so much for sharing

You're more than welcome.

Actually, I've found that the best way to learn about krpano is to create working solutions to questions posted on the forum. I believe our resident guru Michel has said the same thing.

steve