制作flash时钟

辅助线
制作大刻度：
• 另新建一层，命名为大刻度，
为了不影响其它层，可把暂 不编辑的层锁定。 • 利用直线工具绘制一条稍大 稍长一点的刻度线，利用变 形面板绘制其它的刻度线， 每转过30度绘制一条。 每转过30度绘制一条。
圆周为360度，共 分成12大格，每格 为30度
制作指针：
• 另新建一层，命名为时针，利
用直线工具绘制时针，把刚绘 制好的时针转换为影片剪辑元 件，元件名称为时针，在属性 面板中把实例名称改为shi 面板中把实例名称改为shi • 用同样的办法分别建立分针元 件和秒针元件，并分别把实例 名称改为fen和 名称改为fen和miao
添加了指针
添加动作脚本：
• 新建一层，命名为AS，并打开动作面板输入 新建一层，命名为AS，并打开动作面板输入
动作脚本。
获取系统新的日期、时间并赋值给变量d 获取系统新的日期、时间并赋值给变量d d = new Date() 设置时针脚本： shi._rotation = d.getHours()*30 +d.getMinutes()/2
设置时针 元件旋转
获取当前的小时 数，因为每大格 度数为30度，所 以乘以30
制作小刻度：
• 把第一层命名为表盘，新建一
层并命名为小刻度。 • 拖出两条辅助线，让辅助线经 过表盘的中心。 • 绘制作一条小刻度线，利用变 形面板绘制刻度，每转过6 形面板绘制刻度，每转过6度复 制一条刻度线。
圆周为360度，共 圆周为360度，共 分成60格，得每 分成60格，得每 格度数为6 格度数为6度。
miao._rotation = d.getSeconds()*6
设置秒针 旋转 每一秒钟秒针转 过一小格，每小 格为6度
Βιβλιοθήκη Baidu
另外所有的层均添加一帧，使flash重复 另外所有的层均添加一帧，使flash重复 运行第1 运行第1帧的代码，从而让时钟真正的转动 起来！最后完成的层及时钟效果如下图所示: 起来！最后完成的层及时钟效果如下图所示:
制作flash时钟 制作flash时钟
授课教师：邓伟广
2010年 2010年7月7日星期三
完成的Flash时钟效果 完成的Flash时钟效果
学习目的与要求: 学习目的与要求:
• 让学生学会设置时钟的外观。 • 让学生正确处理系统时间，使用
ActionScript语句将系统时间赋值 ActionScript语句将系统时间赋值 给每一个指针。
设置场景大小、制作表盘：
• 为了方便制作表盘，把场景中
的舞台设置成正方形，大小设 为：200X200 为：200X200 像素 • 利用椭圆工具制作表盘，笔触 颜色设置成黑色，宽度为5 颜色设置成黑色，宽度为5，填 充颜色为灰色，并利用对齐工 具设置表盘，使表盘刚好是场 景舞台的内切圆，如图所示。
1小时为60分钟，当前的分钟 数占一小时的几分之几为 （分钟数/60），每小时转过 30度，即(分钟数/60）×30, 于是得（分钟数/2）
设置分针脚本: 设置分针脚本:
fen._rotation = d.getMinutes()*6
设置分针 旋转 每一分钟分针转 过一小格，每小 格为6度
设置秒针脚本：