昨天看见的一个站,上面有一个用js做的跟随鼠标的时钟,蛮有趣,想想用FLASH应该也做得出,试了一下,效果还不错,正好心情不错,写了个教程,和大家探讨。
现在我们一步一步的来做。
1、新建一个文档,背景白色,新建一个mc,就叫clock吧。进入编辑。先做一个钟面,在一个层上分别做1~12的12个数字,都单独做成MC,实体名(instance name)分别命名为b1,b2...b12,排列成圆环状(这不很难吧,能够加圆形及十字辅助线做),关键在这里--每一个数字MC的中央点并非和数字重合!从clock的角度看,这12个数字MC的中央点全部重叠在钟面的中央。

具体做时,能够增加一个辅助层,把钟面数字原样复制到辅助层上,并完全打散(和数字MC脱离干系),锁定。然后分别对b1,b2...进行编辑,把中央点都放置在十字辅助线的中央,而数字放在圆环上,对齐辅助层上的数字。--这个办法是不是有点笨啊?呵呵,但是mch我还是为此方法整整考虑了33分钟哦。
2、现在来做指针,一共有3根。(废话!)先做分针,依然在clock里面做,新加一层,用直线工具,用点线的线形画竖线,画好了把他转MC--line,注意,中央点放在竖线下端。

回到clock,再按F8,做指针转圈的动画,还是要注意:line的下端对齐中央点,这都是为了确保指针能在钟面中央旋转。在21帧、41帧、61帧按F6插入关键帧,打开transform面板,21帧处旋转120度,41帧处旋转240度,然后全部加motion tween,在60帧处按F6加关键帧,并删除61帧。

同样的方法做时针,当然做的比分针短一点(又是废话!)。秒针呢,我还是想了一个笨办法,让他按部就班的走吧--先按做分针的做法做好,然后从1到60全部加关键帧,然后去掉motion。因为是每秒12帧,所以,我在每2个关键帧之间加11个普通帧(连按11个F5罗,mch我按的手酸死了。)
3、把三根指针在clock中对好中央位置放好,其实不对准也没关系拉,因为下面我在AS里面会把他放在他应该呆的地方拉。把时、分、秒针所在mc分别命名为b13,b14,b15
4、现在我们来加AS
回到主场景,点选clock,写以下代码
onClipEvent (enterFrame) {
文章整理:西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!



