多语言展示
当前在线:1661今日阅读:176今日分享:34

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

在FLASH中使用按钮控制时间轴播放之前的经验中介绍过,这里实现控制倒播,并且通过鼠标滑过按钮及滑出按钮进行控制。
工具/原料

FLASH CS5/CS6/CC或者Animate CC

方法/步骤
1

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

2

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

3

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

4

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

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); }}

6

运行后效果如图所示。

注意事项
1

理解该教程需要一定的FLASH软件操作基础。

2

什么不明白的或者其它FLASH代码方面的问题可以私信。

推荐信息