[09-19] 姐姐漂亮时钟(FLASH详细教程)
http://www.flash34.com/loading_full.swf?s=s3&id=/swfs/2007/9/20070918033801_24279.swf制作的详细过程(中高手)篇 FLASH新手可能看不懂哦~s:32 s:32
解决思路（必须要有）
要想制作双历指针式钟表，就要先制作电子表，利用系统函数获得当前的时间和日期，利用动态文本框显示变量值。然后分析秒针、分针、和时针的旋转角度与时间的关系，通过这个数学模型，我们就能做出双历指针式钟表。
具体步骤
1， 运行flash mx，新建影片剪辑，命名为“表盘”。进入编辑区绘制一条直线，【窗口】|【变形】，打开变形面板，添入旋转角度为30度，拷贝并应用变形。按照同样方法，绘制出其他分钟的刻度。如图1所示。
http://p10.freep.cn/p.aspx?u=v20_p10_p_0709191252589693_0.jpg
图1 “表盘”的绘制
2， 在背景层中我们添加三个动态文本框，变量名称为：“weeks”，“days”和“timebox”。
3， 分别新建三个影片剪辑，命名为“时针”，“分针”，“秒针”。绘制三个指针的形状。注意指针的中心点的位置。如图2所示。
http://p10.freep.cn/p.aspx?u=v20_p10_p_0709191253444645_0.jpg
图2 指针的绘制
4， 导入一段指针移动的模拟音乐。在声音文件的连接属性中选择“为动作脚本导出”，命名为“sound”。
5， 新建一个影片剪辑，命名为“音乐”。在第1帧添加as：stop(); 第2帧插入空白关键帧，添加as：
ss = new Sound();
ss.attachSound("sound");
ss.start();
ss.onSoundComplete = function() {
ss.start();
}; //调用库中的声音文件sound
5,返回到主场景，把“表盘”影片剪辑拖放到场景中，利用对齐面板使之处与场景中央位置。
6，建一个图层，绘制一个中心点。同样利用对齐面板使之处与中央位置。
7，显见三个图层，分别放置“时针”，“分针”，“秒针”影片剪辑。注意，影片剪辑的中心点要与步骤6绘制的中心点重合。如图3所示。
http://p10.freep.cn/p.aspx?u=v20_p10_p_0709191254375976_0.jpg
图3指针的位置
8，新建一个音乐层，把“音乐”影片剪辑放置在场景的任何位置。在下面的属性面板中，命名为“777”。
9，分别选择“时针”，“分针”，“秒针”三个影片剪辑，在下面的属性面板中分别命名为“hourpoints”，“minutepoints”和“secondpoints”。
10， 好了，准备工作已经完成了。下面我们添加as吧。
11， 选中“表盘”影片剪辑，添加as语句：
onClipEvent (load) {
weekArray = new Array(’星期日’, ’星期一’, ’星期二’, ’星期三’, ’星期四’, ’星期五’, ’星期六’);//建立一个数组，共七个元素
timedate = new Date();//建立一个新的时间对象
}
onClipEvent (enterFrame) {
week = timedate.getDay();//返加0~6，0时取“星期日”；1时取“星期一”…….
weekday = weekArray;//从数组中读取中文显示，参看上一句的解释
day = timedate.getDate();//当前的日期，返回值为1~31
hour = timedate.getHours();//当前的时，返回0~23
minute = timedate.getMinutes();当前的分，返回0~59
second = timedate.getSeconds();当前的秒，返回0~59
if (hour<10) {
hour = "0" + hour;//如果时小于10，前面显示加“0”
}
if (minute<10) {
minute = "0" + minute;//同上
}
if (second<10) {
second = "0" + second;//同上
}
timebox = hour+" : "+minute+" : "+second;//显示在动态文本框中
weeks = weekday;//同上一句
days = day;//同上一句
delete timedate;//删除时间对象，目的是实时显示时间
timedate = new Date();//新建时间对象
}
12， 选择“时针”影片剪辑，添加as语句：
onClipEvent (enterFrame) {
hourangle = _root.clock.hour*30+_root.clock.minute/2;
//把钟表符号中的时针对应的角度值赋值给变量“hourangle”
setProperty ("_root.hourpoints", _rotation, hourangle);
}//设置分针的旋转角度
13， 选择“分针”影片剪辑，添加as语句：
onClipEvent (enterFrame) {
minuteangle = _root.clock.minute*6;
//把钟表符号中的分针对应的角度值赋值给变量“minuteangle”
setProperty ("_root.minutepoints", _rotation, minuteangle);
}//设置分针的旋转角度
14， 选择“秒针”影片剪辑，添加as语句：
onClipEvent (enterFrame) {
secondsangle = _root.clock.second*6;
//把钟表符号中的秒针对应的角度值赋值给变量“secondsangle”
setProperty ("_root.secondpoints", _rotation, secondsangle);
}//设置秒针的旋转角度
15，测试，保存。 我来支持下！ 謝謝你````` 我想这么复杂,不知道你们看不看的懂哦~s:25 s:25 支持
早会了` 原帖由 じ☆ve^贤 于 2007-9-19 13:10 发表 http://www.livejh.com/ba/images/common/back.gif
支持
早会了`
哈哈~看来你也是高手哦~其实这些如果弄懂代码就很简单了~ hou:170 学习下~~ 好像很不好弄的样子 原帖由 邓羊 于 2007-9-19 13:42 发表 http://www.livejh.com/ba/images/common/back.gif
好像很不好弄的样子
新手来说是难了点~ 这么漂亮啊？ 原帖由 5718680 于 2007-9-19 14:32 发表 http://www.livejh.com/ba/images/common/back.gif
这么漂亮啊？
你看的懂吗?s:25 强...很不错.但是没时间去做.. 原帖由 chiee521 于 2007-9-19 14:34 发表 http://www.livejh.com/ba/images/common/back.gif
强...很不错.但是没时间去做..
其实你如果懂FLASH的,做起来很简单的~如果不懂的那就难啦~s:32 这么复杂啊s:23 支持你hou:30 我是新手hou:42 这个软件根本就不有用过 很复杂的说．
干脆ＬＺ做个我们直接下载就可以了hou:172 很漂亮啊 不过我不懂 不错
！s:35
页:
[1]