一种简单的flash钟表制作方法
作者：晁仕德
来源：《价值工程》2014年第33期
        摘要： 针对网上复杂的flash钟表制作代码，笔者经过研究，将复杂代码改为简单可行的代码，并描述了实现这一方法的全过程。
        关键词： flash；钟表；动作
        中图分类号：TP317.4 文献标识码：A 文章编号：1006-4311（2014）33-0223-02
        0 引言
        关于flash钟表的制作，网上可以到十几种制作方法，但是网上的诸多方法中，存在同一个问题，那就是action代码过于复杂，不适合于初学者，笔者参考网上所有的钟表方法，取其精华，经过自己的修改，到了一种简单可行的制作方法，现将详细的制作过程陈述如下，供各位爱好者参考。
        1 制作重点及效果
简单网页制作源代码
        利用action动作对钟表中的关键部分时针、分针及秒针进行帧动作的设定，先设置变量，再设置其属性，使得建好的时针、分针及秒针的影片剪辑中的元件能够获取系统的时间值，并能绕中心旋转。
        效果是当运行flash文档后就可以看到一个跟系统时间一致的精美的钟表。
        2 制作步骤
        打开flash软件，新建一个flash文档。在属性面板中设定舞台的大小为800×800，背景选用默认的白。帧频改为每秒6帧。
        步骤一：创建时针影片剪辑。
        ①点击菜单栏中的插入菜单下新建元件或者按快捷键Ctrl+F8，将名称改为“hour”，类型改为“影片剪辑”，表明要做的影片剪辑为时针。点击确定按钮以后进入该影片剪辑的编辑状态。
        ②绘制时针外形。在工具箱中选择矩形工具并选择自己喜欢的颜，注意取掉边线，在
图层1的第1帧编辑区画一个时针，调整大小，然后用选择工具将画好的时针拖到舞台中央，使时针形状的底部中心与舞台中心完全重合，如图1所示。然后用鼠标点选图层1第2帧，按快捷键F5插入帧。
        ③action动作设置。用选择工具点选图层一的第1帧，然后按快捷键F9打开“动作”面板，首先设置变量，双击语句下变量中的set variable设置变量，注意脚本助手必须打开。
        然后在变量中输入“a”做为变量名，在值中输入“new Date”，并在值后面的表达式前的方框中打上勾，如图2所示。
        然后双击影片剪辑控制下“setproperty”设置属性，点击属性右边的小黑三角可打开下拉菜单，在其下拉菜单中选择“ rotation”让舞台中的图形绕中心旋转，在目标后面输入“this”，在值后面输入a.getHours（）*”30”+a.getMinutes（）*”0.5”。注意在目标及值后面表达式前的方框中必须打上对勾。
        需要注意的是，获取系统的小时值，1小时转30度，12小时转360度。因此，前面是获取的小时值乘以30，而如果不进行后面的设定，时针只会指在正点的位置，这样不符合设计
要求，因此，再让该变量获取系统的分钟值，这样，1小时是60分钟，而60分钟乘以0.5就等于30度，正好达到了我们的要求，因此有以上的设定。
        步骤二：创建分针影片剪辑。
        ①点击菜单栏中的插入菜单下新建元件或者按快捷键Ctrl+F8弹出以下对话框：
        将名称改为“minute”，类型改为“影片剪辑”，表明我们要做的影片剪辑为分针。点确定按钮以后进入该影片剪辑的编辑状态。
        ②绘制分针外形。在工具箱中选择矩形工具并选择自己喜欢的颜，注意取掉边线，在图层一的第1帧编辑区画一个分针，调整大小，然后用选择工具将画好的分针拖到舞台中央，使时针形状的底部中心与舞台中心完全重合，其制作方法与时针制作一致，只是从外形上看，其长度较时针长一些。然后用鼠标点选择图层1第2帧，按快捷键F5插入帧。
        ③action动作设置。用选择工具点选图层一的第1帧，然后按快捷键F9打开动作面板，类似于时针的设定，进行设置变量和设置属性，变量名改为b，设置属性中与时针设置不同的是要获取系统的分钟值。设置好的action动作如下：
        b = new Date；
        setProperty（this， _rotation， b.getMinutes（）*"6"）；
        分针转一圈为60分钟，每分钟等于转过6度，因此，要在后面乘以6。
        步骤三：创建秒针影片剪辑。
        ①点击菜单栏中的插入菜单下新建元件或者按快捷键Ctrl+F8弹出以下对话框：
        将名称改为“second”，类型改为“影片剪辑”，表明我们要做的影片剪辑为秒针。点确定按钮以后进入该影片剪辑的编辑状态。
        ②绘制秒针外形。在工具箱中选择矩形工具并选择自己喜欢的颜，注意取掉边线，在图层一的第1帧编辑区画一个分针，调整大小，然后用选择工具将画好的秒针拖到舞台中央，使时针形状的留半厘米左右，底部中心与舞台中心完全重合，如图3所示。其制作方法与时针制作一致，然后用鼠标点选择图层1第6帧，按快捷键F5插入帧，这样秒针就跟最初属性中设定一致了。
        ③action动作设置。用选择工具点选图层一的第1帧，然后按快捷键F9打开动作面板，类似于时针的设定，进行设置变量和设置属性，变量名改为c，设置属性中与时针设置不同的是要获取系统的秒钟值。设置好的action动作如下：
        c= new Date；
        setProperty（this， _rotation， b.getSeconds（）*"6"）；
        秒针转一圈为60秒钟，每秒钟等于转过6度，因此，要在后面乘以6。
        紧接着给秒针添加声音，选择【文件】→【导入】→【导入到舞台】将事先准备好的声音文件TICK.wav导入进来，这时，在舞台中不会有什么变化，但是在属性面板中声音后面会出现刚刚导入的声音，接下来就可以进行对声音的编辑，点击属性中声音下的编辑，用鼠标左键可拖动左右声道的声音。
        完成了以上三步，这个动画的核心部分就完成了，以下要制作的是表盘。对于表盘的制作每个人的喜好不一样，可以根据自己的喜好来设计出自己喜欢的表盘来。笔者的制作方法如下。
        步骤四：制作表盘。
        ①表盘外框制作。点击时间轴顶部的场景1图标，退出元件编辑模式，返回到Flash文件的主时间轴。双击图层1将其改为“外边框”。然后在颜中选择类型为放射状，加入适当的颜标签。
        可以根据自己的爱好选择不同的颜变化，因此可加多、减少相应的颜标签。
        点击工具箱中椭圆工具，按住shift键在舞台中画一正圆，如图4所示即为钟表的外边框效果图。
        ②刻度及数字制作。点击新建图层，将图层2双击改名为刻度，选择矩形工具在舞台中画一个做为刻度的形状，放在如图5所示的位置，并选择任意变形工具，将其中心的小圆拖至大约是表的中心位置，如图5所示。
        然后选右边的变形面板，修改旋转后面的值为30（即30度为一小时刻度），选择变形面板右下的复制并应用转换按钮连续点击11次，即形成了所图6所示的刻度盘。如果刻度盘的位置及大小不太合适，可全部选中以后，做适当的调整。
        新建一个图层，将其改名为数字，在数字图层中，对应于12点、3点、6点及9点的位置，用文本工具选择适当的字号与字体写上相应的数字，如图7所示。
        ③指针的拖入。新建一个图层，将其改名为指针，在这一层中打开右边的库面板，将我们最先做好的时针、分针、秒针依次拖入到舞台中，将其设定好的中心位置置于重合，然后适当调整大小和位置即可，如图8所示。
        ④中心小圆制作。制作中心小圆的目的只是为了让表在播放的时候美观一些，可以根据自己的爱好制作不同的样式。新建一个图层，将其改名为中心圆，然后选择椭圆工具，取掉边线，设定颜类型为放射状的兰黑渐变，在舞台的编辑区外面画一小圆，大小可做适当调整，然后将其拖到表中心位置即可，如图9所示。
        经过以上的步骤，一个精美的钟表就完成了，对于外边框和表盘或者外形的制作，有兴趣者，可做进一步精美的设计。
        参考文献：
        [1]叶紫.动画制作的Flash时代[N].中国电脑教育报，2001-08-29（022）.
        [2]山东省齐河县育才中学王学锋.用Flash MX制作酒精灯火焰动画[N].中国电脑教育报，2005-04-11.
        [3]浙江台州学院信息与电子工程学院赵辉.用Flash制作三维DNA动画[N].中国电脑教育报，2004-04-12.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。