FLASH时钟制作教程

1、FLASH一、 设计钟盘设计钟面新建一个Flash12fps。按快捷键Ctrl+F8元件，如图11013). 点选工具栏中的“椭圆工具”23). 点选工具栏中的“椭圆工具”2工具”点选刚才绘制的空心圆后，如图3心点为原点。选空心圆后也可以按快捷键Ctrl+I心点为原点。02，034). 按快捷键Shift+F94#880000，右边滑块的颜色为#650101。5). 点选“颜料桶工具”，在空心圆中心单击一下鼠标左键着色。5). 点选“颜料桶工具”，在空心圆中心单击一下鼠标左键着色。Ctrl+复制Ctrl+V（粘贴）复制出一个空心圆。紧接着在“属性面板”中将其大小设成280px*280px，XY

2、-140px2px。这样使两个空心圆2px按快捷键Ctrl+ACtrl+G到这里，一个具有立体感的钟盘就完成了。最终效果如图505设计时钟刻度1).（长于钟面外圆的直径头工具”点选它，按快捷键Ctrl+GY 01).（长于钟面外圆的直径2). 点选横线，按快捷键Ctrl+CCtrl+V横线。按快捷键Ctrl+T30o。然后敲击Enter60o120o、150o6063). 3). 单击“时间轴”面板里的“插入图层”图标新建一层，将层改名4). 点选“文本工具”，如图7色”为黑色。在“钟盘”各刻度的位置写下124). 点选“文本工具”，如图7075). 按快捷键Ctrl+A 全选所有刻度，按快捷

3、键Ctrl+G 将它们组合。这样，一个具有立体感的钟盘就完成了。最终效果如图 8 所示。08二、设计旋转指针1设计指针按快捷键Ctrl+F8 打开“新建元件”面板，分别创建名为“时针”、“分针”、“秒针”的影片剪辑元件。指针的形状大家随便设计，美观大方即可。不过，有个技术上的问题大家一定要注意：指 9图 092旋转指针下面我们来设计一段控制指针旋转的代码。按快捷键Ctrl+E 回到“场景1”，新建四个层，分别改名为“钟盘”“秒针”。按快捷键Ctrl+L隐藏设计好的层，以便设计其它层。如图10图 10分别点选“时针”、“分针”、“秒针”三个影片元件，在“属性”面板里分别设置其实例名为“时针”、“

4、分针”、“秒针”。如图11 所示。图 11新建一个“代码”层，点选该层的第1 帧，按快捷键F9function ClockFun() / 声明一个名为时间对象time = new Date();/ 时针每小时旋转 30 度hour = time.getHours()*30;/6 = time.getSeconds()*6;/101，minute += time.getSeconds()/10;/ 每过 2 分钟,时针度数加 1 hour += time.getMinutes()/2;/ _rotation._rotation = second;分针._rotation = minute; 时针

5、._rotation = hour;/ 每隔 1000 毫秒执行一次ClockFun 函数setInterval(ClockFun,1000);注意：以下的代码都书写在代码function ClockFun()代码设计好了，快按快捷键Ctrl+Enter 测试一下吧。怎么样，看到转动的指针是不是很开心， 很 HA 啊，是不是很想接着再往下做啊！那好吧，让我们继续动起来吧。1). 锁定其它层。单击“插入图层”图标新建一层，改名为“日期”层。1). 锁定其它层。单击“插入图层”图标新建一层，改名为“日期”层。2). 点选“文本工具”，“属性”面板设置见图 12 所示，“文本填充色”为黑色。62).

6、 点选“文本工具”，“属性”面板设置见图 12 所示，“文本填充色”为黑色。期”。最终设置如图 12 所示。图 121/ 把系统当前月数值赋给变量months months = time.getMonth();/ 如果月数值是个位数，在其前面显示一个零if (length(months) = 1) months = 0+months;/ 把系统当前日数值赋给变量dates dates = time.getDate();/ 如果日数值是个位数，在其前面显示一个零if (length(dates) = 1) dates = 0+dates;/ 在“日期”文本框内显示系统日期日期 = time.ge

7、tFullYear()+.+months+.+dates;注意：因为日期对象的月份是从0 开始编号的，所以要将其加1 才能得到真实的月份值。按快捷键 Ctrl+Enter 测试一下，如果操作正确，应该可以看见日期显示。四、设计星期显示同日期显示的设计方法。新建一个“星期”层。再建一个名为“星期”的动态文本框，字体为宋体，大小为 12。将该文本框放在“日期”文本框的下方。点选“代码”层的第1 帧，打开“动作” 面板后输入如下代码。/ 定义一个数组days = new Array(星期日,星期一,星期二,星期三,星期四,星期五,星期六);/ 把系统的星期值赋给变量day（如星期五时，day 的值就

8、是 5） day = time.getDay();/ 在“星期”文本框内显示系统星期星期 = daysday;注意：getDay()方法传回的星期值是从 0 开始的，为了便于理解，所以对应的元素为星期日。按快捷键Ctrl+Enter 测试一下。五、设计时间显示同以上步骤，新建一个“时间”层。再建一个名为“时间”的动态文本框。将该文本框放在钟盘的上方。点选“代码”层的第 1 帧，打开“动作”面板，再输入如下代码。/ 将系统当前小时的值赋给变量hours hours = time.getHours();minutes = time.getMinutes(); seconds = time.getS

9、econds();/ 到零点时，显示两个 0hours = (time.getHours()=0)? 0+hours:time.getHours();/ 如果分钟的值为个位数，就在前面多显示一个零minutes = (length(minutes) = 1)? 0+time.getMinutes():time.getMinutes();/ 如果秒种值是一位数，就在前面多显示一个零seconds = (length(seconds) = 1)? 0+seconds:time.getSeconds();/ 显示时间时间 = hours+:+minutes+:+seconds;按快捷键Ctrl+En

10、ter 测试一下，如无法正常显示系统时间，则检查再试。六、指针旋转声音没有声音的实例总是让人觉得有点沉闷，乏味。下面设计的一段程序，可以在时钟走动时，发出滴答的声音。这样，效果就被延伸到听觉范围了。 打开本例的“库”面板。用鼠标左键按住“声音”库中的声音文件Switch Toggle本例的库中。右键单击“库”面板中的声音文件，在弹出的菜单中选择“链13图 131/ 声明一个声音对象dida = new Sound();/ 把滴答声附加到新对象中dida.attachSound(滴答声);/ 播放声音dida.start();七、整点报时功能报时的音乐导入（.mp3）。开“链接属性”面板，创建声音标识符为“报时声”。1/ 声明一个声音对象gugu = new Sound();/ 把报时声附加到新对象中gugu.attachSound(报时声);if (seconds = 0 & minutes = 0) gugu.start();有了以上这段代码，当整点的时候，整点报时的声音就会响起来了。八、定时闹铃功能1”中新建一层，命名为“闹铃”。注意：确定“属性”面板中的“文本”范围图标要被选中。设置允许最大输入字符数为注意：确定“属性”面板中的“文本”范围图标要被选中。设置允许最大输入字符数为图1