CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
用Flash制作课件中的倒计时动画效果
来源:闪吧论坛 作者:qinz 编辑:浪漫的季节 发布时间:2007年07月13日 13:06:49

入门者写的教程面向入门者,让我们一起成为高手吧!本教程得到了终极讨厌大师的鼎力帮助,在此谢谢!先看效果(为了方便演示,我把时间设置成了10秒钟的倒计时)

第一步:新建影片剪辑元件,名称为铃声影片,第一层图层名称为铃声,在第二帧处导入铃声,将同步改为数据流并重复5次,将帧延长至声音的末端;新建层,名称为动作,选中第一帧,打开动作面板,写上代码:stop();。具体设置见图1:

用Flash制作课件中的倒计时动画效果

第二步:新建影片剪辑元件,名称为倒计时,第一层图层名称为时间,拉一动态文本,其实例名为_txt;新建层,图层名称为铃声影片,把铃声影片元件拖入,实例名为mc;新建层,名称为动作,选中第一帧,写上如下代码。具体设置见图2:

用Flash制作课件中的倒计时动画效果

//设置变量,其值为2700
var time_num:Number = 2700;
//申明定义的函数
function time_func() {
//设置一个字符串,显示分,如果小于10,就在前面加一个0
var fen_str:String = Math.floor(time_num/60)<10 ? "0"+Math.floor(time_num/60) : Math.floor(time_num/60);
//设置一个字符串,显示为秒,如果小于10,就在前面加一个0
var miao_str:String = time_num%60<10 ? "0"+time_num%60 : time_num%60;
//动态文本显示分秒的字符,其字符之间用冒号连接
_txt.text = fen_str+":"+miao_str;
//变量time_num递减1
time_num--;
  //如果变量time_num小于0
if (time_num<0) {
//铃声元件开始播放  
  mc.play();
  //显示时间到 
  _txt.text = "时间到!";
//取消周期回调
  clearInterval(id);
}
}
//调用函数
time_func();
//初始化周期回调,后面的参数1000是1秒,即每秒钟运行一次time_func函数
id = setInterval(time_func, 1000);

第三步:回到主场景,创建四个图层,分别为动作、时间、按钮、内容;在内容图层是课件主内容;在动作的第一帧处写上代码:stop();,在最后一帧也写上相同的代码(根据课件的帧数来确定);在按钮图层的第一帧处拖入一个“开始”按钮,第二帧处拖入一个“重播”按钮,并延长帧至课件主内容的结束外。选中“开始”按钮,写上代码:

on (release) {
play();
}//上课开始,倒计时也开始选中“重播”按钮,写上代码:
on (release) {
gotoAndStop(1);
}

在时间图层上第一帧插入空白关键帧,第二帧处把倒计时元件拖入,并延长帧至课件主内容的结束处。具体设置见图3与图4:

用Flash制作课件中的倒计时动画效果

用Flash制作课件中的倒计时动画效果

共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page