1. 程式人生 > >HTML5:Animate cc互動功能之跳轉下一幀

HTML5:Animate cc互動功能之跳轉下一幀

一 、實現使用者互動功能(點選按鈕跳轉下一幀)

S.gotoAndStop解釋:跳轉到舞臺上的某一幀並停止

S.gotoAndPlay解釋:跳轉到舞臺上的某一幀並開始播放下一幀

方法1:跳轉幀數

if (!S.next_btn1.hasEventListener("click"))
{
 S.next_btn1.addEventListener("click",menu_rxs)
}
function menu_rxs(){
	S.gotoAndStop(0);
}

方法2:封裝下一幀事件

nextEvent = function (event)

{
	event.currentTarget.removeEventListener("click", nextEvent);//返回繫結事件的元素,布林值
	numframe = S.currentFrame;
	S.gotoAndPlay(numframe + 1);

}
if (!S.start_btn.hasEventListener("click"))
{
    S.start_btn.addEventListener("click", nextEvent);

}

注意:要寫在第0幀的最開始位置

方法3:幀標記進行跳轉

if (!S.next_btn1.hasEventListener("click"))
{
    S.next_btn1.addEventListener("click",menu_rxs)
}
function menu_rxs(){
    S.gotoAndStop("menu");
}

menu是你在幀上面建立的小旗子,可以自己定義