|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？注册
x
制作的详细过程(中高手)篇 FLASH新手可能看不懂哦~s:32 s:32
解决思路（必须要有）
要想制作双历指针式钟表，就要先制作电子表，利用系统函数获得当前的时间和日期，利用动态文本框显示变量值。然后分析秒针、分针、和时针的旋转角度与时间的关系，通过这个数学模型，我们就能做出双历指针式钟表。
具体步骤
1， 运行flash mx，新建影片剪辑，命名为“表盘”。进入编辑区绘制一条直线，【窗口】|【变形】，打开变形面板，添入旋转角度为30度，拷贝并应用变形。按照同样方法，绘制出其他分钟的刻度。如图1所示。
图1 “表盘”的绘制
2， 在背景层中我们添加三个动态文本框，变量名称为：“weeks”，“days”和“timebox”。
3， 分别新建三个影片剪辑，命名为“时针”，“分针”，“秒针”。绘制三个指针的形状。注意指针的中心点的位置。如图2所示。
图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所示。
图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[week];//从数组中读取中文显示，参看上一句的解释
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，测试，保存。 |
评分
-
查看全部评分
|
发表于 2007-9-19 12:58:35
发表于 2007-9-19 13:06:41
楼主
