今天天气好晴朗处处好风光,好天气好开始,又来和大家分享啦。下面给大家推荐Flash交互动画制作技巧:按钮控制动画-Flash动画制作技巧,希望大家看完后也有个好心情,快快行动吧!
Poluoluo核心提示:按钮是FLASH动画里的基本元件之一,是帮助我们让动画按照自己的意愿呈现出来的重要元件之一。
按钮是FLASH动画里的基本元件之一,是帮助我们让动画按照自己的意愿呈现出来的重要元件之一。它的表现形式多样,可以是元件、影片剪辑、文字等等,通过对它的设置可以实现场景的播放、停止、快进、快退、暂停、跟随...... 按钮还可分单控按钮(即只有一个作用或播放或停止)和双控按钮(即可播放可停止)。一般看到大家常用的是单控按钮,并且看到很多朋友将单控的PLAY按钮帧一直延续到动画结束,这是很没有必要的,因为一般单控按钮在点击完成后就没有作用了,也没必要再显示存在了,所以它只需一帧就可以了。如果是双控按钮,它就需要伴随动画直到结束,因为它在此期间随时都要执行对它设置的命令。下面就做个范例,供大家参考。
一、单控按钮:(AS3.0)
1.插入---新建元件,类型:按钮,在编辑区内的第一帧上打上文字(PLAY)或画一无笔触,填充色任意的圆都可以,或拖入一喜欢的影片剪辑也行,在第二帧和第三帧添加关键帧,第四帧添加普通帧。分别选中第二帧和第三帧将其改变不同的颜色。(已做好的动画影片剪辑除外)
2.回场景,在图层1上拖入一影片剪辑,在属性面板上输入dh_mc ,
3.添加图层2,名为按钮层,在第一帧将按钮元件拖入,属性面板内输入实例名bf_btn,实例名的字母一定是在英文状态下输入,否则无效。
4.添加一新图层AS层,选中第一帧,打开动作面板,输入语句:
();
function bf():void {
();
}
bf_btn.addEventListener(MouseEvent.CLICK,bf);
从上个实例中看出play按钮在点击完成后,已无任何意义存在了,影片剪辑会一直播放下去直到结束。所以我们只要将play按钮安置在第一帧上即可,后加空白关键帧。(如有下载进度条的情况下,应将按钮放在第二帧上即可) 下面我还以上个实例为例,再加个停止按钮,让影片剪辑停下来。
1.停止按钮的创建同前所述。
2.回上个实例的场景,在按钮层第一帧,也将停止按钮拖入,在属性面板上输入实例名tz_btn。
3.在AS层第一帧,打开动作面板接着输入语句:
function tz(evt:MouseEvent):void {
();
}
tz_btn.addEventListener(MouseEvent.CLICK,tz);
上一页的例子是用两个单控按钮控制一个动画,现在我要将两个按钮的作用合二为一,也就是说用一个两种作用的按钮控制动画,即双控按钮。
二、双控按钮:(AS3.0)
1.新建影片剪辑,名为双控。用椭圆工具画一圆,可设笔触,颜色任意,并添加图层2,在其第一帧上,点文字工具,在属性面板里选动态文本,字型、自号、颜色自定,输入文字停止,Ab不被选中,居中对齐,实例名sk_txt,其他默认,回场景。
2.拖入动画影片剪辑。在属性面板里输入实例名dh_mc。
3.新建图层2,拖入双控影片剪辑,在属性面板里输入实例名sk_mc。
4.新建图层为AS层,在第一帧上打开动作面板,输入语句:
var a:Boolean=false;
function kz(evt:MouseEvent):void {
if (!a) {
();
sk_mc.sk_txt.text="播放";
} else {();
sk_mc.sk_txt.text="停止";
}
a=!a;
}
sk_mc.addEventListener(MouseEvent.CLICK,kz);
以上的按钮浅谈仅供大家参考,还望互相交流。