HTML5:Animate cc互動功能之跳轉下一幀
阿新 • • 發佈:2019-02-12
一 、實現使用者互動功能(點選按鈕跳轉下一幀)
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是你在幀上面建立的小旗子,可以自己定義