Hiệu ứng hover, scale, tooltip cho nút Nút điều khiển Autotour

<!-- Nút Tạm dừng / Tiếp tục -->
<layer name="autotour_btn"
url="pause.png"
keep="true"
align="righttop"
x="20" y="20"
scale="0.5"
handcursor="true"
tooltip="Tạm dừng tour"
onhover="tween(scale, 0.6, 0.3);"
onout="tween(scale, 0.5, 0.3);"
onclick="toggle_autotour();" />


<!-- Toggle trạng thái -->
<action name="toggle_autotour">
if(autotour_enabled,
set(autotour_enabled, false);
set(layer[autotour_btn].url, 'play.png');
set(layer[autotour_btn].tooltip, 'Tiếp tục tour');
,
set(autotour_enabled, true);
set(layer[autotour_btn].url, 'pause.png');
set(layer[autotour_btn].tooltip, 'Tạm dừng tour');
call(continue_autotour);
);
</action>


<action name="startup">
set(autotour_enabled, true);
loadscene(scene1);
</action><action name=“continue_autotour”>
if(autotour_enabled,
delayedcall(5, loadscene(scene2, null, MERGE, BLEND(1)); );
);
</action>

url="skin/pause.png"


<layer name="autotour_btn"
url="skin/pause.png"
keep="true"
align="righttop"
x="20" y="20"
scale="0.5"
handcursor="true"
onclick="toggle_autotour();"
onhover="show_autotour_tooltip(); tween(scale, 0.6, 0.2);"
onout="hide_autotour_tooltip(); tween(scale, 0.5, 0.2);" />


<layer name="autotour_tooltip"
type="text"
visible="false"
text="Tạm dừng tour"
css="padding:6px 12px; background:#000000cc; color:#fff; border-radius:6px; font-size:14px; box-shadow:0px 2px 6px rgba(0,0,0,0.5);"
align="righttop"
x="70"
y="22"
zorder="2"
background="true"
roundedge="10"
edge="left"
autoalpha="true"
alpha="0"
/>


<action name="toggle_autotour">
if(autotour_enabled,
set(autotour_enabled, false);
set(layer[autotour_btn].url, 'skin/play.png');
set(layer[autotour_tooltip].text, 'Tiếp tục tour');
,
set(autotour_enabled, true);
set(layer[autotour_btn].url, 'skin/pause.png');
set(layer[autotour_tooltip].text, 'Tạm dừng tour');
call(continue_autotour);
);
</action>


<scene name="scene1" title="Cảnh 1" onstart="if(autotour_enabled, delayedcall(5, loadscene(scene2)); );">
...
</scene>