flash制作倒计时器 怎样制作flash秒倒计时器

  教师课件中,经常用到flash秒倒计时器。下面是我制作flash秒倒计时器的经验。

怎样制作flash秒倒计时器――工具/原料

flash cs5.5+as3.0

怎样制作flash秒倒计时器――步骤/方法

怎样制作flash秒倒计时器 1、

新建Flash文档,设置舞台大小为350*300像素。

单击舞台,右侧出现属性面板。设置舞台大小为350*300像素。


怎样制作flash秒倒计时器 2、

绘制倒计时器面板。

在工具栏选择矩形工具,然后在属性面板中的“矩形选项”中设置圆角“20”像素。颜色为红。边框为细黑实线。

然后舞台上绘制一个340*290的矩形。这里的数字一定要比舞台小。本例各小10像素就可以了。把它转换为影片剪辑。

怎样制作flash秒倒计时器_计时器flash


怎样制作flash秒倒计时器 3、

添加滤镜,使用面板有立体感。

添加模糊滤镜和投影滤镜。参数见图:

此时面板已有立体感:


怎样制作flash秒倒计时器 4、

绘制计时窗口

flash制作倒计时器 怎样制作flash秒倒计时器

再绘制一个圆角矩形,240*170,而后绘制一个正常的矩形170*140。两者嵌套成回字形。再加上四条斜线,使之有立体感。如图:

填充颜色:左边和下边填充“红到白”的线性渐变色。中间是从“#59714F”到“#A5CA97”的线性渐变色。其它不填充。

将此窗口转换成剪辑。并与面板组合。下图效果是不是很酷:

怎样制作flash秒倒计时器_计时器flash


怎样制作flash秒倒计时器 5、

绘制“时长输入框”

矩形,70*30,黑色细实线边框,填充色为线性渐变:颜色为灰色-深灰-灰色。

绘制后,请复制填充到剪贴板,为下步再次使用做个准备。选中边框的右边线和下边线,改颜色为白色。转换为剪辑。再加上静态文本提示信息“输入时长”。

在输入窗上添加一个输入文本框:白色,16磅,华文行楷,文字居中。文本框命名为inputText。输入60,做为默认设置。单位为秒。

怎样制作flash秒倒计时器_计时器flash


怎样制作flash秒倒计时器 6、

绘制开始按钮

将上步中“复制的填充”,粘贴到舞台。在属性中将其设置成50*50的正方形。再将其转换成按钮,并在按钮内部添加“开始”二字,华文行楷,白色,20磅,使用设备字体。再做一个鼠标经过时的状态,就是在第二帧里绘制一个矩形,比50*50略小就行,颜色什么的适当就好。如图:

按钮名称为:playBtn。


怎样制作flash秒倒计时器 7、

绘制其它饰件

绘制静态文本框,输入“秒倒计时器”,作为产品名称。厂商商标之类:静态文本框,内容随意。本例是我的姓氏缩写“ZZC”和制作时间“20120521”。右下角绘制8个小点,表示这个计时器会有最后10秒报警。效果如下:

怎样制作flash秒倒计时器_计时器flash


怎样制作flash秒倒计时器 8、

绘制电子数字

绘制两个正方形,大小为35*35,拼成8字形,然后加对角线。再绘制一个20*20的小正方形。以下自己参照图片顺序可做。这一切的努力,最终只不过是要三个剪辑元件而已!


怎样制作flash秒倒计时器 9、

制作四位数的电子数字剪辑

用刚才得到的三个数字组件,组成一个数字8,然后转换成剪辑。

双击元件进入内部,将帧复制9帧,共10帧。然后一帧一帧进行修改,分别做出十个数字的造型。注意:因为做得的是倒计时器,所以,数字在帧里的排列顺序也是倒着的,从9到0。

怎样制作flash秒倒计时器_计时器flash


怎样制作flash秒倒计时器 10、

添加数字剪辑实例4个,放在显示窗口的适当位置。

依次为每个剪辑命名:one、two、three、four。


怎样制作flash秒倒计时器 11、

加入代码。

新建一个图层,命名as3。然后加入如下代码:

stop();

import flash.utils.Timer;

import flash.events.TimerEvent;

import flash.events.TextEvent;

//输入的有效性:只允许输入五位以下的数字

inputText.maxChars=5;

inputText.restrict="0-9";

var snd:Di=new Di();//报警声

var num:Array=[one,two,three,four];//液晶数字动画数组

for (var n:uint=0; n<4; n++) {//初始为0,灰暗

num[n].gotoAndStop(10);

num[n].alpha=0.3;

}

var i:Number=60;//默认60秒

var timer:Timer=new Timer(1000);//按秒计时

timer.stop();

timer.addEventListener(TimerEvent.TIMER,run);

function run(e) {

if (i>0) {//开始倒计时

i--;

if (i<10) {//少于10秒报警

snd.play();

}

var s=i.toString();//数字转字符

var leng:uint=s.length;

for (var j:uint=0; j<4; j++) {

if (j<leng) {

var k:uint=10-Number(s.substr(j,1));//分离字符得到数字对应的帧号

num[leng-1-j].gotoAndStop(k);

num[leng-1-j].alpha=1;//正在使用的数字动画,高亮

} else {

num[j].gotoAndStop(10);//不用的数字动画处理为显示0

num[j].alpha=0.3;//灰暗

}

}

} else {

timer.stop();//计时完成

playBtn.alpha=1;//开始可用

num[0].alpha=0.3;//最后一个数字动画也变暗

}

}

playBtn.addEventListener(MouseEvent.CLICK,_play);//开始按钮

function _play(e) {

if (playBtn.alpha==1) {//如果按钮处于高亮

init();//按输入框中的时长,初始化显示窗

i=Number(inputText.text);

timer.start();//计时开始

playBtn.alpha=.5;//计时过程中,开始按钮不可再用

}

}

function init() {//初始化函数

var s=inputText.text;

var leng:uint=s.length-1;//文本框中字符末尾总有个“段标志符”

for (var j:uint=0; j<4; j++) {

if (j<leng) {

var k:uint=10-Number(s.substr(j,1));

num[leng-1-j].gotoAndStop(k);

num[leng-1-j].alpha=1;

} else {

num[j].gotoAndStop(10);

num[j].alpha=0.3;

}

}

}

最终效果:

作者:张志晨

2012.5.21

  

爱华网本文地址 » http://www.413yy.cn/a/8104330103/242649.html

更多阅读

vs2013解决方案资源管理器怎样靠左 vs2015解决资源管理器

vs2013解决方案资源管理器怎样靠左——简介用着 vs2013 编写代码,解决方案资源管理器一直是在左边的,有天突然跑到另一边去了,而且 ,自己拖来拖去怎么也拖不好,这该怎么办呢?vs2013解决方案资源管理器怎样靠左——工具/原料vs2013vs2013

不用开瓶器怎样开红酒 如何开红酒不用开瓶器

不用开瓶器怎样开红酒——简介不用开瓶器怎样开红酒?这里提供一种简单易行的小方法。不用开瓶器怎样开红酒——工具/原料一瓶待开的红酒。一条毛巾。不用开瓶器怎样开红酒——方法/步骤

怎样制作flash秒倒计时器 倒计时器flash带声音

教师课件中,经常用到flash秒倒计时器。下面是我制作flash秒倒计时器的经验。 工具/原料flash cs5.5+as3.0 步骤/方法1新建Flash文档,设置舞台大小为350*300像素。单击舞台,右侧出现属性面板。设置舞台大小为350*300像素。2绘制倒计时

PPt中怎么加载倒计时器? ppt倒计时器加载宏

PPT中倒计时器输入标题打开PowerPoint 2003,选择“空演示文稿”,版式选为“只有标题”,在标题文本框中输入“英语口语比赛计时系统”字体设置为“加粗”。由于我们在播放幻灯片的时候,需要用的简单的宏命令,所以还需要将宏的

卡通flash倒计时器代码 flash倒计时器制作

一组非常好看实用的倒计时flash素材,卡通风格flash倒计时时钟,使用非常简单,只要复制以下代码,贴到博客或其它空间编辑框就可以啦,改变一下自定义倒计时起始时间和标题,比如标题为“2012年元旦” ,那么这个卡通倒计时就会准取得告诉你“离2

声明:《flash制作倒计时器 怎样制作flash秒倒计时器》为网友某汏菽分享!如侵犯到您的合法权益请联系我们删除