一、当要使用动态热点或动态layer时，首先要在主xml（tour.xml）空白处的scene标签的外面，放入以下动作代码：

<!-- pro12之前版本使用的动态热点动作代码 -->
	<action name="do_crop_animation">
		<!-- 为热点注册属性 -->
		registerattribute(xframes, calc((imagewidth / %1) BOR 0));
		registerattribute(yframes, calc((imageheight / %2) BOR 0));
		registerattribute(frames, calc(xframes * yframes));
		registerattribute(frame, 0);


		set(crop, '0|0|%1|%2');


		setinterval(calc('crop_anim_' + name), calc(1.0 / %3),
			if(loaded,
				inc(frame);
				if(frame GE frames, if(onlastframe !== null, onlastframe() ); set(frame,0); );
				mod(xpos, frame, xframes);
				div(ypos, frame, xframes);
				Math.floor(ypos);
				mul(xpos, %1);
				mul(ypos, %2);
				calc(crop, xpos + '|' + ypos + '|%1|%2');
			  ,
				clearinterval(calc('crop_anim_' + name));
			  );
		  );
	</action>

pro13以后的版本使用的代码：

<action name="do_crop_animation" scope="local" args="framewidth, frameheight, framerate">
	<!-- 定义局部变量 -->
	calc(local.xframes, (caller.imagewidth /framewidth) BOR 0);
	calc(local.frames, xframes * ((caller.imageheight / frameheight) BOR 0));
	def(local.frame, integer, 0);
	
	<!-- 设置第一帧 -->
	calc(caller.crop, '0|0|' + framewidth + '|' + frameheight);
	
	<!-- 动画部分 -->
	setinterval(calc('crop_anim_' + caller.name), calc(1.0 / framerate),
		if(caller.loaded,
			inc(frame);
			if(frame GE frames, if(caller.onlastframe !== null, callwith(caller, onlastframe() ) ); set(frame,0); );
			mod(xpos, frame, xframes);
			div(ypos, frame, xframes);
			Math.floor(ypos);
			mul(xpos, framewidth);
			mul(ypos, frameheight);
			calc(caller.crop, xpos + '|' + ypos + '|' + framewidth + '|' + frameheight);
		  ,
			<!-- 当热点移除时停止动画 -->
			clearinterval(calc('crop_anim_' + caller.name));
		);
	);
</action>

二、在自动生成的动态热点中加入如下代码

url="explosion.png"  onloaded="do_crop_animation(100,100, 60)"

例如：

<hotspot name="spot1" style="skin_hotspotstyle" ath="13.104" atv="-6.620" linkedscene="scene_11" url="explosion.png"  onloaded="do_crop_animation(64,64, 60)"/>

点击查看：案例展示