使用Flash mx制作旋转的时钟效果

2016-01-29 12:48 57 1 收藏

使用Flash mx制作旋转的时钟效果,使用Flash mx制作旋转的时钟效果

【 tulaoshi.com - Flash 】

    看到画面上静止的时钟,你是不是想让它动起来,那么我来教大家做一个转动的时钟。使用Flash mx中的时间对象制作一个转动的时钟,该时钟时、分、秒针的转动与系统的时间一致。有兴趣就跟着来做。

  开始制作:时钟画面的组成元素有时、分、秒三个电影夹子[ S,F,M ],时间的刻度图形符号两个[ a、b ],时间的输出文本框一个[ text ]。

  回到主场景中,在实例面板中将时、分、秒影片的名称写为:S、F、M;将时、分、秒针影片在轴点对齐,而且都指向12点。

  点击文本工具在文本框属性面板中设置为[动态文本],变量名为[ text ]

  有了以上的步骤,下面,我们就让时钟转动起来:

  第一步:在时间线双击第一帧,在弹出的动作面板中加入以下代码:

  mydate = new date ();//定义一个时间对象的实例

  hour = Number(mydate.getHours());

  hour = hour%12;//当前时间转化为12小时制

  minute = Number (mydate.getMinutes());//获取当前分数

  second = Number (mydate.getSeconds())-1;//获取当前秒数

  h = (hour*30+minute*0.5+second*0.0833)%360;//将当前时针处于初始位置的转动幅度赋予变量h

  m = (minute*6+second*0.1)%360;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  s = (second*6)%360;

  setProperty ("s", _rotation, h);

  setProperty ("f", _rotation, m);

  setProperty ("m", _rotation, s);

  angle = s;

  angleh = h;

  anglem = m;//将当前时、分、秒针的初始角度分别赋予三个变量

  第二步:在第二帧插入关键帧,在动作面板中加入以下代码:

  mydate = new date();

  day = mydate.getDate();

  month = mydate.getMonth()+1;

  second = mydate.getSeconds();

  week0 = mydate.getday();//获取当天星期( )

  is (Number(week0) == 1) {

  week0 = "一";}

  is (Number(week0) == 2) {

  week0 = "二";}

  is (Number(week0) == 3) {

  week0 = "三";}

  is (Number(week0) == 4) {

  week0 = "四";}

  is (Number(week0) == 5) {

  week0 = "五";}

  is (Number(week0) == 6) {

  week0 = "六";}

  is (Number(week0) == 0) {

  week0 = "日";} //以上把获取的星期数字号码转换成大写

  is (day<10) {

  day = "0"+String(day);} //将一位数的日期号码转换成两位

  is (moth<10) {

  month = "0"+String(month);} //系统的月份从0开始计数,故要进行转换

  text = mydate.getSullYear() +"."+month+"."+day+"\t星期"+week0;

  is (s != second) {

  s = second;

  angle = angle+6;

  setProperty ("m", _rotation, angle);//设置秒针的当前位置;每一秒秒针的转动角度为6(360度/60秒)度

  anglem = anglem+0.1;

  setProperty ("f", _rotation, anglem);

  angleh = angleh+0.0083;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  setProperty ("s", _rotation, angleh);

  }

  第三步:在第三帧插入关键帧,并在动作面板中加入以下代码:

  gotoAndPlay (2);

  一个转动的时钟就做好了,来看一下你做的时钟是不是酷极了!


来源:http://www.tulaoshi.com/n/20160129/1487605.html

延伸阅读
标签: FLASH flash教程
用Flash制作像册的教程已经很多了!这里就不在给大家罗嗦了!只要发挥自己的想象,相信自己!你能!那么超酷的旋转图像像册视觉效果就会出现。因为类似教程太多了,所以在这里不给大家详细讲解,如果你想深入研究,那么就自己下载源文件吧! 注:这个源文件是从一个国外站点上下载来的!简单给大家讲解一下制作过程。 先看效果和源文件。(演...
标签: FLASH flash教程
poluoluo核心提示:本例为用Flash AS3.0制作时钟的实例教程,为Flash AS入门教程第八课的延伸教程,希望能给朋友们带来帮助. 本例为用Flash AS3.0制作时钟的实例教程,为Flash AS入门教程第八课的延伸教程,希望能给朋友们带来帮助。 上一篇文章:Flash as入门(19):日期和时间 AS3.0实例教程二-时钟的制作 效果: 虽然制作时钟老套...
标签: FLASH flash教程
本文由 江舟一叶 原创,转载请保留此信息! 首先还是来看下效果吧 [1] 200806/12917_2.html'>[2] 200806/12917_3.html'>[3] 200806/12917_2.html'>下一页  文字旋转时后面跟着自己的影子,给人超强的速度感。在tuLaoShi.com模拟物体快速运动时常常要用到这种效果,下面就讲一下这种文字的制作方法。 ...
标签: flash教程
本文由 中国 acti0n   原创,转载请保留此信息! [友情提示] 看不到动画效果的朋友请去这里观看: http://bbs.jcwcn.com/viewthread.php?tid=136406 [next] 好~现在开始咯~ 新建FLASH文件~ 修改-》文档,把文档的背景色改成黑色~ CTRL+F8新建元件【text】~ 在元件的帧上放13...
标签: flash教程
在一些影视作品的片头,我们经常会见到模拟打字效果的字幕,其实这样的效果许多多媒体软件都可以实现。下面笔者以Flash MX 2004为例来实现模拟打字效果的方法。 1.创建电影文件 首先打开Flash MX 2004,按“Ctrl+N”组合键或依次选择“文件→新建”菜单命令创建一个空白电影文件,然后按“Ctrl+J”组合键或依次选择“修改→文档”菜单命令...

经验教程

106

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部