利用Date对象制作多功能手表

作者佚名技术来源服务器技术浏览发布时间 2012-07-10

idth-333" border=0>
图6 完成的back元件效果 2．制作指针和表盘心下面需要为手表制作时、分、秒三种指针以及表盘心。我们将指针制作成作圆周运动的影片剪辑，在此之前先为它们绘制图形元件。（1）按Ctrl+F8键新建一个名为hourhand的图形元件作为时针，如图7所示。按此在新窗口浏览图片

图7 hourhand元件及其参数（2）按Ctrl+F8键新建一个名为minutehand的图形元件作为分针，如图8所示。按此在新窗口浏览图片

图8 minutehand元件及其参数（3）按Ctrl+F8键新建一个名为secondhand的图形元件作为秒针，如图9所示。按此在新窗口浏览图片

图9 secondhand元件及其参灵数（4）按Ctrl+F8键新建一个名为hour的影片剪辑元件。将hourhand元件拖到hour元件的编辑场景中，注意令其转动轴心对准舞台中心。（5）选中hour元件的第1帧，在属性面板中将其“补间”设为“动作”，并顺时针旋转2次。如图10所示。按此在新窗口浏览图片

图10 为hour元件添加动作（6）在第121帧处插入关键帧，将其属性面板同样设置为如图10所示。（7）选中hour元件的第1帧，在其动作面板中添加如下Actions： stop(); （8）按照相同的方法利用minutehand图形元件创建minute影片剪辑元件，将其设为61帧，并顺时针旋转1次。在第1帧的动作面板中添加stop();语句。（9）按照相同的方法利用secondhand图形元件创建second影片剪辑元件，将其设为61帧，并顺时针旋转1次。在第1帧的动作面板中添加stop();语句。（10）按Ctrl+F8键新建一个名为center的图形元件，使用椭圆工具和放射渐变色将其绘制成如图11所示的状态和大小，将其作为表盘中心。按此在新窗口浏览图片

图11 center元件及其参数 3．合成手表。手表的关键部分制作好后即可以在主场景中将它们组装起来。（1）回到主场景，在图层区依次添加hour、minute、second和center共4个层，将影片剪辑元件hour、minute、second和图形元件center分别拖放到各自对应的层中，并将其中心对齐，如图12所示。在对齐中心时建议综合运用标尺、网格和放大工具。按此在新窗口浏览图片

图12 图层区和手表状态（2）在back上方新建一层，命名为date。在date层使用文本工具绘制如图13所示两个文本框，用于显示星期和日期。在属性面板中将其设置为动态文本，并分别添加变量名theweek和thedate，详细设置如图14所示。按此在新窗口浏览图片

图13 添加动态文本框按此在新窗口浏览图片

图14 设置动态文本变量theweek和thedate （3）在date层下方新建一层并命名为dateback，为动态文本添加边框和底纹，如图15所示。按此在新窗口浏览图片

图15 为动态文本添加边框和底纹 4．添加Actions 因为Actions会用到影片剪辑实例，所以在添加Actions之前需要先为相关影片剪辑实例命名。（1）选中back层的back元件，在属性面板的实例名称文本框中将其命名为back。（2）按照相同的方法分别将hour、minute和second元件的实例命名为hour、minute和second。（3）选中back实例，在其动作面板中添加如下Actions：

onClipEvent (load) { days = new Array(''''''''SUN'''''''', ''''''''MON'''''''', ''''''''TUE'''''''', ''''''''WED'''''''', ''''''''THU'''''''', ''''''''FRI'''''''', ''''''''SAT''''''''); datetime = new Date(); } onClipEvent (enterFrame) { datename = datetime.getDate(); day = datetime.getDay(); dayname = days[day]; hours = datetime.getHours(); minutes = datetime.getMinutes(); seconds = datetime.getSeconds(); switch (int(minutes/20)) { case (0) : _root.back.gotoAndStop(minutes+1); break; case (1) : _root.back.gotoAndStop(minutes-19); break; case (2) : _root.back.gotoAndStop(minutes-39); break; } switch (int(minutes/12)) { case (0) : _root.hour.gotoAndStop(5*hours+1); break; case (1) : _root.hour.gotoAndStop(5*hours+2); break; case (2) : _root.hour.gotoAndStop(5*hours+3); break; case (3) : _root.hour.gotoAndStop(5*hours+4); break; case (4) : _root.hour.gotoAndStop(5*hours+5); break; } _root.minute.gotoAndStop(minutes+1); _root.second.gotoAndStop(seconds+1); _root.theweek = dayname; _root.thedate = datename; delete datetime; datetime = new Date(); }

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: RPG游戏中常用的鼠标控制下一篇: 了解在Flash中的编程工作

关于利用Date对象制作多功能手表的所有评论

随机推荐