Animate如何用按钮控制时间轴倒播(AS3)

2025-10-04 04:16:16

1、打开Animate软件,新建Actionscript3.0文档。

Animate如何用按钮控制时间轴倒播(AS3)

2、在主时间轴制作一个形状或其它的动画。

Animate如何用按钮控制时间轴倒播(AS3)

Animate如何用按钮控制时间轴倒播(AS3)

Animate如何用按钮控制时间轴倒播(AS3)

3、接下来再制作两个按钮,用于控制。

Animate如何用按钮控制时间轴倒播(AS3)

4、两个按钮的实例名分别设置为btnPlay,btnBackPlay

Animate如何用按钮控制时间轴倒播(AS3)

Animate如何用按钮控制时间轴倒播(AS3)

5、最后在主时间轴加如下代码:

stop();

btnPlay.addEventListener(MouseEvent.MOUSE_OVER,StartPlay);//给播放按钮添加鼠标滑进事件

btnPlay.addEventListener(MouseEvent.MOUSE_OUT,StopPlay);//给播放按钮添加鼠标滑出事件

btnBackPlay.addEventListener(MouseEvent.MOUSE_OVER,BackPlay);//给倒播按钮添加鼠标滑进事件

btnBackPlay.addEventListener(MouseEvent.MOUSE_OUT,StopBackPlay);//给倒播按钮添加鼠标滑出事件

function StartPlay(e:MouseEvent):void

{

this.addEventListener(Event.ENTER_FRAME,PlayEvent);

}

function StopPlay(e:MouseEvent):void

{

this.removeEventListener(Event.ENTER_FRAME,PlayEvent);

}

function PlayEvent(e:Event):void

{

if(this.currentFrame!=this.totalFrames)

{

this.nextFrame();

}

else

{

this.removeEventListener(Event.ENTER_FRAME,PlayEvent);

}

}

function BackPlay(e:MouseEvent):void

{

this.addEventListener(Event.ENTER_FRAME,BackPlayEvent);

}

function StopBackPlay(e:MouseEvent):void

{

this.removeEventListener(Event.ENTER_FRAME,BackPlayEvent);

}

function BackPlayEvent(e:Event):void

{

if(this.currentFrame!=1)

{

this.prevFrame();

}

else

{

this.removeEventListener(Event.ENTER_FRAME,BackPlayEvent);

}

}

Animate如何用按钮控制时间轴倒播(AS3)

6、运行后效果如图所示。

Animate如何用按钮控制时间轴倒播(AS3)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢