Source code

<krpano>
	<action name="place_floorspot_at_mouse_pos" scope="local">
		set(d, 1);
		asyncloop(caller.loaded,
			screentosphere(mouse.x, mouse.y, h, v);
			spheretospace(h, v, d, x, y, z);
			calc(fh, caller.floorheight_cm - view.ty);
			calc(x, x * fh / y);
			calc(z, z * fh / y);
			set(caller,
				tx=calc(view.tx + x),
				tz=calc(view.tz + z),
				ty=calc(view.ty + fh)
			);

			// optionally rotate the hotspot toward the target direction (e.g. for image-arrow-spots):
			// calc(caller.ry, atan2(x, z) * 180 / Math.PI);

			// optionally fade out the spot when too far away:
			// calc(distance, sqrt(x * x + z * z));
			// calc(caller.alpha, distance LT 1000 ? 1.0 : 1.0 - (distance - 1000) / 100);
		);
	</action>

	<preview type="grid()"/>
	<image oy="calc:hotspot[floorspot].floorheight_cm - 1000" />
	<hotspot name="floorspot" devices="mouse" type="text" html="" css="font-size:80px;text-align:center;" vcenter="true" width="200" height="200" scale="0.2" bgalpha="0.5" bgroundedge="100" bgborder="2 0x000000 1" bgshadow="0 0 5 0xFFFFFF 1.0" oversampling="2" mipmapping="true" zorder="1" distorted="true" depth="0" depthbuffer="true" torigin="world" rotationorder="xyz" rx="-90" capture="false" handcursor="false" autoalpha="true" floorheight_cm="250" onloaded="place_floorspot_at_mouse_pos();" onclick="tween(view.tx, get(tx)); tween(view.tz, get(tz));"/>
	<style name="button" type="text" css="text-align:center;" padding="4 8" mergedalpha="false" bgborder="0 0xFFFFFF 1" bgroundedge="1" bgshadow="0 1 4 0x000000 1.0" ondown="set(bgcolor, 0xDDDDDD);" onup="set(bgcolor, 0xFFFFFF);" />
	<layer name="dollhouse" style="button" html="Dollhouse" width="80" align="bottom" y="50" onclick="dollhouse_toggle();" />

	<action name="dollhouse_toggle">
		if(!control.invert,
			copy(hl, view.hlookat);
			copy(vl, view.vlookat);
			copy(fv, view.fov);
			lookto(270, 50, 90, default, true, true);
			tween(view.oz, 1200);
			set(control.invert, true);
		,
			lookto(get(hl), get(vl), get(fv), default, true, true);
			tween(view.oz, 0);
			set(control.invert, false);
		);
	</action>
</krpano>