《用Flash制作时钟教程》由会员分享，可在线阅读，更多相关《用Flash制作时钟教程（13页珍藏版）》请在金锄头文库上搜索。
1、用 Flash 制作时钟教程 - 制作时钟的基本方案: 一,时钟的基本组成: 1,时针. 2,分针. 3,秒针. 4,AS 脚本. 5,表盘(刻度,数字). 6,三针交叉点遮盖. 二,制作五个元件,在元件里编辑: 1,制作时针 2,制作分针 3,制作秒针 4,制作表盘 5,制作三针交叉遮盖. 三,在场景的舞台里加 6 层,在舞台里编辑(顺序:从下向上数): 1,第一层 AS 2,第二层表盘 3,第三层时针 4,第四层分针 5,第五层秒针 6,第六层交叉遮盖 下面分别详细叙述制作过程:(如果你有一定基础,在本文最后有: 简化教程) 打开 FlashMX,看文字菜单行下侧是否有“快捷工具“,如果没
2、有, 点勾选,备以后使用.以下有使用这里的 ,第一次使用需要把下方的按 钮压下去! 1,时针制作过程: 直接点文字菜单的,写“时针“, 选. 在编辑区里,用左侧的绘制无边黑色“长方形“, 打开属性面板. 选工具里的,压住鼠标套住“长方形“后松手,属性里出现宽高. 将宽设置为 6,高设置 70. 使用里的第一行,用 2(水平中齐)6(底对齐). 元件制作完,不用保存,自然进入库里,想修改元件,必须先打开库, 对准库里元件名右击,点. 2,分针制作过程: 直接点文字菜单的,写“分针“,选 . 在编辑区里,用左侧的绘制无边黑色“长方形“, 打开属性面板.选工具里的,压住鼠标套住“长方形“后松手,属性
3、里出现宽高. 将宽设置为 6,高设置 85. 使用里的第一行,用 2(水平中齐)6(底对齐). 3,秒针制作过程: 直接点文字菜单的,写“秒针“,选 . 在编辑区里,用左侧的绘制无边红色“长方形“, 打开属性面板. 选工具里的,压住鼠标套住“长方形“后松手,属性里出现宽高. 将宽设置为 2,高设置 120.Y 值设置-100. 使用里的第一行,用 2(水平中齐)6(底对齐). 4,表盘制作过程: 直接点文字菜单的,写“表盘“,选 . 在编辑区里,用左侧的绘制无边淡灰“圆形“, 打开属性面板. 选工具里的,压住鼠标套住“圆形“后松手,属性里出现宽高. 将宽设置为 210,高设置 210. 使用里
4、的第一行,用 2(水平中齐)5(垂直中齐). 5,刻度制作过程: 继续在表盘制作里,加上第二层,在上,下,左,右,用绘制四 个短线条,线条宽度设为 1,长度设为 10-20 先制作一个,制作完成后,压住鼠标套住“短线条“后松手,对准短线条 右击点(有的叫拷贝),在其他位置右 击点粘贴,得到相同的短线条,布置到上下位置. 再在其他位置点粘贴,又得到一个相同的短线条,压住鼠标套住“短线条“ 后松手,点 对准横的短线条,右击复制再粘贴一个横的短线条,布置在左右. 6,数字制作过程: 继续在表盘制作里,加上第三层,(锁住其他层),用工具中的字母, 在编辑区写上“12“,回到工具的黑箭头后, 再点工具中
5、的字母,在编辑区写上“3“,这样重复操作,再写上“6“9“. 摆放到适当位置. (也可以不要 12.3.6,9.写上:1,2,4,5,7,8,10,11 更艺术点,这不是固定的, 看你艺术水平了) 7,三针交叉点遮盖制作过程: 三针交叉点露出来不好看,需要装修遮盖.以下同制作表盘一样,只差圆的 直径尺寸. 直接点文字菜单的,写“三针交叉遮盖“, 选. 在编辑区里,用左侧的绘制无边黑色“圆形“,打开属性 面板. 选工具里的,压住鼠标套住“圆形“后松手,属性里出现宽高. 将宽设置为 12,高设置 12.使用里的第一行,用 2(水平中齐)5(垂直中齐). 到此为止,元件制作完毕.以下回到“场景编辑“
6、 1,场景属性设置(或是说:文档属性):点,宽:218,高:218. 其他暂不变. 2,增加层,共 6 层,每层只一帧就可以.顺序由下向上,第一层层名:AS, 第二层层名:表盘,第三层层名:时针,第四层层名:分针,第五层层名:秒针, 第六层层名:交叉遮盖. 3,AS 层:对准第一帧,打开面板,复制以下 AS 代码,粘贴在里面: _root.onEnterFrame=function() myDate=newDate(); hour._rotation=myDate.getHours()*30+(myDate.getMinutes()/2); min._rotation=myDate.getMi
7、nutes()*6+(myDate.getSeconds()/10); sec._rotation=myDate.getSeconds()*6; ; 4,表盘层:打开库(按 F11),点表盘层第一帧,把库中表盘元件拉到舞台, 点对齐工具第一行的:2 和 5. 5,时针层:点时针层第一帧,把库中时针元件拉到舞台,再打开属性面板, 用 XY 坐标对位置.X=106,Y=39.实例名称:hour 6,分针层:点分针层第一帧,把库中分针元件拉到舞台,再打开属性面板, 用 XY 坐标对位置.X=106,Y=24.实例名称:min 7,秒针层:点秒针层第一帧,把库中秒针元件拉到舞台,再打开属性面板, 用
8、XY 坐标对位置.X=108,Y=9.实例名称:sec 8,交叉遮盖层:打开库(按 F11),点交叉遮盖层第一帧,把库中三针交叉遮盖元件 拉到舞台,点对齐工具第一行的:2 和 5. 到此为止,全部完成,点,看到问题关闭窗口,调整, 再,满意为止. 简化教程: 1,以下使用元件编辑,用绘图方法,分别制作,时针,分针,秒针,表盘,刻度, 数字,三针交叉遮盖等元件: 时针:用矩形工具,做无边黑色矩形,宽=6,高=70.水平:居中,垂直:底边对中. 分针:用矩形工具,做无边黑色矩形,宽=6,高=85.水平:居中,垂直:底边对中. 秒针:用矩形工具,做无边黑色矩形,宽=2,高=120.水平:居中,垂直:
9、Y=-100. 表盘:用椭圆工具,做无边淡灰色圆形,宽=210,高=210.水平:居中,垂直:居中. 刻度:在表盘元件里,加一层,用线条工具做成放射形类似钟表黑色刻度盘. 数字:在表盘元件里,再加一层,用文字工具写四次,分别写:12,3,6,9,选字体 字号和颜色. 三针交叉点覆盖:是修饰物,该交叉点遮盖上更好看,用椭圆工具,做无边黑色 圆形,宽=12,高=12.水平居中,垂直居中. 2,进入舞台场景编辑:建 6 层,由下向上的层名:AS,表盘,时针,分针,秒针, 三针遮盖. 把 AS 代码粘贴点 AS 层第一帧.(提示:AS 控制对象就是三针,所以三针,要冠以 实例名称,看下面制作) 把表盘
10、元件从库中拉进表盘层第一帧,居中. 把时针元件从库中拉进时针层第一帧,水平居中,垂直:针底居中.实例名称设置:hour 把分针元件从库中拉进分针层第一帧,水平居中,垂直:针底居中.实例名称 设置:min 把秒针元件从库中拉进秒针层第一帧,水平居中,垂直:针中心居中 (和中心点不同).实例名称设置:sec 把三针交叉遮盖元件从库中拉进交叉遮盖层第一帧,居中. 3,反复测试调整.加上其他装修饰就更漂亮了,如果要想要更多功能, AS 就不一样了,元件也要多了.,这只是入门!看到画面上静止的时钟，你是不是想让它动起来，那么我来教大家做一个转 动的时钟。使用 Flash mx 中的时间对象制作一个转动的
11、时钟，该时钟时、分、 秒针的转动与系统的时间一致。有兴趣就跟着来做。开始制作：时钟画面的组成元素有时、分、秒三个电影夹子 S,F,M ，时 间的刻度图形符号两个 a、b ，时间的输出文本框一个 text 。回到主场景中，在实例面板中将时、分、秒影片的名称写为：S、F、M；将 时、分、秒针影片在轴点对齐，而且都指向 12 点。点击文本工具在文本框属性面板中设置为动态文本，变量名为 text 有了以上的步骤，下面，我们就让时钟转动起来：第一步：在时间线双击第一帧，在弹出的动作面板中加入以下代码：mydate = new date ()；/定义一个时间对象的实例hour = Number(mydat
12、e.getHours()；hour = hour%12；/当前时间转化为 12 小时制minute = Number (mydate.getMinutes()；/获取当前分数second = Number (mydate.getSeconds()-1；/获取当前秒数h = (hour*30+minute*0.5+second*0.0833)%360；/将当前时针处于初始 位置的转动幅度赋予变量 hm = (minute*6+second*0.1)%360；s = (second*6)%360；setProperty (“s“, _rotation, h)；setProperty (“f“, _
13、rotation, m)；setProperty (“m“, _rotation, s)；angle = s；angleh = h；anglem = m；/将当前时、分、秒针的初始角度分别赋予三个变量第二步：在第二帧插入关键帧，在动作面板中加入以下代码：mydate = new date()；day = mydate.getDate()；month = mydate.getMonth()+1；second = mydate.getSeconds()；week0 = mydate.getday()；/获取当天星期( )is (Number(week0) = 1) week0 = “一“；is (
14、Number(week0) = 2) week0 = “二“；is (Number(week0) = 3) week0 = “三“；is (Number(week0) = 4) week0 = “四“；is (Number(week0) = 5) week0 = “五“；is (Number(week0) = 6) week0 = “六“；is (Number(week0) = 0) week0 = “日“； /以上把获取的星期数字号码转换成大写is (day 新建元件。名称：时钟指针；行为：电影剪缉。点新建元件。名称：时钟指针；行为：电影剪缉。点“确定确定”进入元件编进入元件编缉区。缉区。2
15、.2.在工具箱中设置填充色为深黄色。选择矩形工具在编缉区内画一无笔触色的在工具箱中设置填充色为深黄色。选择矩形工具在编缉区内画一无笔触色的柱状矩形。柱状矩形。3.3.用箭头工具向下拖曳柱状矩形的下边中点，使下边成圆弧状。用箭头工具向下拖曳柱状矩形的下边中点，使下边成圆弧状。4.4.用箭头工具移动柱状矩形的左上角，使之与右上角相重叠，使原来的柱状矩用箭头工具移动柱状矩形的左上角，使之与右上角相重叠，使原来的柱状矩形成指针状。形成指针状。5.5.选中指针，并使之成垂直状。其方法是：窗口（菜单）选中指针，并使之成垂直状。其方法是：窗口（菜单） 变形变形 在在“旋转旋转”文本框中输入文本框中输入“-3
16、-3 度度” 回车。回车。6.6.用箭头工具移动指针，使指针的旋转轴心（下方）位于与编缉区的注册点位用箭头工具移动指针，使指针的旋转轴心（下方）位于与编缉区的注册点位置。置。7.7.复制指针。选中指针复制指针。选中指针 复制复制 粘贴。粘贴。8.8.保持复制的指针被选中的情况下，单击工具箱保持复制的指针被选中的情况下，单击工具箱“颜色颜色”中的中的“填充色填充色”按钮，在按钮，在弹出的面板中，单击右上角的按钮，打开弹出的面板中，单击右上角的按钮，打开“颜色颜色”面板，适当增加面板，适当增加“亮度亮度”的数值，的数值，使复制件的颜色较原件稍浅。使复制件的颜色较原件稍浅。9.9.移动复制的指针，覆盖在原件上并稍向左上方偏移，使指针具有三维效果。移动复制的指针，覆盖在原件上并稍向左上方偏移，使指针具有
